* {
  margin: 0;
  padding: 0;
}

a {
  outline: 0;
  cursor: pointer;
  *star: expression(this.onbanner=this.blur());
}

a:link,
a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a {
  text-decoration: none;
  -webkit-touch-callout: none;
}

ul li {
  list-style: none;
}

html,
body {
  width: 100%;
}

.main-btn-warp {
  width: 95%;
  margin: 0 auto;
  position: relative;
}

.main-btn-warp .register-btn,
.main-btn-warp .btn-download,
.login-btn {
  display: inline-block;
  width: 100%;
  height: 1.333333rem;
  color: #FFFFFF;
  font-size: 0.6rem;
  font-weight: 0;
  text-align: center;
  line-height: 1.333333rem;
  background: #ffca11;
  margin-top: 0.466667rem;
  border-radius: 0.133333rem;
}

.main-btn-warp .btn-download,
.login-btn {
  background: #2c8fe3;
}

.main-btn-warp span {
  display: inline-block;
  width: 2.133333rem;
  height: 0.693333rem;
  background: url(/mobile/img/download-notice.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: 0.466667rem;
  top: 2rem;
  color: #2c8fe3;
  font-size: 0.24rem;
  line-height: 0.52rem;
  text-align: center;
  animation-name: stylie-transform-keyframes;
  animation-duration: 1600ms;
  animation-delay: 0ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 0 0;
  -moz-animation-name: stylie-transform-keyframes;
  -moz-animation-duration: 1600ms;
  -moz-animation-delay: 0ms;
  -moz-animation-fill-mode: forwards;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 0 0;
  -webkit-animation-name: stylie-transform-keyframes;
  -webkit-animation-duration: 1600ms;
  -webkit-animation-delay: 0ms;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 0 0;
  -o-animation-name: stylie-transform-keyframes;
  -o-animation-duration: 1600ms;
  -o-animation-delay: 0ms;
  -o-animation-fill-mode: forwards;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 0 0;
}

@keyframes stylie-transform-keyframes {
  0% {
    transform: translate(0, 0) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }

  50% {
    transform: translate(0, -0.133333rem) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }

  100% {
    transform: translate(0, 0) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}

@-moz-keyframes stylie-transform-keyframes {
  0% {
    -moz-transform: translate(0, 0) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }

  50% {
    -moz-transform: translate(0, -0.133333rem) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }

  100% {
    -moz-transform: translate(0, 0) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}

@-webkit-keyframes stylie-transform-keyframes {
  0% {
    -webkit-transform: translate(0, 0) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }

  50% {
    -webkit-transform: translate(0, -0.133333rem) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }

  100% {
    -webkit-transform: translate(0, 0) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}

@-o-keyframes stylie-transform-keyframes {
  0% {
    -o-transform: translate(0, 0) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }

  50% {
    -o-transform: translate(0, -0.133333rem) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }

  100% {
    -o-transform: translate(0, 0) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}

/*通知弹窗*/

.notice-warp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(000,000,000,0.5);
  z-index: 20;
  display: none;
}

.tooltip-box {
  width: 8.4rem;
  padding-top: 2.333333rem;
  margin: 0 auto;
  position: relative;
}

.tooltip-box img {
  width: 100%;
  height: 100%;
}

.tooltip-box .qr-code {
  width: 8rem;
  height: 10rem;
  position: absolute;
  left: -35%;
  top: -85%;
  opacity: 0;
}

.tooltip-box .off {
  width: 0.773333rem;
  height: 2rem;
  background: url(/mobile/img/off.png) no-repeat;
  background-size: 0.773333rem 2rem;
  position: absolute;
  right: 0.4rem;
  top: 0.346667rem;
}

.tooltip-box .off span {
  display: inline-block;
  width: 0.773333rem;
  height: 0.8rem;
}

.notice-main {
  display: none;
}

.tooltip-box .account-top {
  width: 100%;
  height: 2.666667rem;
  background: url(/mobile/img/account.png) no-repeat;
  background-size: 8.4rem 3.48rem;
}

.account {
  display: none;
}

.account2 {
  display: none;
}

.tooltip-box .account-main {
  width: 100%;
  height: 8.8rem;
  background: #e6f1ff;
  border-radius: 0 0 0.24rem 0.24rem;
}

.tooltip-box .account-btn {
  height: 0.933333rem;
  background-image: url(/mobile/img/account-btn-bg.png);
  background-repeat: no-repeat;
  background-size: 8.4rem 0.933333rem;
}

.tooltip-box .account-btn2 {
  background-image: url(/mobile/img/account-btn-bg.png);
  background-repeat: no-repeat;
  background-size: 8.4rem 0.933333rem;
}

.tooltip-box .account-btn li {
  width: 4.2rem;
  height: 0.933333rem;
  font-size: 0.426667rem;
  color: #000;
  float: left;
  text-align: center;
  line-height: 0.933333rem;
  position: relative;
}

.tooltip-box .account-btn .right-btn {
  color: #fff;
}

.account-btn .kaihu {
  width: 8.4rem;
  height: 6.746667rem;
  background: #2c8fe3;
  padding-top: 1.133333rem;
  border-radius: 0 0 0.2rem 0.2rem;
}

.account-btn .kaihu .code-box {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
  background: #FFF;
  padding: 0.4rem;
  border-radius: 0.2rem;
}

.account-btn .kaihu .code-box .qr-code-warp {
  width: 100%;
  height: 100%;
  background: url(/mobile/img/about-code.png) no-repeat;
  background-size: cover;
  position: relative;
}

.account-btn .kaihu .code-box a {
  display: block;
  width: 100%;
  height: 100%;
}

.account-btn .kaihu p {
  font-size: 0.32rem;
  margin-top: 0.4rem;
}

.left-btn .weixin {
  position: absolute;
  left: -4.2rem;
  top: 0.92rem;
  display: none;
}

.right-btn .app {
  position: absolute;
  left: 0;
  top: 0.92rem;
}

.left-btn .weixin-weixin {
  position: absolute;
  left: 0;
  top: 0.92rem;
}

.right-btn .weixin-app {
  position: absolute;
  left: -4.2rem;
  top: 0.92rem;
  display: none;
}