123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 |
- <!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">
- <link rel="Shortcut Icon" href="/logo.png" type="image/x-icon" />
- <title>{:get_config('web_site_title')}</title>
- <style>
- html{
- width: 100%;
- height: 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;
- }
- .logo{
- margin-bottom: 10vw;
- }
- .logo img{
- width: 100%;
- }
- .btn{
- display: block;
- width: 60%;
- height: 44px;
- line-height: 44px;
- background-color: transparent;
- margin: 0 auto;
- margin-bottom: 20px;
- text-decoration: none;
- color: #023894 ;
- border-radius: 22px;
- text-align: center;
- font-size: 16px;
- overflow: hidden;
- border: 1px solid #023894 ;
- }
- .btn:hover{
- text-decoration: none;
- color: #fff;
- }
- .btn img{
- display: inline-block;
- vertical-align: middle;
- width: 20px;
- height: 20px;
- margin-bottom: 4px;
- }
- .top-div{
- position: fixed;
- z-index: 1000;
- top: 0;
- left: 0;
- width: 100vw;
- height: 100vh;
- padding: 5vw 3vw;
- background: rgba(0,0,0,0.7);
- }
- .top-div img{
- width: 94vw;
- }
- .bg{
- position: fixed;
- z-index: 1;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- overflow: hidden;
- }
- .bg img{
- width: 100%;
- height: auto;
- }
- .appbtn{
- background-color: transparent;
- position: fixed;
- z-index: 100;
- top: 30%;
- left: 0;
- width: 100%;
- height: 20%;
- }
- .tu{
- /*margin-top: -35px;*/
- width: 60%;
- margin: 0 auto;
- padding-top: 20px;
- }
- .tu img{
- width: 100%;
- /*width: 157px;*/
- /*height: 74px;*/
- display: inline-block;
- }
- .zi{
- width: 150px;
- margin: auto;
- margin-top: 210px !important;
- }
- .zi img{
- width: 100%;
- height: 100%;
- display: inline-block;
- }
- </style>
- </head>
- <body>
- <div class="tu">
- <img src="/static/mobile/img/tu.png" alt="">
- </div>
- <div class="appbtn">
- <a href="{$android}" class="btn">
- <img src="/static/mobile/img/icon-az.png" alt="">
- 安卓系统下载
- </a>
- <!-- <a href="{$ios}" class="btn">-->
- <!-- <img src="/static/mobile/img/icon-ios.png" alt="">-->
- <!-- 苹果系统下载-->
- <!-- </a>-->
- </div>
- <!--<div class="zi">-->
- <!-- <img src="/static/mobile/img/zi.png" alt="">-->
- <!--</div>-->
- {if condition="$iswx eq 1"}
- <div class="top-div">
- <img src="/static/mobile/img/tixing@3x.png" alt="">
- </div>
- {/if}
- </body>
- </html>
|