.wraps[data-v-62366bb8] {
  background-image: url(../img/blue.9774b6c7.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #bf2929;
  height: 100%;
}
.bar[data-v-62366bb8] {
  /*background: linear-gradient(to right,#ff466a,#9e00ef);*/
  background-image: url(../img/joinBat.b8770081.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 6.78rem;
  height: 2.04rem;
  position: absolute;
  left: 50%;
  bottom: 2.6rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-border-radius: .1rem;
          border-radius: .1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 .6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bar > img[data-v-62366bb8] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.bar p[data-v-62366bb8]:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: .2rem;
}
.bar p:first-child > img[data-v-62366bb8] {
      height: .52rem;
      width: .52rem;
      -webkit-border-radius: .26rem;
              border-radius: .26rem;
      margin-right: .2rem;
}
.bar p:first-child span[data-v-62366bb8] {
      color: white;
}
.bar p[data-v-62366bb8]:nth-child(2) {
    color: #ffe3b1;
    font-size: .44rem;
    opacity: 0;
}
.stand[data-v-62366bb8] {
  position: absolute;
  bottom: 1.5rem;
  right: .5rem;
  font-size: .28rem;
  color: #0a3a74;
}
.bat[data-v-62366bb8] {
  width: 100%;
  height: 1.1rem;
  line-height: 1.1rem;
  background-color: #b42929;
  fontFamily: "PingFangSC-Semibold";
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
}
.bat b[data-v-62366bb8] {
    color: #ffe3b1;
    font-size: 21px;
}
@media screen and (max-height: 1000px) {
.card[data-v-62366bb8] {
    top: 8.6rem;
}
.title[data-v-62366bb8] {
    top: 8.91rem;
}
}
@media screen and (max-height: 667px) {
.card[data-v-62366bb8] {
    top: 8rem;
}
}
.v-enter[data-v-62366bb8], .v-leave-to[data-v-62366bb8] {
  opacity: 0;
}
.v-enter-active[data-v-62366bb8], .v-leave-active[data-v-62366bb8] {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.fade-enter-active[data-v-62366bb8], .fade-leave-active[data-v-62366bb8] {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
.fade-enter[data-v-62366bb8], .fade-leave-active[data-v-62366bb8] {
  opacity: 0;
}