@charset "UTF-8";

@keyframes bounceln-792a1622 {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: .5;
        transform: scale(1.05)
    }

    70% {
        opacity: .85;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes fadeInLeft-792a1622 {
    0% {
        opacity: 0;
        transform: translate3d(-120px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown-792a1622 {
    0% {
        opacity: 0;
        transform: translate3d(0, -200px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp-792a1622 {
    0% {
        opacity: 0;
        transform: translate3d(0, 200px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRight-792a1622 {
    0% {
        opacity: 0;
        transform: translate3d(120px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes bounceIn-792a1622 {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: .5;
        transform: scale(1.05)
    }

    70% {
        opacity: .85;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.app-download-page[data-v-792a1622] {
    width: 100%
}

.app-download-page .bg[data-v-792a1622] {
    width: 100%;
    height: 100%;
    background: url(../images/bg2.9050f890.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    z-index: -1
}

.app-download-page .logo[data-v-792a1622] {
    background: url(../images/logo.0a2759b4.png) top no-repeat;
    background-size: 100%
}

.app-download-page .canva[data-v-792a1622] {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0
}

.app-download-page .content1[data-v-792a1622] {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 1
}

.app-download-page .content1 .left[data-v-792a1622] {
    display: inline-block;
    width: 50%;
    height: 100%;
    opacity: 0;
    background: url(../images/shouji.0e0d09e0.png) no-repeat 50%/60%;
    vertical-align: middle
}

.app-download-page .content1 .right[data-v-792a1622] {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    text-align: left;
    opacity: 0
}

.app-download-page .content1 .right .logo[data-v-792a1622] {
    width: 230px;
    height: 150px;
    margin-left: 50px
}

.app-download-page .content1 .right .txt-tq[data-v-792a1622] {
    display: none
}

.app-download-page .content1 .right .download[data-v-792a1622] {
    padding-left: 50px;
    width: 600px;
    height: 250px
}

.app-download-page .content1 .right .download .btndown[data-v-792a1622] {
    display: inline-block;
    vertical-align: middle
}

.app-download-page .content1 .right .download .btndown .btnbox[data-v-792a1622] {
    width: 230px;
    height: 60px;
    overflow: hidden;
    margin: 15px 60px 15px 0;
    background: #fff;
    border-radius: 5px;
    position: relative
}

.app-download-page .content1 .right .download .btndown .btnbox:hover .btn[data-v-792a1622] {
    top: -60px;
    transition: all 1s cubic-bezier(.68, -.55, .265, 1.55)
}

.app-download-page .content1 .right .download .btndown .btnbox .ios[data-v-792a1622] {
    color: #b6b6b6
}

.app-download-page .content1 .right .download .btndown .btnbox .btn[data-v-792a1622] {
    width: 230px;
    height: 120px;
    line-height: 60px;
    cursor: pointer;
    text-align: center;
    color: #dea651;
    font-size: 20px;
    font-weight: 700;
    transition: all 1s cubic-bezier(.68, -.55, .265, 1.55);
    position: absolute;
    top: 0
}

.app-download-page .content1 .right .download .qrcode[data-v-792a1622] {
    display: inline-block;
    vertical-align: middle
}

.app-download-page .content1 .right .download .qrcode img[data-v-792a1622] {
    width: 133px;
    border-radius: 3px
}

.app-download-page .content1 .right .txt[data-v-792a1622] {
    padding-left: 50px;
    width: 600px;
    height: 125px;
    color: #fff;
    font-size: 36px;
    text-shadow: 2px 2px 2px #000
}

.app-download-page .active.content1 .left[data-v-792a1622] {
    animation: fadeInLeft-792a1622 1s ease .2s both
}

.app-download-page .active.content1 .right[data-v-792a1622] {
    animation: fadeInRight-792a1622 1s ease .2s both
}

.app-download-page .content2[data-v-792a1622] {
    width: 100%;
    height: 100vh;
    position: relative
}

.app-download-page .content2 .pic[data-v-792a1622] {
    width: 100%;
    height: 70%;
    background: url(../images/sworder.e788fd61.png) no-repeat 50%;
    background-size: contain;
    position: relative;
    opacity: 0
}

.app-download-page .content2 .pic .circleBox[data-v-792a1622] {
    width: 80%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.app-download-page .content2 .pic .circleBox .casino[data-v-792a1622] {
    background: url(../images/casino.376505bd.png) no-repeat bottom;
    left: 30%;
    top: 30%;
    background-size: contain
}

.app-download-page .content2 .pic .circleBox .casino[data-v-792a1622]:before {
    content: "真人视讯";
    text-shadow: 2px 2px 2px #000
}

.app-download-page .content2 .pic .circleBox .circle[data-v-792a1622] {
    width: 25%;
    height: 250px;
    border-radius: 50%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    font-size: 28px;
    text-align: center
}

.app-download-page .content2 .pic .circleBox .circle[data-v-792a1622]:before {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 30px;
    bottom: 0;
    font-size: 28px;
    left: 0;
    right: 0;
    margin: auto;
    text-shadow: 0 0 5px #000
}

.app-download-page .content2 .pic .circleBox .loto[data-v-792a1622] {
    background: url(../images/bg3.262a140d.png) no-repeat bottom;
    left: 70%;
    top: -50%;
    background-size: contain
}

.app-download-page .content2 .pic .circleBox .loto[data-v-792a1622]:before {
    content: "彩票投注";
    text-shadow: 2px 2px 2px #000
}

.app-download-page .content2 .pic .circleBox .game[data-v-792a1622] {
    background: url(../images/bg3.262a140d.png) no-repeat bottom;
    left: -70%;
    top: -50%;
    background-size: contain
}

.app-download-page .content2 .pic .circleBox .game[data-v-792a1622]:before {
    content: "电子游艺";
    text-shadow: 2px 2px 2px #000
}

.app-download-page .content2 .pic .circleBox .sport[data-v-792a1622] {
    background: url(../images/ball.7b20f720.png) no-repeat bottom;
    left: -30%;
    top: 30%;
    background-size: contain
}

.app-download-page .content2 .pic .circleBox .sport[data-v-792a1622]:before {
    content: "体育投注";
    text-shadow: 2px 2px 2px #000
}

.app-download-page .content2 .word .title[data-v-792a1622] {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 50px;
    padding-top: 50px;
    font-weight: 700;
    text-shadow: 2px 2px 2px #000
}

.app-download-page .content2 .word .txt[data-v-792a1622] {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-shadow: 2px 2px 2px #000
}

.app-download-page .active.content2 .word[data-v-792a1622] {
    animation: fadeInUp-792a1622 1s ease .2s both
}

.app-download-page .active.content2 .pic[data-v-792a1622] {
    animation: fadeInDown-792a1622 1s ease .4s both
}

.app-download-page .active.content2 .pic .casino[data-v-792a1622] {
    animation: bounceIn-792a1622 1s ease 1.3s both
}

.app-download-page .active.content2 .pic .loto[data-v-792a1622] {
    animation: bounceIn-792a1622 1s ease .9s both
}

.app-download-page .active.content2 .pic .game[data-v-792a1622] {
    animation: bounceIn-792a1622 1s ease .7s both
}

.app-download-page .active.content2 .pic .sport[data-v-792a1622] {
    animation: bounceIn-792a1622 1s ease 1.1s both
}

.app-download-page .content3[data-v-792a1622] {
    width: 100%;
    height: 100vh;
    position: relative
}

.app-download-page .content3 .word[data-v-792a1622] {
    width: 100%;
    height: 25%;
    opacity: 0
}

.app-download-page .content3 .word .title[data-v-792a1622] {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 50px;
    padding-top: 50px;
    font-weight: 700;
    text-shadow: 2px 2px 2px #000
}

.app-download-page .content3 .word .txt[data-v-792a1622] {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-shadow: 2px 2px 2px #000
}

.app-download-page .content3 .pic[data-v-792a1622] {
    width: 90%;
    height: 70%;
    background: url(../images/shield.c9b97535.png) no-repeat 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0
}

.app-download-page .content3 .pic .protect[data-v-792a1622] {
    width: 100%;
    height: 100%;
    background: url(../images/shield_light.6baf7a40.png) no-repeat 50%;
    background-size: contain;
    opacity: 0
}

.app-download-page .active.content3 .word[data-v-792a1622] {
    animation: fadeInDown-792a1622 1s ease .2s both
}

.app-download-page .active.content3 .pic[data-v-792a1622] {
    animation: bounceIn-792a1622 1s ease .4s both
}

.app-download-page .active.content3 .pic .protect[data-v-792a1622] {
    animation: bounceIn-792a1622 1s ease .7s both
}

.app-download-page .banner-module .logo[data-v-792a1622],
.app-download-page .customerExperien-module .logo[data-v-792a1622] {
    background: url(../images/bet365bg.e5d4a7ed.png) top no-repeat;
    background-size: 100%
}