|
|
@@ -10,14 +10,17 @@
|
|
|
html{
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- background-image: url("/static/mobile/img/bg.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
+ /*background-image: url("/static/mobile/img/bg.png");*/
|
|
|
+ /*background-repeat: no-repeat;*/
|
|
|
+ /*background-size: 100% 100%;*/
|
|
|
}
|
|
|
body{
|
|
|
- padding: 15vw;
|
|
|
- padding-top: 20vw;
|
|
|
- padding-bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ /*padding: 15vw;*/
|
|
|
+ /*padding-top: 20vw;*/
|
|
|
+ /*padding-bottom: 0;*/
|
|
|
}
|
|
|
.logo{
|
|
|
margin-bottom: 10vw;
|
|
|
@@ -34,12 +37,12 @@
|
|
|
margin: 0 auto;
|
|
|
margin-bottom: 20px;
|
|
|
text-decoration: none;
|
|
|
- color: #023894 ;
|
|
|
+ color: #fff ;
|
|
|
border-radius: 22px;
|
|
|
text-align: center;
|
|
|
font-size: 16px;
|
|
|
overflow: hidden;
|
|
|
- border: 1px solid #023894 ;
|
|
|
+ border: 1px solid #fff ;
|
|
|
}
|
|
|
.btn:hover{
|
|
|
text-decoration: none;
|
|
|
@@ -83,7 +86,7 @@
|
|
|
background-color: transparent;
|
|
|
position: fixed;
|
|
|
z-index: 100;
|
|
|
- top: 30%;
|
|
|
+ top: 35%;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
height: 20%;
|
|
|
@@ -111,19 +114,47 @@
|
|
|
height: 100%;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
+
|
|
|
+ .bottom-logo{
|
|
|
+ width: 100%;
|
|
|
+ height: 25vw;
|
|
|
+ /*display: table-cell;*/
|
|
|
+ /*vertical-align: middle;*/
|
|
|
+ text-align: center;
|
|
|
+ padding-top: 121vw;
|
|
|
+ /*overflow: hidden;*/
|
|
|
+ }
|
|
|
+ .bottom-logo img{
|
|
|
+ width: 150px;
|
|
|
+ height: 150px;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .bg-img{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
-<div class="tu">
|
|
|
- <img src="/static/mobile/img/tu.png" alt="">
|
|
|
+<!--<div class="tu">-->
|
|
|
+<!-- <img src="/static/mobile/img/tu.png" alt="">-->
|
|
|
+<!--</div>-->
|
|
|
+<img width="100%" src="/static/mobile/img/bg2x.png" alt="" class="bg-img">
|
|
|
+<div class="bottom-logo">
|
|
|
+ <img src="/static/mobile/img/bottom-logo2x.png" alt="">
|
|
|
</div>
|
|
|
<div class="appbtn">
|
|
|
<a href="{$android}" class="btn">
|
|
|
- <img src="/static/mobile/img/icon-az.png" alt="">
|
|
|
+ <img src="/static/mobile/img/icon-az1.png" alt="">
|
|
|
安卓系统下载
|
|
|
</a>
|
|
|
<a href="{$ios}" class="btn">
|
|
|
- <img src="/static/mobile/img/icon-ios.png" alt="">
|
|
|
+ <img src="/static/mobile/img/icon-ios1.png" alt="">
|
|
|
苹果系统下载
|
|
|
</a>
|
|
|
</div>
|
ss
