@charset "UTF-8";

@keyframes bounceln-ed33fdf6 {
  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-ed33fdf6 {
  0% {
    opacity: 0;
    transform: translate3d(-120px, 0, 0)
  }

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

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

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

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

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

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

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

@keyframes bounceIn-ed33fdf6 {
  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-ed33fdf6] {
  width: 100%
}

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

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

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

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

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

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

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

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

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

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

.app-download-page .content1 .right .download .btndown .btnbox[data-v-ed33fdf6] {
  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-ed33fdf6] {
  top: -60px;
  transition: all 1s cubic-bezier(.68, -.55, .265, 1.55)
}

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

.app-download-page .content1 .right .download .btndown .btnbox .btn[data-v-ed33fdf6] {
  width: 230px;
  height: 120px;
  line-height: 60px;
  cursor: pointer;
  text-align: center;
  color: #0770cc;
  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-ed33fdf6] {
  display: inline-block;
  vertical-align: middle
}

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

.app-download-page .content1 .right .txt[data-v-ed33fdf6] {
  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-ed33fdf6] {
  animation: fadeInLeft-ed33fdf6 1s ease .2s both
}

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

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

.app-download-page .content2 .pic[data-v-ed33fdf6] {
  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-ed33fdf6] {
  width: 80%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto
}

.app-download-page .content2 .pic .circleBox .casino[data-v-ed33fdf6] {
  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-ed33fdf6]:before {
  content: "真人视讯";
  text-shadow: 2px 2px 2px #000
}

.app-download-page .content2 .pic .circleBox .circle[data-v-ed33fdf6] {
  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-ed33fdf6]: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-ed33fdf6] {
  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-ed33fdf6]:before {
  content: "彩票投注";
  text-shadow: 2px 2px 2px #000
}

.app-download-page .content2 .pic .circleBox .game[data-v-ed33fdf6] {
  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-ed33fdf6]:before {
  content: "电子游艺";
  text-shadow: 2px 2px 2px #000
}

.app-download-page .content2 .pic .circleBox .sport[data-v-ed33fdf6] {
  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-ed33fdf6]:before {
  content: "体育投注";
  text-shadow: 2px 2px 2px #000
}

.app-download-page .content2 .word .title[data-v-ed33fdf6] {
  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-ed33fdf6] {
  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-ed33fdf6] {
  animation: fadeInUp-ed33fdf6 1s ease .2s both
}

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

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

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

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

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

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

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

.app-download-page .content3 .word .title[data-v-ed33fdf6] {
  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-ed33fdf6] {
  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-ed33fdf6] {
  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-ed33fdf6] {
  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-ed33fdf6] {
  animation: fadeInDown-ed33fdf6 1s ease .2s both
}

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

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

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