body {
    background-color: #F5F6F8;
}

div {
    width: 100%;
    text-align: center;
}

.container-download {
    max-width: 750px;
    margin: 0 auto;
    background-color: #fff;
}

.logo-box {
    padding-top: 128px;
}
.logo-box img{
    width:150px;
}
.app-name {
    padding-top: 20px;
    font-size: 36px;
    font-weight: 500;
    color: #131C45;
}

.app-version {
    font-size: 24px;
    font-weight: 400;
    color: #131C45;
}

.btn-download-box {
    padding-top: 60px;
}

.btn-download {
    width: 300px;
    height: 100px;
    background: #F5F6F8;
    border-radius: 50px;
    margin: 0 auto;
    cursor: pointer;
}
.btn-bg-ios {
    background-color: #060506;
}

.btn-download span {
    line-height: 100px;
    font-size: 36px;
    font-weight: bold;
    color: #241964;
}

    .btn-download img {
        line-height: 100px;
        height: 45px;
        width: 45px;
        margin-bottom: 22px;
    }

.show-tip {
    padding-top: 20px;
    font-size: 24px;
    font-weight: 400;
    color: #241964;
}

.qrcode-line {
    top: -106px;
    position: absolute;
    background-color: transparent;
}

.qrcode-box {
    width: 400px;
    height: 400px;
    background: #FFFFFF;
    border-radius: 10px;
    margin: 0 auto;
}

.bg-img-wh {
    height: 352px;
    position: relative;
    margin-top: 144px;
    background-repeat: no-repeat;
    background-image: url(../img/android_downgb.png);
    background-size: cover;
}


.bottom-info {
    font-size: 16px;
    font-weight: 400;
    color: #131C45;
}

.pad-top146 {
    padding-top: 146px;
}

.pad-top30 {
    padding-top: 30px;
}
.pad-top238 {
    padding-top: 238px;
}
.pad-top129 {
    padding-top: 129px;
}

.pad-bottom140 {
    padding-bottom: 140px;
}
.txt-align-left{
    text-align:left;
}
.txt-align-right{
    text-align:right;
}

/*<< whsocial*/
.social_absolute_box1 {
    height: 402px;
    position: relative;
}
.logo-box-social {
    position: absolute;
    top: 0px;
    padding-top: 0px;
}
.logo-box-social img{
    width:150px;
}

.app-name-social {
    position: absolute;
    padding-top: 0px;
    top: 169px;
    font-size: 36px;
    font-weight: 500;
    color: #131C45;
}

.app-version-social {
    position: absolute;
    padding-top: 0px;
    top: 219px;
    font-size: 24px;
    font-weight: 400;
    color: #131C45;
}

.btn-download-box-social {
    position: absolute;
    padding-top: 0px;
    top: 303px;
}

.qrcode-line-social {
    top: 0px;
    position: absolute;
    background-color: transparent;
}
.social-absolute-bgimg {
    width: 333px;
    height: 402px;
    position: absolute;
    top: 0px;
    background-image: url(../img/ios_downgb.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-img-whsocial {
    height: 400px;
    position: relative;
    margin-top: 20px;
}

.bg-img-whsocial-right {
    top:0px;
    right:0px;
    width:153px;
    height:169px;
    background-image: url(../img/whsocial_downgb2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
}
/*>>whsocial*/
@media(max-width:750px) {
    .logo-box {
        padding-top: 17.06vw;
    }
    .logo-box img {
        width: 20vw;
    }
    .app-name {
        padding-top: 2.66vw;
        font-size: 4.8vw;
    }

    .app-version {
        font-size: 3.2vw;
    }

    .btn-download-box {
        padding-top: 6vw;
    }

    .btn-download {
        width: 40vw;
        height: 13.33vw;
        border-radius: 6.66vw;
    }

    .btn-download span {
        line-height: 13.33vw;
        font-size: 4.8vw;
    }

    .btn-download img {
        line-height: 13.33vw;
        height: 6vw;
        width: 6vw;
        margin-bottom: 2.93vw;
    }

    .show-tip {
        padding-top: 2.66vw;
        font-size: 3.2vw;
    }

    .qrcode-line {
        top: -14.13vw;
    }

    .qrcode-box {
        width: 53.33vw;
        height: 53.33vw;
        border-radius: 1.33vw;
    }

    .bg-img-wh {
        height: 46.93vw;
        margin-top: 9.2vw;
    }

    .bottom-info {
        font-size: 2.4vw;
    }

    .pad-top146 {
        padding-top: 19.46vw;
    }

    .pad-top30 {
        padding-top: 4vw;
    }

    .pad-bottom140 {
        padding-bottom: 18.66vw;
    }

    /*<< whsocial*/
    .logo-box-social img {
        width: 20vw;
    }
.social_absolute_box1{
    height:53.6vw;
}
.pad-top129 {
    padding-top: 17.2vw;
}
    .app-name-social {
        top: 22.53vw;
        font-size: 4.8vw;
    }
    .app-version-social {
        top:29.2vw;
        font-size: 3.2vw;
    }
    .btn-download-box-social {
        top: 40.4vw;
    }
    .social-absolute-bgimg {
        width: 44.4vw;
        height: 53.6vw;
    }
    .bg-img-whsocial {
        height: 53.33vw;
        margin-top: 2.66vw;
    }
    .bg-img-whsocial-right {
        width: 20.4vw;
        height: 22.53vw;
    }
    /*>>whsocial*/
}