.chart[data-v-293bc09a] {
  height: 3rem;
  width: 4rem;
  margin-top: -14%;
  margin-left: 10%;
}


.panel[data-v-ad5ba182] {
  position: absolute;
  z-index: 1000;
  height: 31%;
  width: 94%;
  background-size: 100%;
  color: #fff;
  overflow: hidden;
  left: 1%;
  top: 28.2%;
}
@media screen and (min-width: 1910px) {
.panel[data-v-ad5ba182] {
    position: absolute;
    z-index: 1000;
    height: 31%;
    width: 94%;
    background-size: 100%;
    color: #fff;
    overflow: hidden;
    left: 1%;
    top: 28.2%;
}
}
@media screen and (max-width: 1212px) {
.panel[data-v-ad5ba182] {
    position: absolute;
    z-index: 1000;
    height: 31%;
    width: 94%;
    background-size: 100%;
    color: #fff;
    overflow: hidden;
    left: 1%;
    top: 28.2%;
}
}
.panel .title[data-v-ad5ba182] {
  height: 10%;
  font-weight: 600;
  font-size: 0.25rem;
  margin-top: 0.5%;
  margin-left: 6%;
  margin-bottom: 5%;
  font-family: "Microsoft Yahei";
}
@media screen and (max-width: 1334px) {
.panel .title[data-v-ad5ba182] {
    height: 10%;
    font-weight: 600;
    font-size: 0.25rem;
    margin-top: 0.5%;
    margin-left: 6%;
    margin-bottom: 5%;
    font-family: "Microsoft Yahei";
}
}
.left[data-v-ad5ba182] {
  float: left;
  height: 75%;
  width: 65%;
}
.mid[data-v-ad5ba182] {
  position: absolute;
  margin-top: 16.5%;
  margin-left: 75%;
}
.right[data-v-ad5ba182] {
  font-size: 19px;
  margin-top: 24%;
  margin-left: 80%;
}
@media screen and (max-width: 1560px) {
.left[data-v-ad5ba182] {
    float: left;
    height: 75%;
    width: 65%;
}
.mid[data-v-ad5ba182] {
    position: absolute;
    margin-top: 16.5%;
    margin-left: 75%;
}
.right[data-v-ad5ba182] {
    font-size: 19px;
    margin-top: 24%;
    margin-left: 80%;
}
}