.wrap[data-v-403ca69b] {
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background: url(../img/bg.0d4885e7.png);
}
.bat[data-v-403ca69b] {
  display: inline-block;
  width: 3.62rem;
  height: .88rem;
  line-height: .88rem;
  -webkit-border-radius: .49rem;
          border-radius: .49rem;
  font-weight: bold;
  font-size: .46rem;
  color: white;
  background-color: #f94351;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 0.68rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 4px 4px 0 #ffe564;
          box-shadow: 4px 4px 0 #ffe564;
  -webkit-transition: all .1s;
  transition: all .1s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.off[data-v-403ca69b] {
  -webkit-transform: translate(-webkit-calc(-50% + 4px), 4px);
      -ms-transform: translate(calc(-50% + 4px), 4px);
          transform: translate(calc(-50% + 4px), 4px);
  -webkit-box-shadow: 0px 0px 0 #ffe564 !important;
          box-shadow: 0px 0px 0 #ffe564 !important;
}
.fade-enter-active[data-v-403ca69b], .fade-leave-active[data-v-403ca69b] {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
.fade-enter[data-v-403ca69b], .fade-leave-active[data-v-403ca69b] {
  opacity: 0;
}