.header[data-v-d9ae3272] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #212121;
  width: 100vw;
  height: 1.49333rem;
}
.header-left[data-v-d9ae3272] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Fixed[data-v-d9ae3272] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.header-back[data-v-d9ae3272] {
  width: 0.29333rem;
  height: 0.50667rem;
  margin-right: 0.45333rem;
}
.header-title[data-v-d9ae3272] {
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: bold;
  color: #FFFFFF;
}
.header-right[data-v-d9ae3272] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 750px) {
.header[data-v-d9ae3272] {
    display: none;
}
}


.History[data-v-4e5408ba] {
  min-height: 100vh;
  background: #06182F;
  padding-top: 1.49333rem;
}
.History-title[data-v-4e5408ba] {
  padding: 0.45333rem 0.45333rem 0.21333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.34667rem;
  font-family: Barlow;
  font-weight: 500;
  line-height: 0.4rem;
  color: #FFFFFF;
  border-bottom: 0.02667rem solid #323B45;
  background: #06182F;
}
.History-title-left[data-v-4e5408ba] {
  width: 37.36%;
  text-align: left;
}
.History-title-center[data-v-4e5408ba] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.History-title-right[data-v-4e5408ba] {

  width: 27%;
  text-align: right;
}
.History-list[data-v-4e5408ba] {
  padding: 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.02667rem solid #323B45;
}
.time[data-v-4e5408ba] {
  font-size: 0.29333rem;
  font-family: Barlow;
  font-weight: 400;
  line-height: 0.37333rem;
  color: #BCBFC7;
}
.number[data-v-4e5408ba] {
  font-size: 0.29333rem;
  font-family: Barlow;
  font-weight: 400;
  line-height: 0.37333rem;
  color: #FFFFFF;
}
.account[data-v-4e5408ba] {
  font-size: 0.29333rem;
  font-family: Barlow;
  font-weight: 400;
  line-height: 0.37333rem;
  color: #FFFFFF;
}
@media only screen and (min-width: 750px) {
.History[data-v-4e5408ba] {
    background-color: #06182F;
    padding: 0;
}
.History-main[data-v-4e5408ba] {
    height: 17.6rem;
    background-color: #101F34;
    padding: 0.85333rem 0.90667rem;
    border-radius: 0.21333rem;
}
.History-main-list[data-v-4e5408ba] {
    height: 14.13333rem;
    overflow: scroll;
}
.History-list[data-v-4e5408ba] {
    padding: 0 0.58667rem;
    height: 1.62667rem;
    line-height: 1.62667rem;
    border-bottom: 0.02667rem solid #2A3B50;
}
.time[data-v-4e5408ba] {
    font-size: 0.37333rem;
    color: #9095AC;
}
.number[data-v-4e5408ba], .account[data-v-4e5408ba]  {
    font-size: 0.37333rem;
    color: #FED595;
}
.History-title[data-v-4e5408ba] {
    border-radius: 0.21333rem;
    border-bottom: none;
    padding: 0 0.58667rem;
    background-color: #06182F;
    line-height: 1.76rem;
    font-size: 0.48rem;
}
}
@media only screen and (min-width: 1220px) {
.History[data-v-4e5408ba] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0.21333rem;
}
.History-main[data-v-4e5408ba] {
    width: 32.53333rem;
}
}




