.big-box[data-v-de307b3a] {
  width: 100vw;
  height: 100vh;
  background: rgb(245, 247, 250);
  box-sizing: border-box;
}
.cell-box[data-v-de307b3a] {
  padding: 1rem 1rem 0 1rem;
}
.bg_box[data-v-de307b3a] {
  height: 35vh;
  position: relative;
  background-color: #fff;
  border-radius: 1rem;
}
.bg_box[data-v-de307b3a] .van-circle__hover {
  stroke: #49b9ad;
}
.bg_box[data-v-de307b3a] .van-circle svg {
  background: #49b9ad;
  border-radius: 100%;
}
.bg_box[data-v-de307b3a] .van-circle__text {
  color: #fff;
  font-weight: normal;
}
.rido[data-v-de307b3a] {
  position: absolute;
  top: 3rem;
  left: 35%;
  width: 8rem;
  height: 8rem;
  background-color: #fff;
  border-radius: 50%;
  margin: auto;
}
.cir-boc[data-v-de307b3a] {
  position: absolute;
  top: 2.8rem;
  left: 34.5%;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  margin: auto;
  padding: 1rem;
}
.pos-box[data-v-de307b3a] {
  width: 100%;
  padding: 0 1rem;
}
.hour[data-v-de307b3a] {
  margin-left: 1rem;
  position: absolute;
  bottom: 20px;
}
.hour > span[data-v-de307b3a] {
  margin-left: 1rem;
}
.lin_box[data-v-de307b3a] {
  background-color: #fff;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 1rem;
}
.top-title[data-v-de307b3a] {
  display: flex;
  justify-content: space-between;
}
.top-title > div[data-v-de307b3a] {
  text-align: center;
}
.top-title > div > span[data-v-de307b3a] {
  display: block;
}
.font-top[data-v-de307b3a] {
  color: #959595;
  font-size: 1rem;
}
.echar-box[data-v-de307b3a] {
  height: 30vh;
  width: 80vw;
}
.bottom[data-v-de307b3a] {
  padding: 1rem 0.5rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
}
[data-v-de307b3a] .van-circle__text {
  font-size: 2rem !important;
  color: #1d83fa;
}