body{
    padding-bottom: 1.12rem;
}

nav{
    position: fixed;
    left: 50%;
    height: 1.12rem;
    z-index: 10;
    top: 0;
    margin-left: -3.6rem;
    width: 7.2rem;
    padding: 0 0.24rem;
    box-shadow: 0px 4px 8px 0px rgba(0,45,100,0.08);
}

nav .logo{
    width: 2rem;
    height: 0.6rem;
    background-image: url(/img/m-logo-3.png);
    background-position: left center;
}

.nav-placeholder{
    width: 100px;
    height: 1.12rem;
}

nav .close{
    width: 0.32rem;
    height: auto;
    margin-right: 0.32rem;
}

nav .download{
    width: 1.96rem;
    height: auto;
}

.banner{
    position: relative;
}
.banner .background{
    width: 100%;
    height: auto;
}

.banner .content{
    position: absolute;
    z-index: 1;
    top: 0.86rem;
    left: 0.32rem;
}

.banner .content > img{
    width: auto;
    height: 0.48rem;
    margin-bottom: 0.32rem;
}

.banner .download{
    position: absolute;
    z-index: 2;
    width: 3.04rem;
    height: auto;
    bottom: 0.64rem;
    left: 2.08rem;
}


.box-3{
    padding: 0.48rem 0 0.8rem 0;
    background-color: #F7FDFD;
}

.box-3 img.title{
    height: 1rem;
    width: auto;
    margin: 0 auto;
}

.box-3 .list>div{
    margin-top: 0.8rem;
}

.box-3 .list img{
    height: 0.56rem;
    width: auto;
    margin: 0 auto 0.24rem auto;
}

.box-4{
    padding: 0.48rem 0.32rem 0.64rem 0.32rem;
}

.box-4 > img{
    width: 100%;
}

.box-4 > img.size-2{
    width: 6rem;
    margin-left: auto;
    margin-right: auto;
}

.box-4 > img + img{
    margin-top: 0.64rem;
}

.list{
    font-size: 0.24rem;
}

.fixed-download{
    width: 4rem;
    height: auto;
    left: 50%;
    margin-left: -2rem;
    position: fixed;
    bottom: 0.32rem;
    z-index: 5;
    display: none;
}