.img-logo {
    display: block;
    width: 6%;
    height: auto;
    position: absolute;
    top: 9%;
    left: 2%;
    z-index: 9;
}

.down-wrap {
    position: absolute;
    width: 100%;
    bottom: 1.5%;
    left: 0;
    z-index: 2;
    right: 0;
    margin: 0 auto;
}

.apple-btn {
    background-position: 0 9%;
}

.down-spr {
    background: url(../images/downbtn.png);
    background-size: 200%;
}

.down-group {
    display: flex;
    justify-content: center;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.down-group a {
    display: block;
    width: calc(190 / 1920 *100vw);
    height: calc(62 / 1920 *100vw);
    text-indent: -9999px;
}

.apple-btn {
    background-position: 0 9%
}

.goole-btn {
    background-position: -100% 9%;
    display: none !important
}

.apk-btn {
    background-position: 0 -9.2%
}

.ar .apple-btn {
    background-position: 0 .5%
}

.ar .goole-btn {
    background-position: -100% .5%
}

.id .apple-btn {
    background-position: 0 -90.5%
}

.id .goole-btn {
    background-position: -100% -90.5%
}

.pt .apple-btn {
    background-position: 0 -82.4%
}

.pt .goole-btn {
    background-position: -100% -82.4%
}

.th .apple-btn {
    background-position: 0 -74.1%
}

.th .goole-btn {
    background-position: -100% -74.3%
}

.ru .apple-btn {
    background-position: 0 -66.2%
}

.ru .goole-btn {
    background-position: -100% -66.2%
}

.es .apple-btn {
    background-position: 0 -58.1%
}

.es .goole-btn {
    background-position: -100% -58.1%
}

.fr .apple-btn {
    background-position: 0 -49.8%
}

.fr .goole-btn {
    background-position: -100% -50%
}

.tr .apple-btn {
    background-position: 0 -41.8%
}

.tr .goole-btn {
    background-position: -100% -41.8%
}

.vi .apple-btn {
    background-position: 0 -33.6%
}

.vi .goole-btn {
    background-position: -100% -33.6%
}

.de .apple-btn {
    background-position: 0 -25.5%
}

.de .goole-btn {
    background-position: -100% -25.5%
}

.HK .apple-btn {
    background-position: 0 -17.5%
}

.HK .goole-btn {
    background-position: -100% -17.5%
}

.TW .apple-btn {
    background-position: 0 -17.5%
}

.TW .goole-btn {
    background-position: -100% -17.5%
}

.jp .apple-btn {
    background-position: 0 9%
}

.jp .goole-btn {
    background-position: -100% 9%
}

.ko .apple-btn {
    background-position: 0 9%
}

.ko .goole-btn {
    background-position: -100% 9%
}

.down-group.flex .apk-btn .down_tip {
    top: calc(70 / 1920 * 100vw);
}

.down-arrow {
    display: block;
    width: 36px;
    height: 20px;
    background-position: calc(-800 / 1920 *100vw) calc(-40 / 1920 *100vw);
    position: absolute;
    left: 50%;
    bottom: -0.5%;
    margin-left: calc(-960 / 1920 *100vw);
    z-index: 12;
    animation: arrowDown 2s 0s both infinite;
}

.sec-title {
    text-align: center;
    font-size: calc(63 / 1920 *100vw);
    line-height: calc(120 / 1920 *100vw);
    text-transform: uppercase;
}

.s7 {
    height: calc(390 / 2560 * 100vw);
    padding-top: calc(150 / 2560 * 100vw);
}

.s7 .sec-title {
    color: #a2c9ea;
    line-height: calc(90 / 1920 *100vw);
}

.s7 .down-wrap {}

@media only screen and (max-width: 1600px) {
    .down-group .apk-btn .down_tip {
        transform: scale(.8) translateY(calc(-10 / 1920 * 100vw)) translateX(calc(-50 / 1920 * 100vw));
        -webkit-transform: scale(.8) translateY(calc(-10 / 1920 * 100vw)) translateX(calc(-50 / 1920 * 100vw));
    }
    .s7 .down-wrap {}
}

@media only screen and (max-width: 1200px) {
    .down-group {
        -webkit-transform: inherit;
    }
    .down-group a {
        width: calc(190 / 1200 *100vw);
        height: calc(62 / 1200 *100vw);
    }
    .down-group .apk-btn .down_tip {
        /* transform: scale(.8) translateY(-20px) translateX(-45px); */
        /* -webkit-transform: scale(.8) translateY(-20px) translateX(-45px); */
    }
    .down-group.flex .apk-btn .down_tip {
        top: calc(70 / 1200 * 100vw);
    }
    .s7 {
        height: calc(390 / 2560 * 100vw);
        padding-top: calc(80 / 2560 * 100vw);
    }
}

@media only screen and (max-width: 850px) {
    .down-group a {
        width: calc(190 / 1000 *100vw);
        height: calc(62 / 1000 *100vw);
    }
    .ar .apple-btn {
        background-position: 0 .5%
    }
    .id .apple-btn {
        background-position: 0 -91.2%
    }
    .pt .apple-btn {
        background-position: 0 -83%
    }
    .th .apple-btn {
        background-position: 0 -74.9%
    }
    .ru .apple-btn {
        background-position: 0 -66.6%
    }
    .es .apple-btn {
        background-position: 0 -58.4%
    }
    .fr .apple-btn {
        background-position: 0 -50.4%
    }
    .tr .apple-btn {
        background-position: 0 -42%
    }
    .vi .apple-btn {
        background-position: 0 -33.9%
    }
    .de .apple-btn {
        background-position: 0 -25.5%
    }
    .down-group .apk-btn .down_tip {
        transform: scale(.8) translateY(calc(-10 / 750 * 100vw)) translateX(calc(-50 / 750 * 100vw));
        -webkit-transform: scale(.8) translateY(calc(-10 / 750 * 100vw)) translateX(calc(-50 / 750 * 100vw));
    }
    .down-group.flex .apk-btn .down_tip {
        top: calc(70 / 1000 * 100vw);
    }
    .s7 .down-wrap {}
}

@media only screen and (max-width: 700px) {
    .down-group a {
        width: calc(190 / 750 *100vw);
        height: calc(62 / 750 *100vw);
    }
    .down-group.flex .apk-btn .down_tip,
    .mobile .down-group.flex .apk-btn .down_tip {
        top: calc(70 / 750 * 100vw);
    }
}

@media only screen and (max-width: 575px) {
    .down-group a {
        width: calc(190 / 600 *100vw);
        height: calc(62 / 600 *100vw);
    }
    .goole-btn {
        display: none !important
    }
    .down-group.flex .apk-btn .down_tip,
    .mobile .down-group.flex .apk-btn .down_tip {
        top: calc(70 / 600 * 100vw);
    }
    .s7 .down-wrap {}
}

@media only screen and (max-width: 500px) {
    .img-logo {
        width: 15%;
    }
    .s7 {
        height: calc(286 / 750 * 100vw);
        padding-top: calc(80 / 750* 100vw);
    }
    .s7 .sec-title {
        line-height: calc(55 / 750 * 100vw);
        font-size: calc(45 / 750 * 100vw);
        margin: 0;
    }
    .s7 .down-wrap {
        bottom: 31.5%;
    }
    .down-group.flex .apk-btn .down_tip {
        left: 50%;
        transform: scale(0.8) translateX(-60%);
    }
}

@media only screen and (max-width: 475px) {
    .down-wrap {
        bottom: 35.5%;
    }
    .down-arrow {
        bottom: 35.5%;
    }
}

@media only screen and (max-width: 320px) {
    .down-wrap {
        bottom: 34.5%;
    }
}

@media only screen and (min-width: 2100px) {
    .down-group .apk-btn .down_tip {
        transform: scale(1) translateY(12px) translateX(-41px);
        -webkit-transform: scale(1) translateY(12px) translateX(-41px);
    }
    .down-group {
        transform: scale(1.4);
        -webkit-transform: scale(1.4)
    }
}

.mclass .img-logo {
    left: 2%;
}

.mclass .goole-btn {
    display: none !important;
}

.mclass .down-group a {
    transform: translateX(3%);
}