* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  background: #000; }

li {
  list-style: none; }

img {
  border: 0;
  width: 100%; }

a {
  text-decoration: none;
  cursor: pointer; }

body {
  font-family: "Microsoft Yahei";
  background: #fff; }

section {
  position: relative; }

input {
  border: none;
  outline: none; }

input[type="button"] {
  cursor: pointer;
  background-size: contain !important; }

.container1 {
  height: 1080px;
  background: url(images/new/bg//bg1.jpg) no-repeat center top; }
  .container1 header {
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    width: 100%;
    height: .7rem;
    max-height: 75px;
    background: rgba(0, 0, 0, 0.6); }
    .container1 header .logo-bbgame {
      float: left;
      margin-left: .2rem;
      width: 25%;
      max-width: 205px;
      height: 60%;
      cursor: default;
      background: url(images/button//logo_bbgame.png) no-repeat center top;
      background-size: contain;
      display: block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .container1 header .logo-fb {
      display: block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      float: right;
      margin-right: 10px;
      width: .5rem;
      max-width: 45px;
      height: 60%;
      background: url(images/button//logo_fb.png) no-repeat center top;
      background-size: contain; }
    .container1 header .logo-naver {
      display: block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      float: right;
      margin-right: 10px;
      width: .5rem;
      max-width: 45px;
      height: 60%;
      background: url(images/button//logo_naver.png) no-repeat center top;
      background-size: contain; }
    .container1 header .logo-youtube {
      display: block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      float: right;
      margin-right: 10px;
      width: .5rem;
      max-width: 45px;
      height: 60%;
      margin-right: .2rem;
      background: url(images/button//logo_youtube.png) no-repeat center top;
      background-size: contain; }
  .container1 .btn-arrow-down {
    position: absolute;
    top: 915px;
    left: 45.5%;
    display: block;
    width: 68px;
    height: 36px;
    background: url(images/button//btn_arrow_down.png) no-repeat center top;
    background-size: contain;
    -webkit-animation: move-arrow .8s linear infinite alternate;
            animation: move-arrow .8s linear infinite alternate; }

@-webkit-keyframes move-arrow {
  from {
    top: 83.5%; }
  to {
    top: 85%; } }

@keyframes move-arrow {
  from {
    top: 83.5%; }
  to {
    top: 85%; } }
  .container1 .btn-cbt {
    z-index: 11;
    position: fixed;
    top: 408px;
    right: 10%;
    width: 236px;
    height: 255px;
    background: url(images//logon_CBT.png) no-repeat center top;
    background-size: contain;
    -webkit-animation: blink-logo .5s linear infinite alternate;
            animation: blink-logo .5s linear infinite alternate; }

@-webkit-keyframes blink-logo {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(0.98);
            transform: scale(0.98); } }

@keyframes blink-logo {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(0.98);
            transform: scale(0.98); } }
  .container1 .new-btn-cbt1 {
    -webkit-animation: scrollTop 1.5s linear;
            animation: scrollTop 1.5s linear; }
  .container1 .new-btn-cbt2 {
    -webkit-animation: scrollTop 1.5s linear alternate;
            animation: scrollTop 1.5s linear alternate; }

@-webkit-keyframes scrollTop {
  from {
    -webkit-transform: translateY(408px);
            transform: translateY(408px); }
  to {
    -webkit-transform: translateY(200px);
            transform: translateY(200px); } }

@keyframes scrollTop {
  from {
    -webkit-transform: translateY(408px);
            transform: translateY(408px); }
  to {
    -webkit-transform: translateY(200px);
            transform: translateY(200px); } }
  .container1 .btn-video {
    position: absolute;
    top: 723px;
    left: 41.5%;
    width: 127.5px;
    height: 127.5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  @media screen and (max-width: 1500px) {
    .container1 .btn-cbt {
      right: 5%; } }

.container2 {
  height: 629px;
  background: url(images/new/bg//bg2.jpg) no-repeat center top; }
  .container2 .appStore {
    position: absolute;
    top: 450px;
    width: 180px;
    height: 60px;
    z-index: 11;
    background: url(images/new/btn//appstore.png) center top no-repeat;
    background-size: contain;
    left: 100px; }
  .container2 .google {
    position: absolute;
    top: 450px;
    width: 180px;
    height: 60px;
    z-index: 11;
    background: url(images/new/btn//gstore.png) center top no-repeat;
    background-size: contain;
    left: 300px; }
  .container2 .oneStore {
    position: absolute;
    top: 450px;
    width: 180px;
    height: 60px;
    z-index: 11;
    background: url(images/new/btn//onestore.png) center top no-repeat;
    background-size: contain;
    left: 500px; }
  .container2 .wrap {
    padding-top: 130px; }
  .container2 .carousel {
    display: none;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 400px; }
    .container2 .carousel .btn-left {
      position: absolute;
      width: 27px;
      height: 44px;
      top: 130px;
      left: -70px;
      background: url(images/button//btn_arrow_left.png) center top no-repeat;
      background-size: contain; }
    .container2 .carousel .btn-right {
      position: absolute;
      width: 27px;
      height: 44px;
      top: 130px;
      right: -70px;
      background: url(images/button//btn_arrow_right.png) center top no-repeat;
      background-size: contain; }
    .container2 .carousel li {
      position: absolute;
      transition: all .5s; }
      .container2 .carousel li img {
        width: 370px;
        height: 255px; }
    .container2 .carousel .left-1 {
      left: -40px;
      z-index: 5;
      top: 5%;
      -webkit-transform: scale(0.7);
              transform: scale(0.7); }
    .container2 .carousel .left-2 {
      left: 40px;
      top: 5%;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      z-index: 6; }
    .container2 .carousel .left-3 {
      left: 120px;
      top: 5%;
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
      z-index: 7; }
    .container2 .carousel .middle {
      left: 50%;
      top: 5%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: 10; }
    .container2 .carousel .right-3 {
      right: 120px;
      top: 5%;
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
      z-index: 7; }
    .container2 .carousel .right-2 {
      right: 40px;
      top: 5%;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      z-index: 6; }
    .container2 .carousel .right-1 {
      right: -40px;
      z-index: 5;
      top: 5%;
      -webkit-transform: scale(0.7);
              transform: scale(0.7); }

.container3 {
  height: 517px;
  background: url(images/new/bg//bg3.jpg) no-repeat center top; }
  .container3 .btn-two {
    position: absolute;
    top: 390px;
    left: 24.5%;
    width: 371px;
    height: 74px;
    background: url(images/button//btn2.png) no-repeat center top; }

.container4 {
  height: 821px;
  background: url(images/new/bg//bg3.jpg) no-repeat center top; }
  .container4 .btn-three {
    position: absolute;
    top: 455px;
    left: 24.5%;
    width: 371px;
    height: 74px;
    background: url(images/new/btn//btn-bottom.png) no-repeat center top; }
  .container4 .leaf {
    position: absolute;
    width: 250px;
    top: 8%;
    left: 17%;
    z-index: 2;
    pointer-events: none; }
  .container4 .swiper-bottom {
    position: absolute;
    top: 100px;
    left: 0;
    width: 740px;
    height: 255px; }
  .container4 .swiper-button-prev {
    top: 230px;
    left: -8%;
    background: url(images/button//btn_arrow_left.png) no-repeat center top;
    -webkit-animation: blink-arrow .5s linear infinite alternate;
            animation: blink-arrow .5s linear infinite alternate; }

@-webkit-keyframes blink-arrow {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }

@keyframes blink-arrow {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }
  .container4 .swiper-button-next {
    top: 230px;
    right: -8%;
    background: url(images/button//btn_arrow_right.png) no-repeat center top;
    -webkit-animation: blink-arrow .5s linear infinite alternate;
            animation: blink-arrow .5s linear infinite alternate; }

@keyframes blink-arrow {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }
  .container4 .swiper-slide-active {
    background: url(images//active.png) no-repeat center top;
    background-size: contain;
    padding: 8px; }
    .container4 .swiper-slide-active img {
      display: block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

.wrap {
  position: relative;
  margin: 0 auto;
  width: 750px;
  height: 100%; }

.alert-container {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .alert-container .alert-video {
    display: none;
    width: 1035px;
    height: 637.5px; }
    .alert-container .alert-video .video-close {
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      right: 2%;
      top: 7%;
      cursor: pointer; }
    .alert-container .alert-video #video1 {
      width: 100%;
      height: 100%; }
  .alert-container .alert-tips {
    top: 50%;
    margin: 0 auto;
    position: relative;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .alert-container .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px; }
  .alert-container .alert-pls-check-phone {
    display: none;
    width: 450px;
    height: 287px;
    background: url(images/alert//alert-pls-check-phone.png) center top no-repeat; }
  .alert-container .alert-pls-check-deal {
    display: none;
    width: 450px;
    height: 287px;
    background: url(images/alert//alert-pls-check-deal.png) center top no-repeat; }
  .alert-container .alert-pls-pre-sign {
    display: none;
    width: 450px;
    height: 287px;
    background: url(images/alert//alert-pls-pre-sign.png) center top no-repeat; }
  .alert-container .alert-phone-error {
    display: none;
    width: 450px;
    height: 287px;
    background: url(images/alert//alert-phone-error.png) center top no-repeat; }
  .alert-container .alert-success {
    display: none;
    width: 450px;
    height: 287px;
    background: url(images/alert//alert-success.png) center top no-repeat; }
  .alert-container .alert-pls-wait {
    display: none;
    width: 450px;
    height: 287px;
    background: url(images/alert//alert-pls-wait.png) center top no-repeat; }
  .alert-container .alert-done-before {
    display: none;
    width: 450px;
    height: 287px;
    background: url(images/alert//alert-done-before.png) center top no-repeat; }

@media screen and (max-width: 750px) {
  .container1 {
    width: 100%;
    height: auto;
    background: url(images/new/bg/mb//bg1.jpg) no-repeat center top;
    background-size: 100% auto; }
    .container1 .btn-arrow-down {
      display: none; }
    .container1 .btn-cbt {
      top: 20%;
      right: 3%;
      display: block;
      width: 20%;
      height: 15%; }
    .container1 .btn-video {
      top: 72%;
      left: 41%;
      width: 18%;
      height: 17%; }
    .container1:before {
      content: "";
      display: block;
      padding-top: 139.6%; }
  .container2 {
    margin-top: -1px;
    width: 100%;
    height: auto;
    background: url(images/new/bg/mb//bg2.jpg) no-repeat center top;
    background-size: 100% auto; }
    .container2 .appStore {
      top: 80%;
      width: 25%;
      height: 15%;
      left: 10%; }
    .container2 .google {
      top: 80%;
      width: 25%;
      height: 15%;
      left: 37.5%; }
    .container2 .oneStore {
      top: 80%;
      width: 25%;
      height: 15%;
      left: 65%; }
    .container2 .wrap {
      padding-top: 0; }
    .container2 .swiper-middle {
      display: none;
      top: 20%;
      left: 0;
      width: 63%;
      height: 58%; }
    .container2 .swiper-button-prev {
      top: 50%;
      left: 3%;
      width: 5%;
      height: 8%;
      background: url(images/button//btn_arrow_left.png) no-repeat center top;
      background-size: contain; }
    .container2 .swiper-button-next {
      top: 50%;
      right: 3%;
      width: 5%;
      height: 8%;
      background: url(images/button//btn_arrow_right.png) no-repeat center top;
      background-size: contain; }
    .container2 .swiper-slide-active {
      padding: 0;
      background: none; }
    .container2:before {
      content: "";
      display: block;
      padding-top: 79.2%; }
  .container3 {
    margin-top: -1px;
    width: 100%;
    height: auto;
    background: url(images/mb//bg3.jpg) no-repeat center top;
    background-size: 100% auto; }
    .container3 .btn-two {
      top: 77%;
      left: 25%;
      width: 50%;
      height: 15%; }
    .container3:before {
      content: "";
      display: block;
      padding-top: 84.53%; }
  .container4 {
    margin-top: -1px;
    width: 100%;
    height: auto;
    background: url(images/new/bg/mb//bg3.jpg) no-repeat center top;
    background-size: 100% auto; }
    .container4 .btn-three {
      top: 66.5%;
      left: 25%;
      width: 50%;
      height: 11%; }
    .container4 .leaf {
      display: none; }
    .container4 .swiper-bottom {
      top: 14%;
      left: 17.5%;
      width: 64.9%;
      height: 44%; }
    .container4 .swiper-button-prev {
      top: 36%;
      left: 3%;
      width: 5%;
      height: 8%;
      background-size: contain; }
    .container4 .swiper-button-next {
      top: 36%;
      right: 3%;
      width: 5%;
      height: 8%;
      background-size: contain; }
    .container4 .swiper-slide-active {
      padding: 0;
      background: none; }
    .container4:before {
      content: "";
      display: block;
      padding-top: 107.87%; }
  .wrap {
    width: 100%;
    position: absolute;
    top: 0; }
  .alert-container .alert-video {
    width: 100%;
    height: 35%; }
    .alert-container .alert-video .video-close {
      right: 5%; }
  .alert-container .alert-tips {
    background-size: contain; }
  .alert-container .btn-close {
    width: 8%;
    height: 12%; }
  .alert-container .alert-pls-check-phone {
    width: 90%;
    height: 40%; }
  .alert-container .alert-pls-check-deal {
    width: 90%;
    height: 40%; }
  .alert-container .alert-pls-pre-sign {
    width: 90%;
    height: 40%; }
  .alert-container .alert-phone-error {
    width: 90%;
    height: 40%; }
  .alert-container .alert-success {
    width: 90%;
    height: 40%; }
  .alert-container .alert-pls-wait {
    width: 90%;
    height: 40%; }
  .alert-container .alert-done-before {
    width: 90%;
    height: 40%; } }

/*# sourceMappingURL=index.min.css.map*/