.top-container[data-v-37bd4644] {
  width: 100%;
  height: 100%;
  background-image: url(../img/img_title@2x.v1.0.1.1715824239712.png);
  background-size: 100% 100%;
  display: flex;
}
.top-container>div[data-v-37bd4644] {
  flex: 1;
}
.top-container>div[data-v-37bd4644]:nth-child(1) {
  display: flex;
}
.top-container>div:nth-child(1) .left-child[data-v-37bd4644] {
  width: 6.66667vw;
  height: 3.51852vh;
  background-image: url(../img/box@2x.v1.0.1.1715824239712.png);
  background-size: 100% 100%;
  margin-left: .57292vw;
  margin-top: .74074vh;
}
.top-container>div:nth-child(1) .user-box[data-v-37bd4644] {
  display: flex;
  align-items: center;
}
.top-container>div:nth-child(1) .user-box .left-icon[data-v-37bd4644] {
  font-size: .72917vw;
  color: #78cefa;
  margin-left: 1.04167vw;
  margin-right: .625vw;
}
.top-container>div:nth-child(1) .user-box .user-name[data-v-37bd4644] {
  font-size: .9375vw;
  font-family: 'Medium';
  font-weight: 500;
  color: #78cefa;
}
.top-container>div:nth-child(1) .data-timer[data-v-37bd4644] {
  text-align: center;
  line-height: 3.51852vh;
  font-size: .83333vw;
  font-weight: 500;
  color: #ffffff;
  font-family: 'Medium';
}
.top-container>div[data-v-37bd4644]:nth-child(2) {
  font-size: 2.08333vw;
  font-family: 'YouSheBiaoTiHei';
  font-weight: 400;
  color: #ffffff;
  display: flex;
  justify-content: center;
  letter-spacing: .52083vw;
  text-shadow: 0 0.125rem 0.25rem #03101c;
}
.top-container>div[data-v-37bd4644]:nth-child(2)::before {
  content: attr(text);
  position: absolute;
  z-index: 10;
  color: #ffffff;
  background: linear-gradient(0deg, #5abdf7 20%, #ecf8fe 80%);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: none;
}
.home-container[data-v-5fa59395] {
  height: 100vh;
  width: 100%;
  background: black;
}
.home-container .navigation-box[data-v-5fa59395] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 8.33333vh;
}
.home-container .left-box[data-v-5fa59395] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding-top: 8.33333vh;
  padding-bottom: 2.68519vh;
  padding-left: 1.30208vw;
  height: 100%;
  width: 23.59375vw;
}
.home-container .right-box[data-v-5fa59395] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  padding-top: 8.33333vh;
  padding-bottom: 2.68519vh;
  padding-right: 1.30208vw;
  height: 100%;
  width: 23.59375vw;
}
.home-container .bottom-box[data-v-5fa59395] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  padding-bottom: 2.68519vh;
  width: 50vw;
  height: 31.01852vh;
}
.dialog-mask[data-v-5fa59395] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.7);
  z-index: 9999;
}
.dialog-box[data-v-5fa59395] {
  position: absolute;
  top: 20%;
  width: 47.1875vw;
  height: 52.77778vh;
  margin: 0 auto;
  background-image: url(../img/img_box@2x.v1.0.1.1715824239712.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.dialog-close[data-v-5fa59395] {
  position: absolute;
  right: 2.08333vw;
  top: 4.16667vh;
  width: 3.51852vh;
  height: 3.51852vh;
  background-image: url(../img/btn_close@2x.v1.0.1.1715824239712.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.dialog-title[data-v-5fa59395] {
  position: absolute;
  top: 0;
  left: 2.08333vw;
  margin: 1.85185vh 0;
  font-size: .9375vw;
  font-family: 'DIN';
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 0 0.0625rem #00c9f0, 0 0 0.0625rem #00c9f0, 0 0 0.0625rem #00c9f0,
 0 0 0.0625rem #00c9f0;
}
.dialog-content[data-v-5fa59395] {
  margin: 0 auto;
  width: 40vw;
  height: 31.48148vh;
  overflow: auto;
}
.dialog-content>div[data-v-5fa59395] {
  color: #fff;
  margin-top: .92593vh;
  margin-bottom: .92593vh;
}

/*# sourceMappingURL=chunk-5a26b4c8.v1.0.1.1715824239712.css.map?hash=v1.0.1.1715824239712*/