@media (max-width: 767px){
    html,body{
        height:100%;
    }
    html{
        width:90%;
        margin:0 5%;
    }
    .down_temp{
        background:none;
        display:flex;
        flex-wrap:wrap;
        height:100%;
    }
    .app_title{
        text-align:center;
        width:100%;
    }
    h2{
        font-size:24px;
        color:#fff;
        margin: 15px 10px;
    }
    .qr_code{
        width:auto;
        height:66vw;
        margin:0 auto; 
        margin: 10px;
    }
    .app_wrap{
        text-align:center;
    }
    .download-bg{
        display:flex;
        flex-wrap:wrap;
        width:100%;
        text-align:center;
    }
    .title{
        margin:15px 0;
        height:auto;
        font-size:16px;
        color:#fff;
        text-align:left;
        text-indent:2em;

    }
    .download-bg .btn{
        margin: 0 auto;
        height:auto;
        width:100%;
    }
    .download-bg .btn a{
        width:70%;
        margin: 5px 15%;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 15px;
    }
    .download-bg .btn a.android{
        background:url(../img/2018APP_ico_android.png) #fff 10px center no-repeat;
    }
    .download-bg .btn a.ios{
        background:url(../img/2018APP_ico_ios.png) #fff 10px center no-repeat;
    }
    .download-bg .btn a span{
        padding-left:50px;
    }
    .download-bg .btn a:nth-child(2) span{
        padding-left:10px;
    }
    .wrap,
    .download-bg .qrcode1{
        display:none;
    }
}

@media (min-width: 768px){
    .app_wrap{
        display:none;
    }
}