.wrap[data-v-e0103c30] {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
}
.bgWrap[data-v-e0103c30] {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bgWrap .bgImg[data-v-e0103c30] {
    width: 100%;
}
.titleImg[data-v-e0103c30] {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.rule[data-v-e0103c30] {
  position: absolute;
  width: 1.28rem;
  top: 0;
  right: 0;
}
.batBox[data-v-e0103c30] {
  width: 3.4rem;
  height: .92rem;
  -webkit-border-radius: .45rem;
          border-radius: .45rem;
  position: fixed;
  left: 50%;
  bottom: 0.68rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .02rem 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF4BB), to(#978707));
  background: -webkit-linear-gradient(#FFF4BB, #978707);
  background: linear-gradient(#FFF4BB, #978707);
  border: .05rem solid #48BE02;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.batBox span[data-v-e0103c30] {
    display: inline-block;
    width: 3.4rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #CA5603;
    font-size: .36rem;
    font-weight: bold;
    background: -webkit-gradient(linear, left bottom, left top, from(#FCBE15), to(#FEDE27));
    background: -webkit-linear-gradient(bottom, #FCBE15, #FEDE27);
    background: linear-gradient(0deg, #FCBE15, #FEDE27);
    -webkit-border-radius: .4rem;
            border-radius: .4rem;
    -webkit-box-shadow: 0 .1rem 0px #CF9C00;
            box-shadow: 0 .1rem 0px #CF9C00;
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.batBox span.active[data-v-e0103c30] {
      -webkit-transform: translateY(0.1rem);
          -ms-transform: translateY(0.1rem);
              transform: translateY(0.1rem);
      -webkit-box-shadow: 0 0rem 0px #CF9C00;
              box-shadow: 0 0rem 0px #CF9C00;
}
.bat[data-v-e0103c30] {
  display: inline-block;
  width: 2.5rem;
  position: absolute;
  left: 50%;
  bottom: 0.68rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.fade-enter-active[data-v-e0103c30],
.fade-leave-active[data-v-e0103c30] {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.fade-enter[data-v-e0103c30],
.fade-leave-active[data-v-e0103c30] {
  opacity: 0;
}
.storeName[data-v-e0103c30] {
  position: fixed;
  width: 100%;
  bottom: 1.96rem;
  text-align: center;
  color: white;
  font-size: 0.32rem;
}
.imgLogo[data-v-e0103c30] {
  position: fixed;
  width: 1.2rem;
  bottom: .2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}