h1[data-v-d365850e] {
  text-align: center;
}
.wrap[data-v-d365850e] {
  padding-bottom: .98rem;
  min-height: 100%;
  height: auto;
}
.bg[data-v-d365850e] {
  width: 100%;
}
.user[data-v-d365850e] {
  min-height: 1.28rem;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  background: #202020;
  padding: .24rem .5rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  z-index: 9999;
}
.user img[data-v-d365850e] {
    width: .8rem;
    height: .8rem;
    -webkit-border-radius: .4rem;
            border-radius: .4rem;
    margin-right: .16rem;
}
.user span[data-v-d365850e] {
    font-size: .28rem;
    color: white;
}
.bats[data-v-d365850e] {
  width: 100%;
  position: fixed;
  bottom: 0rem;
  text-align: center;
  height: .98rem;
  line-height: .98rem;
  background-color: white;
}
.bats span[data-v-d365850e] {
    display: inline-block;
    width: 4.48rem;
    height: .72rem;
    line-height: .72rem;
    text-align: center;
    background-color: #006ED0;
    /*background-color: #FFA800;*/
    -webkit-border-radius: .36rem;
            border-radius: .36rem;
    color: white;
    /*box-shadow: 0 .08rem .24rem rgba(255, 168, 0, .5) ;*/
}