*{margin: 0;padding: 0;}
body,html{overflow-x:hidden;position:relative;font-family: "微软雅黑","Helvetica Neue",Helvetica,Arial,sans-seri;}
img,button,input,textarea{display: block;outline: none;}
ul,li,ol{list-style: none;}

.slogan{
    font-size: 3rem;
}
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; overflow: hidden; }
.clear { zoom: 1; /*IE<8*/ }
.clearfix:after{content: "\20";display: block;visibility: hidden;clear: both;font-size: 0;height: 0;line-height: 0;}
.clearfix{*zoom: 1;}
.content{
    width:100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .content-phone {
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding:50px 20px;
}
.content .content-phone .qr-code {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 36px;
}
.content .content-phone .img-phone{
    width:50%;
}
.content .content-phone .qr-code img {
    width: 35%;
    margin-top:50px;
}
.content .content-phone .qr-code p:first-child{
    font-weight: bold;
}
.content .content-desc{
    width:100%;
    color:#fff;
    background: url(../image/app_img.png) center no-repeat;
    background-size:100% 100%;
}
.content .content-desc .desc-p {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.content .content-desc .desc-p .title{
    font-size:3rem;
}
.content .content-desc .desc-p .last-title{
    margin-top:1rem;
}

@media (min-width: 992px){
    .qr-img{
        display: block;
    }
    .phone-img{
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 980px){
    .qr-img{
        display: block;
    }
    .phone-img{
        display: none;
    }
    .content .content-desc{
        width:100%;
        height: auto;
        color:#fff;
        background: url(../image/mobile_app_img.png) center no-repeat;
        background-size:100% 100%;
    }
}
@media (max-width: 768px){
    .z_title{
        font-size: 2rem;
    }
    .content .content-desc .desc-p{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: left;
        padding-left: 5%;
        font-size: 0.3rem;
    }
    .content .content-phone .qr-code{
        font-size: 2.4rem;
    }
    .content .content-desc .desc-p .last-title{
        /*margin-top: 0.5rem;*/
    }
    .content .content-desc .desc-p .title{
        font-size: 1.8rem;
    }
    .content .qr-code .qr-img{
        display: none;
    }
    .content .qr-code .phone-img{
        display: block;
        align-self: flex-end;
        margin-left:20px;
    }
    .content .content-desc{
        width:100%;
        height: auto;
        color:#fff;
        background: url(../image/mobile_app_img.png) center no-repeat;
        background-size:100% 100%;
    }
}