@media screen and ( max-width: 500px ) {
    .body {
        margin: 0px;
        padding: 0px;
        position: relative;
        border: 0px;				
    }
    .all {
        height: 100vh;
        width: 100%;
        margin: 0px;
        position: relative;
        border: 0px;
        background: url('img/appTitle.png'),linear-gradient(#2c2d2c,#a19d97);
        background-size: 100% auto;
        background-repeat: no-repeat;					
    }
    .top {
        position: relative;
        border: 0px;
        margin: 0px;
        width: 100%;
    }
    .top .backImg {
        width: 100%;
        position: relative;
        border: 0px;
        padding: 0px;
        margin: 0px;
    }
    .top .logoImg {
        position: absolute;
        top: 62%;
        left: 27%;
    }
    .bottom {
        position: absolute;
        bottom: 10%;
        width: 100vw;
        z-index: 999;
    }
    .bottom .btn-style {
        position: relative;
        color: #e9e4e4;
        border:2px solid #7a7974;
        width: 50%;
        text-decoration: none;
        display: block;
        text-align: center;
        border-radius: 18px;
        line-height: 220%;
        font-size: 16px;
        font-weight: 500;
        margin: auto;
    }
}
@media screen and ( min-width: 500px ) {
    body{
        margin: 0;
        padding: 0;
        background-image: url(img/background.png);
        background-size: 100% auto;
    }
    .page{
        height: 100vh;
        font-family: 微软雅黑;
    }
    .h-100{
        height: 100vh;
    }
    div{
        margin: 0;
        padding: 0;
    }
    .flex{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .phone-bg{
        width: 24.8%;
    }
    .title-image {
        width: 100%;
        height: 100%;
    }	
    .qrcode-image {
        margin: 1.8vw;
        margin-top: 4vw;
    }
    .download-tip{
        color: #e9e4e4;
        border:2px solid #7a7974;
        border-radius: 0.4vw;
        font-size:1.15vw;
        padding:0.4vw 0;
        margin:0 1.5vw;
        font-weight:520;
    }	
    
    .bottom {
        position: fixed; bottom: 1.5vw;left: 25%; width: 50%;
    }

    .bottom-content{
        display: flex;justify-content: space-around; color: #fff;font-size: 0.7em;
    }

    .bottom-content a {
        color: #e9e4e4;
    }

    .icon {
        position: fixed; top:1vw; left:2vw;
    }

    .icon img {
        width:6vw;
    }
}