shangshang
/
jili2


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
							<!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{
            width: 100%;
            height: 100%;
            overflow: hidden;
            /*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: #fff ;
            border-radius: 22px;
            text-align: center;
            font-size: 16px;
            overflow: hidden;
            border: 1px solid #fff ;
        }
        .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: 35%;
            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;
        }

        .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>-->
<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-az1.png" alt="">
        &nbsp;安卓系统下载
    </a>
    <a href="{$ios}" class="btn">
        <img src="/static/mobile/img/icon-ios1.png" alt="">
        &nbsp;苹果系统下载
    </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>