.wraps[data-v-30cbe891] {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
}
.bgWrap[data-v-30cbe891] {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bgWrap .bgImg[data-v-30cbe891] {
    width: 100%;
}
.titleImg[data-v-30cbe891] {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.sort[data-v-30cbe891] {
  position: absolute;
  width: 100%;
  top: 4.7rem;
  left: 0;
  text-align: center;
  color: #FEEE36;
  font-size: .36rem;
}
.sort span[data-v-30cbe891]:nth-child(2) {
    text-decoration: underline;
}
.batBox[data-v-30cbe891] {
  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-30cbe891] {
    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-30cbe891] {
      -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;
}
.rule[data-v-30cbe891] {
  position: absolute;
  width: 1.28rem;
  top: 0;
  right: 0;
}
.imgLogo[data-v-30cbe891] {
  position: fixed;
  width: 1.2rem;
  bottom: .2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-height: 1000px) {
.card[data-v-30cbe891] {
    top: 8.6rem;
}
.title[data-v-30cbe891] {
    top: 8.91rem;
}
}
@media screen and (max-height: 667px) {
.card[data-v-30cbe891] {
    top: 8rem;
}
}
.v-enter[data-v-30cbe891],
.v-leave-to[data-v-30cbe891] {
  opacity: 0;
}
.v-enter-active[data-v-30cbe891],
.v-leave-active[data-v-30cbe891] {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.fade-enter-active[data-v-30cbe891],
.fade-leave-active[data-v-30cbe891] {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.fade-enter[data-v-30cbe891],
.fade-leave-active[data-v-30cbe891] {
  opacity: 0;
}
.storeName[data-v-30cbe891] {
  position: absolute;
  width: 100%;
  bottom: 1.96rem;
  text-align: center;
  color: white;
  font-size: 0.32rem;
}
.gun[data-v-30cbe891] {
  position: absolute;
  left: 50%;
  bottom: 0.68rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 3.99rem;
  height: 0.96rem;
  line-height: 0.96rem;
  text-align: center;
  font-size: 0.4rem;
  font-weight: bold;
  color: white;
  background-image: url("https://ke-meng.oss-cn-hangzhou.aliyuncs.com/mini/rain/begin.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
}

