@charset "UTF-8";
@-webkit-keyframes flashing-08d51d98 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@keyframes flashing-08d51d98 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@-webkit-keyframes pulsation-08d51d98 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@keyframes pulsation-08d51d98 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@-webkit-keyframes rotation-08d51d98 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@keyframes rotation-08d51d98 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@-webkit-keyframes scale-08d51d98 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@keyframes scale-08d51d98 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@-webkit-keyframes polish-08d51d98 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
@keyframes polish-08d51d98 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
.radar[data-v-08d51d98] {
  height: 80%;
  width: 80%;
  position: absolute;
  -webkit-perspective: 62.5em;
  perspective: 62.5em;
  z-index: 9;
}
.radar .radar-map-container[data-v-08d51d98],
.radar .risk-points[data-v-08d51d98],
.radar .scanning-circle canvas[data-v-08d51d98] {
  left: 0;
  top: 0;
  position: absolute;
}
.radar .radar-map-container[data-v-08d51d98],
.radar .radar-map[data-v-08d51d98],
.radar .scanning-circle[data-v-08d51d98],
.radar .risk-elements-group[data-v-08d51d98] {
  -webkit-transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
}
.radar .radar-map-container[data-v-08d51d98],
.radar .radar-map[data-v-08d51d98],
.radar .scanning-circle[data-v-08d51d98] {
  will-change: transform;
}
.radar .radar-map-container[data-v-08d51d98] {
  width: 400%;
  height: 400%;
  left: -150%;
  top: -150%;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map[data-v-08d51d98] {
  color: rgba(19, 182, 206, 0.4);
  background: url('http://i64.tinypic.com/5l17ut.jpg') center / contain no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map.roaming[data-v-08d51d98] {
  -webkit-transition-duration: 5s !important;
  transition-duration: 5s !important;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.radar .radar-map .risk-elements-group[data-v-08d51d98] {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-08d51d98],
.radar .radar-map .risk-elements-group .info-panel[data-v-08d51d98],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-08d51d98] {
  position: absolute;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-08d51d98],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-08d51d98] {
  visibility: hidden;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-08d51d98],
.radar .radar-map .risk-elements-group .info-panel[data-v-08d51d98] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
}
.radar .radar-map .risk-elements-group .red-flag[data-v-08d51d98] {
  width: 0.5em;
  height: 10em;
  background-color: white;
  -webkit-transform: rotateX(-70deg) rotateZ(-90deg);
  transform: rotateX(-70deg) rotateZ(-90deg);
}
.radar .radar-map .risk-elements-group .red-flag.stand-up[data-v-08d51d98] {
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  visibility: visible;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-08d51d98]:before {
  content: attr(data-city);
  font-weight: bold;
  color: white;
  position: absolute;
  background-color: red;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 4.782608695652174em;
  height: 3.4782608695652173em;
  line-height: 3.4782608695652173em;
  font-size: 1.4375em;
  font-family: 微软雅黑;
  letter-spacing: 0.43478260869565216em;
  padding-left: 0.5217391304347826em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0.43478260869565216em;
  white-space: nowrap;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-08d51d98]:after {
  content: '';
  position: absolute;
  width: 2.1875em;
  height: 0.625em;
  border-radius: 50%;
  background-color: inherit;
  top: calc(100% - 0.625em);
  left: calc(50% - 1.09375em);
}
.radar .radar-map .risk-elements-group .info-panel[data-v-08d51d98] {
  -webkit-transform: rotateX(-70deg) translateY(-30%);
  transform: rotateX(-70deg) translateY(-30%);
  -webkit-filter: opacity(0);
  -moz-filter: opacity(0);
  filter: opacity(0);
  border: 0.0625em solid #DCDA6B;
  border-radius: 0.25em;
  background-color: rgba(245, 228, 158, 0.31);
  display: table;
  font-weight: bold;
  font-size: 2.5em;
  text-shadow: 0.025em 0.025em 0.05em black;
  padding: 0.2em 0.3em;
  font-family: 黑体;
  overflow: hidden;
}
.radar .radar-map .risk-elements-group .info-panel.showup[data-v-08d51d98] {
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1);
  transition: -webkit-filter 1s linear 0.5s, -moz-filter 1s linear 0.5s, filter 1s linear 0.5s, opacity 0.5s linear;
}
.radar .radar-map .risk-elements-group .info-panel.polish[data-v-08d51d98]:after {
  -webkit-animation: polish-08d51d98 5s linear 1 1s;
  animation: polish-08d51d98 5s linear 1 1s;
}
.radar .radar-map .risk-elements-group .info-panel .info-title[data-v-08d51d98] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(208, 209, 120, 0.6)), to(rgba(223, 226, 183, 0.05)));
  background-image: linear-gradient(to right, rgba(208, 209, 120, 0.6), rgba(223, 226, 183, 0.05));
  color: #FFE401;
  padding: 0 0.275em;
  border-radius: inherit;
}
.radar .radar-map .risk-elements-group .info-panel .info-content[data-v-08d51d98] {
  color: white;
  margin: 0.25em;
  line-height: 1.3em;
}
.radar .radar-map .risk-elements-group .info-panel[data-v-08d51d98]:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  -webkit-transform: skewX(35deg) translateX(-160%);
  transform: skewX(35deg) translateX(-160%);
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-08d51d98] {
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  background: center / contain no-repeat;
  -webkit-animation: rotation-08d51d98 5s linear infinite;
  animation: rotation-08d51d98 5s linear infinite;
  -webkit-transition-property: visibility;
  transition-property: visibility;
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-08d51d98]:after {
  content: '';
  border-radius: inherit;
  margin: auto;
  width: 15%;
  height: 15%;
  background-color: #E03636;
  -webkit-box-shadow: 0 0 0.9375em black;
  box-shadow: 0 0 0.9375em black;
  -webkit-animation: scale-08d51d98 1s linear infinite alternate;
  animation: scale-08d51d98 1s linear infinite alternate;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.radar .changing-number-container[data-v-08d51d98] {
  position: absolute;
  right: 14%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .changing-number-container[data-v-08d51d98] {
  display: table;
  color: #10ABE0;
}
.radar .changing-number-container[data-v-08d51d98]:before,
.radar .changing-number-container[data-v-08d51d98]:after {
  display: inline-block;
}
.radar .changing-number-container[data-v-08d51d98]:before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(55%, currentColor), color-stop(55%, transparent)) center / 100% 1em;
  background: linear-gradient(to bottom, transparent 45%, currentColor 55%, transparent 55%) center / 100% 1em;
  width: 1em;
  height: 100%;
  margin-right: 0.625em;
}
.radar .changing-number-container[data-v-08d51d98]:after {
  font-size: 0.75em;
  content: attr(data-number);
  width: 1.3333333333333333em;
  line-height: 1.3333333333333333em;
  word-break: break-all;
  letter-spacing: 1.3333333333333333em;
  vertical-align: top;
  font-weight: bold;
}
.radar .risk-points[data-v-08d51d98] {
  z-index: 15;
}
.radar .risk-points .risk-point-group .risk-point[data-v-08d51d98] {
  position: absolute;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  -webkit-filter: blur(2px);
}
.radar .risk-points .risk-point-group .risk-point[data-v-08d51d98]:after {
  content: '';
  display: block;
  height: 100%;
  border-radius: 50%;
  will-change: transform;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radar .risk-points .risk-point-group .risk-point.type1[data-v-08d51d98]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.type2[data-v-08d51d98]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.critical[data-v-08d51d98] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar .risk-points .risk-point-group .risk-point.ordinary[data-v-08d51d98] {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-08d51d98] {
  color: red;
  -webkit-filter: none;
  width: 5em;
  height: 5em;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-08d51d98] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.1875em solid currentColor;
  -webkit-animation: pulsation-08d51d98 3s linear 1;
  animation: pulsation-08d51d98 3s linear 1;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-08d51d98]:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-08d51d98]:nth-child(3) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-08d51d98]:after {
  content: '';
  position: absolute;
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: currentColor;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .risk-points .risk-point-group.flashing .risk-point[data-v-08d51d98]:after {
  -webkit-animation: flashing-08d51d98 2s linear 1;
  animation: flashing-08d51d98 2s linear 1;
}
.radar .scanning-circle[data-v-08d51d98] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner[data-v-08d51d98] {
  width: 40em;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -webkit-transform: rotate(125deg);
  transform: rotate(125deg);
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-08d51d98],
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-08d51d98] {
  width: 100%;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-08d51d98] {
  display: none;
  position: absolute;
  -webkit-clip-path: inset(0 0 0 50%);
  -webkit-filter: blur(30px);
  -webkit-animation: rotation-08d51d98 30s linear infinite;
  animation: rotation-08d51d98 30s linear infinite;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-08d51d98]:after {
  content: '';
  -webkit-clip-path: inset(0 50% 0 0);
  display: block;
  height: 100%;
  background-color: rgba(19, 182, 206, 0.3);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  border-radius: 50%;
}
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-08d51d98] {
  -webkit-clip-path: circle(20em at 50% 48%);
  -moz-clip-path: circle(20em at 50% 48%);
  clip-path: circle(20em at 50% 48%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid white;
  border-top-width: 5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  will-change: transform;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container[data-v-08d51d98] {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-08d51d98],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .color-sector[data-v-08d51d98] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-08d51d98] {
  -webkit-clip-path: inset(0 0 50% 50%);
  -moz-clip-path: inset(0 0 50% 50%);
  clip-path: inset(0 0 50% 50%);
  overflow: hidden;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  filter: blur(30px);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98] {
  -webkit-clip-path: inset(0 50% 0 0);
  -moz-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  background-color: rgba(19, 182, 206, 0.2);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(1) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(2) {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(3) {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(4) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(5) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(6) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(7) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(8) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(9) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-08d51d98]:nth-child(10) {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration[data-v-08d51d98] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-08d51d98],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-08d51d98] {
  -webkit-filter: blur(2px);
  margin-left: auto;
  margin-right: auto;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-08d51d98] {
  width: 0.0625em;
  height: 50%;
  background-color: rgba(65, 191, 226, 0.5);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-08d51d98] {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-08d51d98]:nth-child(2) {
  width: 0.9375em;
  height: 0.1875em;
  top: 3%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-08d51d98]:nth-child(3) {
  width: 1.375em;
  height: 0.25em;
  top: 17%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-08d51d98]:nth-child(4) {
  width: 1em;
  height: 0.125em;
  top: 33%;
  opacity: 0.3;
}
.radar .scanning-circle .scanning-dashed-circle[data-v-08d51d98] {
  -webkit-animation: rotation-08d51d98 2.67s linear infinite;
  animation: rotation-08d51d98 2.67s linear infinite;
}
.radar .scanning-circle .scanning-dashed-empty-circle[data-v-08d51d98] {
  -webkit-animation: rotation-08d51d98 1.67s linear infinite;
  animation: rotation-08d51d98 1.67s linear infinite;
}
.radar.lying-down .radar-map-container[data-v-08d51d98],
.radar.lying-down .radar-map[data-v-08d51d98],
.radar.lying-down .scanning-circle[data-v-08d51d98],
.radar.lying-down .risk-elements-group[data-v-08d51d98] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.radar.lying-down .radar-map-container[data-v-08d51d98] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar.lying-down .radar-map[data-v-08d51d98] {
  -webkit-transform: translateZ(-125em) rotateX(70deg);
  transform: translateZ(-125em) rotateX(70deg);
  color: transparent;
}
.radar.lying-down .radar-map .risk-elements-group[data-v-08d51d98] {
  opacity: 1;
}
.radar.lying-down .radar-map .risk-elements-group .info-panel[data-v-08d51d98] {
  opacity: .4;
}
.radar.lying-down .radar-map .risk-elements-group .red-flag[data-v-08d51d98] {
  -webkit-transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: transform .3s linear, opacity 0.5s linear, visibility;
  transition: transform .3s linear, opacity 0.5s linear, visibility, -webkit-transform .3s linear;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 5.7s, 0s, 5.7s;
  transition-delay: 5.7s, 0s, 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
  transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 5.3999999999999995s;
  transition-delay: 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 5.1s, 0s, 5.1s;
  transition-delay: 5.1s, 0s, 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 4.8s, 0s, 4.8s;
  transition-delay: 4.8s, 0s, 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 4.5s, 0s, 4.5s;
  transition-delay: 4.5s, 0s, 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 4.2s, 0s, 4.2s;
  transition-delay: 4.2s, 0s, 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 3.9s, 0s, 3.9s;
  transition-delay: 3.9s, 0s, 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
  transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 3.5999999999999996s;
  transition-delay: 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 3.3s, 0s, 3.3s;
  transition-delay: 3.3s, 0s, 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 3s, 0s, 3s;
  transition-delay: 3s, 0s, 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
  transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 2.6999999999999997s;
  transition-delay: 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 2.4s, 0s, 2.4s;
  transition-delay: 2.4s, 0s, 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 2.1s, 0s, 2.1s;
  transition-delay: 2.1s, 0s, 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
  transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 1.7999999999999998s;
  transition-delay: 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 1.5s, 0s, 1.5s;
  transition-delay: 1.5s, 0s, 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 1.2s, 0s, 1.2s;
  transition-delay: 1.2s, 0s, 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
  transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 0.8999999999999999s;
  transition-delay: 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 0.6s, 0s, 0.6s;
  transition-delay: 0.6s, 0s, 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .red-flag[data-v-08d51d98] {
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition-delay: 0.3s, 0s, 0.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .dashed-circle[data-v-08d51d98] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.radar.pause-animation .inner-scanner[data-v-08d51d98],
.radar.pause-animation .scanning-dashed-circle[data-v-08d51d98],
.radar.pause-animation .scanning-dashed-empty-circle[data-v-08d51d98] {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.radar.pause-animation .changing-number-container[data-v-08d51d98] {
  display: none;
}
.radar.pause-animation .risk-points[data-v-08d51d98] {
  display: none;
}
.radar.pause-animation .scanning-circle[data-v-08d51d98] {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.radar[data-v-08d51d98] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.radar[data-v-08d51d98] {
    overflow: hidden;
}
}
@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.screen-container[data-v-08d51d98] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  background: url("../img/background-taDxBk0z.png");
  background-size: cover;
  user-select: none;
}
.hs-screen-head[data-v-08d51d98] {
  width: 100%;
  height: 0.8rem;
  background: url("../img/head-bg-DAam7crX.png"); /* rgba(118, 185, 255, 0.13);*/
  position: relative;
  text-align: center;
  flex: none;
  background-size: 100% 100%;
  user-select: none;
  z-index: 1;
}
.sec-title[data-v-08d51d98] {
  width: 100%;
  text-align: center;
  color: #56a1ff;
  background-image: -webkit-linear-gradient(bottom, #5197ff, #80f2ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  margin-top: 0px;
  margin-left: -0.15rem;
  font-size: 0.2rem;
}
.head-title-box[data-v-08d51d98] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-screen-head .title[data-v-08d51d98] {
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.35rem;
  font-weight: 800;
  color: #95c9dd;
  line-height: 0.5rem;
  background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hs-screen-head .time[data-v-08d51d98],
.hs-screen-head p[data-v-08d51d98] {
  -webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.7)));
  font-family: "digital-7";
  color: #95c9dd;
  position: absolute;
  top: 0;
  right: 0.2rem;
  line-height: 0.5rem;
  font-size: 0.25rem;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hs-screen-head .head-flex[data-v-08d51d98] {
  float: left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: 0.45rem;
}
.head-flex .active[data-v-08d51d98] {
  border-bottom: 0.025rem solid #95c9dd;
  padding-bottom: 0.025rem;
}
.head-flex > span[data-v-08d51d98] {
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.1875rem;
  font-weight: 800;
  color: #95c9dd;
  line-height: 0.2rem;
  background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0.15rem;
}
/**------------头部分割线------------**/
.hs-screen-main[data-v-08d51d98] {
  width: 100%;
  height: calc(100% - 0.8rem);
  display: flex;
  position: relative;
}
.hs-screen-main .left-container[data-v-08d51d98] {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.hs-screen-main .left-container .left-list[data-v-08d51d98] {
  background: rgba(0, 16, 71, 0.9);
  width: 4rem;
  height: 100%;
  transform: translateX(0);
  transition: all 1s;
  padding: 0.125rem;
}
.hs-screen-main .left-container .left-list .container[data-v-08d51d98] {
  background-image: url("../img/container-DwzhvfJ9.png");
  background-size: 100% 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.125rem;
}
.hs-screen-main .left-container .left-list .container .nav-tab[data-v-08d51d98] {
  height: 0.35rem;
  background: linear-gradient(0deg, #0e1e48, #162a64);
  border-radius: 0.075rem;
  display: flex;
  cursor: pointer;
}
.hs-screen-main .left-container .left-list .container .nav-tab > span[data-v-08d51d98] {
  flex: 1;
  text-align: center;
  line-height: 0.35rem;
  color: #bec1c8;
  font-size: 0.14rem;
}
.hs-screen-main .left-container .left-list .container .nav-tab .active[data-v-08d51d98] {
  color: #00dfff;
  position: relative;
}
.hs-screen-main .left-container .left-list .container .nav-tab .active[data-v-08d51d98]::after {
  content: "";
  width: 12%;
  position: absolute;
  left: 50%;
  margin-left: -6%;
  bottom: 10%;
  height: 0.0125rem;
  background: #ffffff;
}
.hs-screen-main .left-container .left-list .container .input[data-v-08d51d98] {
  height: 0.35rem;
  border-radius: 1rem;
  border: 0.015rem solid #1c5c9c;
  background: transparent;
  text-indent: 0.125rem;
  color: #fff;
  font-size: 0.14rem;
  opacity: 0.5;
  margin-top: 0.125rem;
}
.hs-screen-main .left-container .left-list .container .list[data-v-08d51d98] {
  flex: 1;
  margin: 0.175rem 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.hs-screen-main .left-container .left-list .container .list .item[data-v-08d51d98] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.5rem;
  padding: 0 0.125rem;
  margin-bottom: 0.125rem;
}
.hs-screen-main .left-container .left-list .container .list .item .info[data-v-08d51d98] {
  display: flex;
  align-items: center;
  flex: 1;
}
.hs-screen-main .left-container .left-list .container .list .item .info .icon > img[data-v-08d51d98] {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
}
.hs-screen-main .left-container .left-list .container .list .item .info span[data-v-08d51d98] {
  flex: 1;
  color: #ffffff;
  font-size: 0.14rem;
  margin-left: 0.0625rem;
}
.hs-screen-main .left-container .left-list .container .list .item .info .status[data-v-08d51d98] {
  width: 0.58rem;
  height: 0.21rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.0625rem;
  font-size: 0.1rem;
}
.hs-screen-main .left-container .left-list .container .list .item .info .warn[data-v-08d51d98] {
  background: linear-gradient(0deg, #fc2222 50%, #ff6c6c 100%);
}
.hs-screen-main .left-container .left-list .container .list .item .info .normal[data-v-08d51d98] {
  background: linear-gradient(180deg, #006edf, #21e8ff);
}
.hs-screen-main .left-container .left-list .container .list .item .info .disable[data-v-08d51d98] {
  background: linear-gradient(180deg, #a08916, #f0cc18);
}
.hs-screen-main .left-container .left-list .container .list .item > i[data-v-08d51d98] {
  color: #22e7ff;
  font-size: 0.2rem;
}
.hs-screen-main .left-container .left-list .container .list .active[data-v-08d51d98] {
  box-shadow: 0px 0 9px #23bff9 inset;
}
.hs-screen-main .left-container .left-list .container .total[data-v-08d51d98] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hs-screen-main .left-container .left-list .container .total .total-item[data-v-08d51d98] {
  width: 30%;
  height: 0.5rem;
  border-radius: 0.075rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(0deg, #1b2d6f, #0e1e48);
  font-size: 0.1375rem;
}
.hs-screen-main .left-container .left-list .container .total .total-item > span[data-v-08d51d98] {
  color: #fff;
  font-size: 0.125rem;
}
.hs-screen-main .left-container .left-show[data-v-08d51d98] {
  width: 0.225rem;
  height: 1.06rem;
  cursor: pointer;
  transition: all 1s;
  transform: translateX(0);
}
.hs-screen-main .left-container .left-show img[data-v-08d51d98] {
  width: 0.225rem;
  height: 1.06rem;
}
.hs-screen-main .left-container .back[data-v-08d51d98] {
  transform: translateX(-4rem);
}
.hs-screen-main .right-container[data-v-08d51d98] {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.hs-screen-main .right-container .right-list[data-v-08d51d98] {
  background: rgba(0, 16, 71, 0.9);
  width: 5rem;
  height: 100%;
  padding: 0.125rem;
  transform: translateX(5rem);
  transition: all 1s;
}
.hs-screen-main .right-container .right-list .container[data-v-08d51d98] {
  background-image: url("../img/container-DwzhvfJ9.png");
  background-size: 100% 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.125rem;
}
.hs-screen-main .right-container .right-list .container .block[data-v-08d51d98] {
  width: 100%;
  height: 33%;
  display: flex;
  flex-direction: column;
}
.hs-screen-main .right-container .right-list .container .block .sec-title[data-v-08d51d98] {
  width: 100%;
  float: left;
  font-size: 0.175rem;
  text-align: center;
  color: #00ecff !important;
}
.hs-screen-main .right-container .right-list .container .block .sec-title > p[data-v-08d51d98] {
  margin: 0.125rem 0 0 0;
  background: url(../img/titleBg-CK-W6PiM.png) no-repeat center;
  background-size: 100%;
  overflow: hidden;
  font-size: 0.175rem;
}
.hs-screen-main .right-container .right-list .container .block .content[data-v-08d51d98] {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
  padding: 0.15rem;
  color: #fff;
  overflow: hidden;
}
.hs-screen-main .right-container .right-list .container .block .content .item[data-v-08d51d98] {
  border: 2px solid #0e3065;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.hs-screen-main .right-container .right-list .container .block .content .item > .info[data-v-08d51d98] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.125rem;
  border-bottom: 1px solid rgba(99, 99, 99, 0.3);
}
.hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item[data-v-08d51d98] {
  display: flex;
  align-items: center;
}
.hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item .icon[data-v-08d51d98] {
  width: 0.15rem;
  height: 0.15rem;
  border: 0.02rem solid #00dfff;
  border-radius: 50%;
}
.hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item > .info[data-v-08d51d98] {
  margin-left: 0.125rem;
  color: #fff;
}
.hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item > .info > p[data-v-08d51d98] {
  font-size: 0.13rem;
}
.hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item > .info > p > span[data-v-08d51d98] {
  font-size: 0.13rem;
}
.hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item > .info > p img[data-v-08d51d98] {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 0.07rem;
}
.hs-screen-main .right-container .right-list .container .block .content .item > .info > span[data-v-08d51d98] {
  color: #00dfff;
  font-size: 0.15rem;
  cursor: pointer;
}
.hs-screen-main .right-container .right-list .container .block .content .item .info-item[data-v-08d51d98] {
  padding: 0.125rem;
}
.hs-screen-main .right-container .right-list .container .block .content .item .info-item[data-v-08d51d98]:not(:last-child) {
  border-bottom: 1px solid rgba(99, 99, 99, 0.3);
}
.hs-screen-main .right-container .right-list .container .block .content .item .info-item > span[data-v-08d51d98] {
  color: #00dfff;
  font-size: 0.15rem;
}
.hs-screen-main .right-container .right-list .container .block .content .item .info-item .info-row[data-v-08d51d98] {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 0.13rem;
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
}
.hs-screen-main .right-container .right-list .container .block .content .item .info-item .info-row > span[data-v-08d51d98] {
  flex: 1;
}
.hs-screen-main .right-container .right-list .container .block .content .item .info-item .info-row i[data-v-08d51d98] {
  font-size: 0.2rem;
}
.hs-screen-main .right-container .right-list .container .block .content .track-item[data-v-08d51d98] {
  display: flex;
  align-items: center;
  color: #fff;
  width: 80%;
  font-size: 0.14rem;
  margin-bottom: 0.125rem;
}
.hs-screen-main .right-container .right-list .container .block .content .track-item .track-time[data-v-08d51d98] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 40%;
}
.hs-screen-main .right-container .right-list .container .block .content .track-item .track-time p[data-v-08d51d98] {
  display: flex;
  align-items: center;
}
.hs-screen-main .right-container .right-list .container .block .content .track-item .point[data-v-08d51d98] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 0.125rem;
}
.hs-screen-main .right-container .right-list .container .block .content .track-item .point i[data-v-08d51d98] {
  font-size: 0.2rem;
}
.hs-screen-main .right-container .right-list .container .block .content .track-item .point .line[data-v-08d51d98] {
  width: 1px;
  height: 40px;
  border-right: 1px dashed #ccc;
}
.hs-screen-main .right-container .right-list .container .block .content .track-item .track-info[data-v-08d51d98] {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.hs-screen-main .right-container .right-list .container .block .content .track-item .track-info > span[data-v-08d51d98]:first-child {
  font-weight: bold;
}
.hs-screen-main .right-container .right-list .container .block .content .track-item .track-info div[data-v-08d51d98] {
  display: flex;
  justify-content: space-between;
}
.hs-screen-main .right-container .right-list .container .block .message ul[data-v-08d51d98],
.hs-screen-main .right-container .right-list .container .block .message .list[data-v-08d51d98] {
  width: 100%;
  height: calc(100% - 0.15rem);
  padding: 0 0.125rem;
  overflow: hidden;
}
.hs-screen-main .right-container .right-list .container .block .message li[data-v-08d51d98] {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0.15rem;
  margin-bottom: 3px;
  text-align: left;
  color: #30d7e0;
  padding: 0 1px;
  display: flex;
  list-style: none;
  justify-content: space-between;
}
.hs-screen-main .right-container .right-list .container .block .message li > p[data-v-08d51d98] {
  float: left;
  overflow: hidden; /*超出部分隐藏*/
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  white-space: nowrap; /*规定段落中的文本不进行换行 */
}
.hs-screen-main .right-container .right-list .container .block .message li > span[data-v-08d51d98] {
  padding-right: 1px;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hs-screen-main .right-container .right-show[data-v-08d51d98] {
  width: 0.225rem;
  height: 1.06rem;
  cursor: pointer;
  transition: all 1s;
  transform: translateX(5rem);
}
.hs-screen-main .right-container .right-show img[data-v-08d51d98] {
  width: 0.225rem;
  height: 1.06rem;
}
.hs-screen-main .right-container .back[data-v-08d51d98] {
  transform: translateX(0);
}
.hs-screen-main .top-container[data-v-08d51d98] {
  position: absolute;
  background: url("../img/top-border-DrIdQPIP.png");
  background-size: 100% 100%;
  top: 0.125rem;
  width: 8rem;
  height: 0.5rem;
  left: 50%;
  margin-left: -4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.125rem;
}
.hs-screen-main .top-container .btn-group[data-v-08d51d98] {
  display: flex;
  align-items: center;
}
.hs-screen-main .top-container .btn-group .btn[data-v-08d51d98] {
  width: 0.6rem;
  height: 0.3rem;
  background: url("../img/btn-border-BWOoAECt.png");
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 0.125rem;
}
.hs-screen-main .top-container .btn-group .btn span[data-v-08d51d98] {
  color: #0378ea;
  background: linear-gradient(180deg, #5f9afb 0%, #8ae6ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.14rem;
}
.hs-screen-main .top-container i[data-v-08d51d98] {
  transform: rotate(45deg);
  font-size: 0.2rem;
  color: rgb(34, 231, 255);
  cursor: pointer;
}
.hs-screen-waste-type-total[data-v-08d51d98] {
  width: 100%;
  padding: 0 8%;
}
.hs-screen-waste-type-total p[data-v-08d51d98] {
  margin-top: 0.25rem;
  text-align: left;
  color: #30d7e0;
  font-weight: 400;
  font-size: 0.23rem;
  margin-bottom: 0.25rem;
}
.hs-screen-waste-type-total li[data-v-08d51d98] {
  float: left;
  color: #fff;
  font-size: 0.2rem;
  width: auto;
  margin-right: 0.15rem;
}
.animated-pro[data-v-08d51d98] {
  animation: proRotate 1s 1s;
}
.hs-screen-waste-type-total .hex[data-v-08d51d98] {
  overflow: hidden;
  display: block;
  width: 0.95rem;
  height: 1.1rem;
  transform: rotate(-60deg) skewY(30deg);
}
.hs-screen-waste-type-total .hexIn[data-v-08d51d98] {
  background: url(../img/total-bg-yrSSUiVy.png);
  background-size: 100% 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 0.95rem;
  height: 1.1rem;
  align-items: center;
  justify-content: center;
  transform: skewY(-30deg) rotate(60deg);
}
.hs-screen-waste-type-total li[data-v-08d51d98]:nth-child(7n+4) {
  margin-left: 0.57rem;
}
.hexIn > span[data-v-08d51d98]:first-child {
  color: #30d7e0;
  font-size: 0.125rem;
}
.hexIn > span[data-v-08d51d98]:last-child {
  color: #ffffff;
  font-size: 0.14rem;
}
[data-v-08d51d98] .ivu-input {
  border: none;
  background: transparent;
  color: #0378ea;
  background: linear-gradient(180deg, #5f9afb 0%, #8ae6ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.14rem;
  outline: none;
}
[data-v-08d51d98] .ivu-date-picker-rel i {
  display: none;
}
[data-v-08d51d98] .amap-marker-label {
  position: absolute;
  z-index: 2;
  border: 1px solid #fff;
  background-color: #ffd51f;
  color: #333;
  white-space: nowrap;
  cursor: default;
  font-weight: 550;
  font-size: 12px;
  padding: 3px 7px;
  border-radius: 3px;
  line-height: 14px;
}
@-webkit-keyframes flashing-283fa713 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@keyframes flashing-283fa713 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@-webkit-keyframes pulsation-283fa713 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@keyframes pulsation-283fa713 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@-webkit-keyframes rotation-283fa713 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@keyframes rotation-283fa713 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@-webkit-keyframes scale-283fa713 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@keyframes scale-283fa713 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@-webkit-keyframes polish-283fa713 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
@keyframes polish-283fa713 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
.radar[data-v-283fa713] {
  height: 80%;
  width: 80%;
  position: absolute;
  -webkit-perspective: 62.5em;
  perspective: 62.5em;
  z-index: 9;
}
.radar .radar-map-container[data-v-283fa713],
.radar .risk-points[data-v-283fa713],
.radar .scanning-circle canvas[data-v-283fa713] {
  left: 0;
  top: 0;
  position: absolute;
}
.radar .radar-map-container[data-v-283fa713],
.radar .radar-map[data-v-283fa713],
.radar .scanning-circle[data-v-283fa713],
.radar .risk-elements-group[data-v-283fa713] {
  -webkit-transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
}
.radar .radar-map-container[data-v-283fa713],
.radar .radar-map[data-v-283fa713],
.radar .scanning-circle[data-v-283fa713] {
  will-change: transform;
}
.radar .radar-map-container[data-v-283fa713] {
  width: 400%;
  height: 400%;
  left: -150%;
  top: -150%;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map[data-v-283fa713] {
  color: rgba(19, 182, 206, 0.4);
  background: url('http://i64.tinypic.com/5l17ut.jpg') center / contain no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map.roaming[data-v-283fa713] {
  -webkit-transition-duration: 5s !important;
  transition-duration: 5s !important;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.radar .radar-map .risk-elements-group[data-v-283fa713] {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-283fa713],
.radar .radar-map .risk-elements-group .info-panel[data-v-283fa713],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-283fa713] {
  position: absolute;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-283fa713],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-283fa713] {
  visibility: hidden;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-283fa713],
.radar .radar-map .risk-elements-group .info-panel[data-v-283fa713] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
}
.radar .radar-map .risk-elements-group .red-flag[data-v-283fa713] {
  width: 0.5em;
  height: 10em;
  background-color: white;
  -webkit-transform: rotateX(-70deg) rotateZ(-90deg);
  transform: rotateX(-70deg) rotateZ(-90deg);
}
.radar .radar-map .risk-elements-group .red-flag.stand-up[data-v-283fa713] {
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  visibility: visible;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-283fa713]:before {
  content: attr(data-city);
  font-weight: bold;
  color: white;
  position: absolute;
  background-color: red;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 4.782608695652174em;
  height: 3.4782608695652173em;
  line-height: 3.4782608695652173em;
  font-size: 1.4375em;
  font-family: 微软雅黑;
  letter-spacing: 0.43478260869565216em;
  padding-left: 0.5217391304347826em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0.43478260869565216em;
  white-space: nowrap;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-283fa713]:after {
  content: '';
  position: absolute;
  width: 2.1875em;
  height: 0.625em;
  border-radius: 50%;
  background-color: inherit;
  top: calc(100% - 0.625em);
  left: calc(50% - 1.09375em);
}
.radar .radar-map .risk-elements-group .info-panel[data-v-283fa713] {
  -webkit-transform: rotateX(-70deg) translateY(-30%);
  transform: rotateX(-70deg) translateY(-30%);
  -webkit-filter: opacity(0);
  -moz-filter: opacity(0);
  filter: opacity(0);
  border: 0.0625em solid #DCDA6B;
  border-radius: 0.25em;
  background-color: rgba(245, 228, 158, 0.31);
  display: table;
  font-weight: bold;
  font-size: 2.5em;
  text-shadow: 0.025em 0.025em 0.05em black;
  padding: 0.2em 0.3em;
  font-family: 黑体;
  overflow: hidden;
}
.radar .radar-map .risk-elements-group .info-panel.showup[data-v-283fa713] {
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1);
  transition: -webkit-filter 1s linear 0.5s, -moz-filter 1s linear 0.5s, filter 1s linear 0.5s, opacity 0.5s linear;
}
.radar .radar-map .risk-elements-group .info-panel.polish[data-v-283fa713]:after {
  -webkit-animation: polish-283fa713 5s linear 1 1s;
  animation: polish-283fa713 5s linear 1 1s;
}
.radar .radar-map .risk-elements-group .info-panel .info-title[data-v-283fa713] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(208, 209, 120, 0.6)), to(rgba(223, 226, 183, 0.05)));
  background-image: linear-gradient(to right, rgba(208, 209, 120, 0.6), rgba(223, 226, 183, 0.05));
  color: #FFE401;
  padding: 0 0.275em;
  border-radius: inherit;
}
.radar .radar-map .risk-elements-group .info-panel .info-content[data-v-283fa713] {
  color: white;
  margin: 0.25em;
  line-height: 1.3em;
}
.radar .radar-map .risk-elements-group .info-panel[data-v-283fa713]:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  -webkit-transform: skewX(35deg) translateX(-160%);
  transform: skewX(35deg) translateX(-160%);
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-283fa713] {
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  background: center / contain no-repeat;
  -webkit-animation: rotation-283fa713 5s linear infinite;
  animation: rotation-283fa713 5s linear infinite;
  -webkit-transition-property: visibility;
  transition-property: visibility;
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-283fa713]:after {
  content: '';
  border-radius: inherit;
  margin: auto;
  width: 15%;
  height: 15%;
  background-color: #E03636;
  -webkit-box-shadow: 0 0 0.9375em black;
  box-shadow: 0 0 0.9375em black;
  -webkit-animation: scale-283fa713 1s linear infinite alternate;
  animation: scale-283fa713 1s linear infinite alternate;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.radar .changing-number-container[data-v-283fa713] {
  position: absolute;
  right: 14%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .changing-number-container[data-v-283fa713] {
  display: table;
  color: #10ABE0;
}
.radar .changing-number-container[data-v-283fa713]:before,
.radar .changing-number-container[data-v-283fa713]:after {
  display: inline-block;
}
.radar .changing-number-container[data-v-283fa713]:before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(55%, currentColor), color-stop(55%, transparent)) center / 100% 1em;
  background: linear-gradient(to bottom, transparent 45%, currentColor 55%, transparent 55%) center / 100% 1em;
  width: 1em;
  height: 100%;
  margin-right: 0.625em;
}
.radar .changing-number-container[data-v-283fa713]:after {
  font-size: 0.75em;
  content: attr(data-number);
  width: 1.3333333333333333em;
  line-height: 1.3333333333333333em;
  word-break: break-all;
  letter-spacing: 1.3333333333333333em;
  vertical-align: top;
  font-weight: bold;
}
.radar .risk-points[data-v-283fa713] {
  z-index: 15;
}
.radar .risk-points .risk-point-group .risk-point[data-v-283fa713] {
  position: absolute;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  -webkit-filter: blur(2px);
}
.radar .risk-points .risk-point-group .risk-point[data-v-283fa713]:after {
  content: '';
  display: block;
  height: 100%;
  border-radius: 50%;
  will-change: transform;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radar .risk-points .risk-point-group .risk-point.type1[data-v-283fa713]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.type2[data-v-283fa713]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.critical[data-v-283fa713] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar .risk-points .risk-point-group .risk-point.ordinary[data-v-283fa713] {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-283fa713] {
  color: red;
  -webkit-filter: none;
  width: 5em;
  height: 5em;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-283fa713] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.1875em solid currentColor;
  -webkit-animation: pulsation-283fa713 3s linear 1;
  animation: pulsation-283fa713 3s linear 1;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-283fa713]:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-283fa713]:nth-child(3) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-283fa713]:after {
  content: '';
  position: absolute;
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: currentColor;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .risk-points .risk-point-group.flashing .risk-point[data-v-283fa713]:after {
  -webkit-animation: flashing-283fa713 2s linear 1;
  animation: flashing-283fa713 2s linear 1;
}
.radar .scanning-circle[data-v-283fa713] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner[data-v-283fa713] {
  width: 40em;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -webkit-transform: rotate(125deg);
  transform: rotate(125deg);
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-283fa713],
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-283fa713] {
  width: 100%;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-283fa713] {
  display: none;
  position: absolute;
  -webkit-clip-path: inset(0 0 0 50%);
  -webkit-filter: blur(30px);
  -webkit-animation: rotation-283fa713 30s linear infinite;
  animation: rotation-283fa713 30s linear infinite;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-283fa713]:after {
  content: '';
  -webkit-clip-path: inset(0 50% 0 0);
  display: block;
  height: 100%;
  background-color: rgba(19, 182, 206, 0.3);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  border-radius: 50%;
}
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-283fa713] {
  -webkit-clip-path: circle(20em at 50% 48%);
  -moz-clip-path: circle(20em at 50% 48%);
  clip-path: circle(20em at 50% 48%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid white;
  border-top-width: 5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  will-change: transform;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container[data-v-283fa713] {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-283fa713],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .color-sector[data-v-283fa713] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-283fa713] {
  -webkit-clip-path: inset(0 0 50% 50%);
  -moz-clip-path: inset(0 0 50% 50%);
  clip-path: inset(0 0 50% 50%);
  overflow: hidden;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  filter: blur(30px);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713] {
  -webkit-clip-path: inset(0 50% 0 0);
  -moz-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  background-color: rgba(19, 182, 206, 0.2);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(1) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(2) {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(3) {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(4) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(5) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(6) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(7) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(8) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(9) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-283fa713]:nth-child(10) {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration[data-v-283fa713] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-283fa713],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-283fa713] {
  -webkit-filter: blur(2px);
  margin-left: auto;
  margin-right: auto;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-283fa713] {
  width: 0.0625em;
  height: 50%;
  background-color: rgba(65, 191, 226, 0.5);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-283fa713] {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-283fa713]:nth-child(2) {
  width: 0.9375em;
  height: 0.1875em;
  top: 3%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-283fa713]:nth-child(3) {
  width: 1.375em;
  height: 0.25em;
  top: 17%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-283fa713]:nth-child(4) {
  width: 1em;
  height: 0.125em;
  top: 33%;
  opacity: 0.3;
}
.radar .scanning-circle .scanning-dashed-circle[data-v-283fa713] {
  -webkit-animation: rotation-283fa713 2.67s linear infinite;
  animation: rotation-283fa713 2.67s linear infinite;
}
.radar .scanning-circle .scanning-dashed-empty-circle[data-v-283fa713] {
  -webkit-animation: rotation-283fa713 1.67s linear infinite;
  animation: rotation-283fa713 1.67s linear infinite;
}
.radar.lying-down .radar-map-container[data-v-283fa713],
.radar.lying-down .radar-map[data-v-283fa713],
.radar.lying-down .scanning-circle[data-v-283fa713],
.radar.lying-down .risk-elements-group[data-v-283fa713] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.radar.lying-down .radar-map-container[data-v-283fa713] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar.lying-down .radar-map[data-v-283fa713] {
  -webkit-transform: translateZ(-125em) rotateX(70deg);
  transform: translateZ(-125em) rotateX(70deg);
  color: transparent;
}
.radar.lying-down .radar-map .risk-elements-group[data-v-283fa713] {
  opacity: 1;
}
.radar.lying-down .radar-map .risk-elements-group .info-panel[data-v-283fa713] {
  opacity: .4;
}
.radar.lying-down .radar-map .risk-elements-group .red-flag[data-v-283fa713] {
  -webkit-transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: transform .3s linear, opacity 0.5s linear, visibility;
  transition: transform .3s linear, opacity 0.5s linear, visibility, -webkit-transform .3s linear;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 5.7s, 0s, 5.7s;
  transition-delay: 5.7s, 0s, 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
  transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 5.3999999999999995s;
  transition-delay: 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 5.1s, 0s, 5.1s;
  transition-delay: 5.1s, 0s, 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 4.8s, 0s, 4.8s;
  transition-delay: 4.8s, 0s, 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 4.5s, 0s, 4.5s;
  transition-delay: 4.5s, 0s, 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 4.2s, 0s, 4.2s;
  transition-delay: 4.2s, 0s, 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 3.9s, 0s, 3.9s;
  transition-delay: 3.9s, 0s, 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
  transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 3.5999999999999996s;
  transition-delay: 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 3.3s, 0s, 3.3s;
  transition-delay: 3.3s, 0s, 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 3s, 0s, 3s;
  transition-delay: 3s, 0s, 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
  transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 2.6999999999999997s;
  transition-delay: 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 2.4s, 0s, 2.4s;
  transition-delay: 2.4s, 0s, 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 2.1s, 0s, 2.1s;
  transition-delay: 2.1s, 0s, 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
  transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 1.7999999999999998s;
  transition-delay: 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 1.5s, 0s, 1.5s;
  transition-delay: 1.5s, 0s, 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 1.2s, 0s, 1.2s;
  transition-delay: 1.2s, 0s, 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
  transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 0.8999999999999999s;
  transition-delay: 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 0.6s, 0s, 0.6s;
  transition-delay: 0.6s, 0s, 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .red-flag[data-v-283fa713] {
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition-delay: 0.3s, 0s, 0.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .dashed-circle[data-v-283fa713] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.radar.pause-animation .inner-scanner[data-v-283fa713],
.radar.pause-animation .scanning-dashed-circle[data-v-283fa713],
.radar.pause-animation .scanning-dashed-empty-circle[data-v-283fa713] {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.radar.pause-animation .changing-number-container[data-v-283fa713] {
  display: none;
}
.radar.pause-animation .risk-points[data-v-283fa713] {
  display: none;
}
.radar.pause-animation .scanning-circle[data-v-283fa713] {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.radar[data-v-283fa713] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.radar[data-v-283fa713] {
    overflow: hidden;
}
}
@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.screen-container[data-v-283fa713] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  background: url("../img/background-taDxBk0z.png");
  background-size: cover;
  user-select: none;
}
.hs-screen-head[data-v-283fa713] {
  width: 100%;
  height: 0.8rem;
  background: url("../img/head-bg-DAam7crX.png"); /* rgba(118, 185, 255, 0.13);*/
  position: relative;
  text-align: center;
  flex: none;
  background-size: 100% 100%;
  user-select: none;
  z-index: 1;
}
.sec-title[data-v-283fa713] {
  width: 100%;
  text-align: center;
  color: #56a1ff;
  background-image: -webkit-linear-gradient(bottom, #5197ff, #80f2ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  margin-top: 0px;
  margin-left: -0.15rem;
  font-size: 0.2rem;
}
.head-title-box[data-v-283fa713] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-screen-head .title[data-v-283fa713] {
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.35rem;
  font-weight: 800;
  color: #95c9dd;
  line-height: 0.5rem;
  background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hs-screen-head .time[data-v-283fa713],
.hs-screen-head p[data-v-283fa713] {
  -webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.7)));
  font-family: "digital-7";
  color: #95c9dd;
  position: absolute;
  top: 0;
  right: 0.2rem;
  line-height: 0.5rem;
  font-size: 0.25rem;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hs-screen-head .head-flex[data-v-283fa713] {
  float: left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: 0.45rem;
}
.head-flex .active[data-v-283fa713] {
  border-bottom: 0.025rem solid #95c9dd;
  padding-bottom: 0.025rem;
}
.head-flex > span[data-v-283fa713] {
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.1875rem;
  font-weight: 800;
  color: #95c9dd;
  line-height: 0.2rem;
  background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0.15rem;
}
/**------------头部分割线------------**/
.hs-screen-main[data-v-283fa713] {
  padding: 0;
  display: flex;
  flex: auto;
  overflow: hidden;
  z-index: 1;
  position: relative;
  flex-direction: column;
  height: calc(100% - 1.05rem);
  background: url(../img/center-bg-Bj1jA-oK.png);
  background-size: 100% 100%;
}
.hs-screen-main .left-container[data-v-283fa713] {
  position: absolute;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 4.075rem;
  background: url(../img/left-item-f7kmU-Jm.png);
  background-size: 100% 100%;
  padding: 0.125rem;
}
.hs-screen-main .right-container[data-v-283fa713] {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 4.075rem;
  background: url(../img/right-item-CyP5XPoj.png);
  background-size: 100% 100%;
  padding: 0.125rem;
}
.hs-screen-main .right-container .item-content > img[data-v-283fa713] {
  width: 100%;
  height: 1.875rem;
  object-fit: cover;
  border: 1px solid #00dfff;
}
.hs-screen-main .right-container .item-content > p[data-v-283fa713] {
  font-size: 0.13rem;
  color: #fff;
  text-indent: 2em;
}
.hs-screen-main .right-container .footer[data-v-283fa713] {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.hs-screen-main .right-container .img-list[data-v-283fa713] {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(2, 50%);
  flex: 1;
}
.hs-screen-main .right-container .img-list .img[data-v-283fa713] {
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  padding: 0.125rem;
}
.hs-screen-main .right-container .img-list .img img[data-v-283fa713] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #00dfff;
}
.hs-screen-main .item[data-v-283fa713] {
  display: flex;
  flex-direction: column;
  position: relative;
}
.hs-screen-main .item .item-head[data-v-283fa713] {
  color: #00dfff;
  font-size: 0.175rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #23d8fd;
  padding-bottom: 0.0625rem;
}
.hs-screen-main .item .item-head span[data-v-283fa713]:last-child {
  font-size: 0.125rem;
}
.hs-screen-main .item .item-content[data-v-283fa713] {
  margin-top: 0.125rem;
}
.hs-screen-main .item .item-content .content-head[data-v-283fa713] {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.hs-screen-main .item .item-content .content-head .c-item[data-v-283fa713] {
  display: flex;
  justify-content: center;
  width: 1.35rem;
  position: relative;
  height: 0.52rem;
  background: url(../img/icon-B9pyv869.png) no-repeat;
}
.hs-screen-main .item .item-content .content-head .c-item span[data-v-283fa713] {
  align-self: center;
  color: #00dfff;
  margin-left: 0.1875rem;
  font-size: 0.15rem;
}
.hs-screen-main .item .item-content .content-head .icon1[data-v-283fa713] {
  background: url(../img/icon1-DBJ3SmX7.png) no-repeat;
}
.hs-screen-main .item .item-content .content-head .j-item[data-v-283fa713] {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 0.125rem;
}
.hs-screen-main .item .item-content .content-head .j-item img[data-v-283fa713] {
  margin-right: 0.125rem;
}
.hs-screen-main .item .item-content .border-b[data-v-283fa713] {
  border-bottom: 1px solid #23d8fd;
  padding-bottom: 0.0625rem;
}
.hs-screen-main .item .item-content .content-chart[data-v-283fa713] {
  display: flex;
  height: 2.5rem;
  position: relative;
}
.hs-screen-main .item .item-content .content-chart .chart[data-v-283fa713] {
  width: 100%;
  height: 100%;
}
.hs-screen-main .item .item-content .content-chart .footer[data-v-283fa713] {
  position: absolute;
  bottom: 0.125rem;
  width: 100%;
}
.hs-screen-main .item .item-content .content-info[data-v-283fa713] {
  margin-top: 0.125rem;
  display: flex;
  flex-direction: column;
}
.hs-screen-main .item .item-content .content-info .info-head[data-v-283fa713] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #249fb3;
  font-size: 0.15rem;
}
.hs-screen-main .item .item-content .content-info .info[data-v-283fa713] {
  margin-top: 0.125rem;
  color: #fff;
  font-size: 0.15rem;
}
.hs-screen-main .item .item-content .content-info .car[data-v-283fa713] {
  margin: 0.125rem 0 0;
  width: 118px;
  height: 75px;
  align-self: flex-end;
}
.hs-screen-main .item .item-content .footer[data-v-283fa713] {
  width: 100%;
}
.at-alarm-list[data-v-283fa713] {
  overflow: hidden;
}
.at-alarm-item[data-v-283fa713] {
  width: 100%;
  border-bottom: 1px solid #00ffff;
  padding: 0.0625rem;
  font-size: 0.1375rem;
  color: #0bb4f3;
  height: 0.55rem;
}
.at-alarm-item p[data-v-283fa713] {
  display: flex;
  justify-content: space-between;
}
.at-alarm-item p span[data-v-283fa713]:first-child {
  text-align: left;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #cc2929;
}
.at-alarm-item p span:first-child > div[data-v-283fa713] {
  background: #ff7428;
  width: 0.0875rem;
  height: 0.075rem;
  border-radius: 50%;
  margin-right: 0.125rem;
}
.at-alarm-item p span[data-v-283fa713] {
  width: 100%;
  text-align: right;
}@-webkit-keyframes flashing-602398c9 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@keyframes flashing-602398c9 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@-webkit-keyframes pulsation-602398c9 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@keyframes pulsation-602398c9 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@-webkit-keyframes rotation-602398c9 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@keyframes rotation-602398c9 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@-webkit-keyframes scale-602398c9 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@keyframes scale-602398c9 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@-webkit-keyframes polish-602398c9 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
@keyframes polish-602398c9 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
.radar[data-v-602398c9] {
  height: 80%;
  width: 80%;
  position: absolute;
  -webkit-perspective: 62.5em;
  perspective: 62.5em;
  z-index: 9;
}
.radar .radar-map-container[data-v-602398c9],
.radar .risk-points[data-v-602398c9],
.radar .scanning-circle canvas[data-v-602398c9] {
  left: 0;
  top: 0;
  position: absolute;
}
.radar .radar-map-container[data-v-602398c9],
.radar .radar-map[data-v-602398c9],
.radar .scanning-circle[data-v-602398c9],
.radar .risk-elements-group[data-v-602398c9] {
  -webkit-transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
}
.radar .radar-map-container[data-v-602398c9],
.radar .radar-map[data-v-602398c9],
.radar .scanning-circle[data-v-602398c9] {
  will-change: transform;
}
.radar .radar-map-container[data-v-602398c9] {
  width: 400%;
  height: 400%;
  left: -150%;
  top: -150%;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map[data-v-602398c9] {
  color: rgba(19, 182, 206, 0.4);
  background: url('http://i64.tinypic.com/5l17ut.jpg') center / contain no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map.roaming[data-v-602398c9] {
  -webkit-transition-duration: 5s !important;
  transition-duration: 5s !important;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.radar .radar-map .risk-elements-group[data-v-602398c9] {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-602398c9],
.radar .radar-map .risk-elements-group .info-panel[data-v-602398c9],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-602398c9] {
  position: absolute;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-602398c9],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-602398c9] {
  visibility: hidden;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-602398c9],
.radar .radar-map .risk-elements-group .info-panel[data-v-602398c9] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
}
.radar .radar-map .risk-elements-group .red-flag[data-v-602398c9] {
  width: 0.5em;
  height: 10em;
  background-color: white;
  -webkit-transform: rotateX(-70deg) rotateZ(-90deg);
  transform: rotateX(-70deg) rotateZ(-90deg);
}
.radar .radar-map .risk-elements-group .red-flag.stand-up[data-v-602398c9] {
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  visibility: visible;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-602398c9]:before {
  content: attr(data-city);
  font-weight: bold;
  color: white;
  position: absolute;
  background-color: red;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 4.782608695652174em;
  height: 3.4782608695652173em;
  line-height: 3.4782608695652173em;
  font-size: 1.4375em;
  font-family: 微软雅黑;
  letter-spacing: 0.43478260869565216em;
  padding-left: 0.5217391304347826em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0.43478260869565216em;
  white-space: nowrap;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-602398c9]:after {
  content: '';
  position: absolute;
  width: 2.1875em;
  height: 0.625em;
  border-radius: 50%;
  background-color: inherit;
  top: calc(100% - 0.625em);
  left: calc(50% - 1.09375em);
}
.radar .radar-map .risk-elements-group .info-panel[data-v-602398c9] {
  -webkit-transform: rotateX(-70deg) translateY(-30%);
  transform: rotateX(-70deg) translateY(-30%);
  -webkit-filter: opacity(0);
  -moz-filter: opacity(0);
  filter: opacity(0);
  border: 0.0625em solid #DCDA6B;
  border-radius: 0.25em;
  background-color: rgba(245, 228, 158, 0.31);
  display: table;
  font-weight: bold;
  font-size: 2.5em;
  text-shadow: 0.025em 0.025em 0.05em black;
  padding: 0.2em 0.3em;
  font-family: 黑体;
  overflow: hidden;
}
.radar .radar-map .risk-elements-group .info-panel.showup[data-v-602398c9] {
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1);
  transition: -webkit-filter 1s linear 0.5s, -moz-filter 1s linear 0.5s, filter 1s linear 0.5s, opacity 0.5s linear;
}
.radar .radar-map .risk-elements-group .info-panel.polish[data-v-602398c9]:after {
  -webkit-animation: polish-602398c9 5s linear 1 1s;
  animation: polish-602398c9 5s linear 1 1s;
}
.radar .radar-map .risk-elements-group .info-panel .info-title[data-v-602398c9] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(208, 209, 120, 0.6)), to(rgba(223, 226, 183, 0.05)));
  background-image: linear-gradient(to right, rgba(208, 209, 120, 0.6), rgba(223, 226, 183, 0.05));
  color: #FFE401;
  padding: 0 0.275em;
  border-radius: inherit;
}
.radar .radar-map .risk-elements-group .info-panel .info-content[data-v-602398c9] {
  color: white;
  margin: 0.25em;
  line-height: 1.3em;
}
.radar .radar-map .risk-elements-group .info-panel[data-v-602398c9]:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  -webkit-transform: skewX(35deg) translateX(-160%);
  transform: skewX(35deg) translateX(-160%);
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-602398c9] {
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  background: center / contain no-repeat;
  -webkit-animation: rotation-602398c9 5s linear infinite;
  animation: rotation-602398c9 5s linear infinite;
  -webkit-transition-property: visibility;
  transition-property: visibility;
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-602398c9]:after {
  content: '';
  border-radius: inherit;
  margin: auto;
  width: 15%;
  height: 15%;
  background-color: #E03636;
  -webkit-box-shadow: 0 0 0.9375em black;
  box-shadow: 0 0 0.9375em black;
  -webkit-animation: scale-602398c9 1s linear infinite alternate;
  animation: scale-602398c9 1s linear infinite alternate;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.radar .changing-number-container[data-v-602398c9] {
  position: absolute;
  right: 14%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .changing-number-container[data-v-602398c9] {
  display: table;
  color: #10ABE0;
}
.radar .changing-number-container[data-v-602398c9]:before,
.radar .changing-number-container[data-v-602398c9]:after {
  display: inline-block;
}
.radar .changing-number-container[data-v-602398c9]:before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(55%, currentColor), color-stop(55%, transparent)) center / 100% 1em;
  background: linear-gradient(to bottom, transparent 45%, currentColor 55%, transparent 55%) center / 100% 1em;
  width: 1em;
  height: 100%;
  margin-right: 0.625em;
}
.radar .changing-number-container[data-v-602398c9]:after {
  font-size: 0.75em;
  content: attr(data-number);
  width: 1.3333333333333333em;
  line-height: 1.3333333333333333em;
  word-break: break-all;
  letter-spacing: 1.3333333333333333em;
  vertical-align: top;
  font-weight: bold;
}
.radar .risk-points[data-v-602398c9] {
  z-index: 15;
}
.radar .risk-points .risk-point-group .risk-point[data-v-602398c9] {
  position: absolute;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  -webkit-filter: blur(2px);
}
.radar .risk-points .risk-point-group .risk-point[data-v-602398c9]:after {
  content: '';
  display: block;
  height: 100%;
  border-radius: 50%;
  will-change: transform;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radar .risk-points .risk-point-group .risk-point.type1[data-v-602398c9]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.type2[data-v-602398c9]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.critical[data-v-602398c9] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar .risk-points .risk-point-group .risk-point.ordinary[data-v-602398c9] {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-602398c9] {
  color: red;
  -webkit-filter: none;
  width: 5em;
  height: 5em;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-602398c9] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.1875em solid currentColor;
  -webkit-animation: pulsation-602398c9 3s linear 1;
  animation: pulsation-602398c9 3s linear 1;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-602398c9]:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-602398c9]:nth-child(3) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-602398c9]:after {
  content: '';
  position: absolute;
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: currentColor;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .risk-points .risk-point-group.flashing .risk-point[data-v-602398c9]:after {
  -webkit-animation: flashing-602398c9 2s linear 1;
  animation: flashing-602398c9 2s linear 1;
}
.radar .scanning-circle[data-v-602398c9] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner[data-v-602398c9] {
  width: 40em;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -webkit-transform: rotate(125deg);
  transform: rotate(125deg);
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-602398c9],
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-602398c9] {
  width: 100%;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-602398c9] {
  display: none;
  position: absolute;
  -webkit-clip-path: inset(0 0 0 50%);
  -webkit-filter: blur(30px);
  -webkit-animation: rotation-602398c9 30s linear infinite;
  animation: rotation-602398c9 30s linear infinite;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-602398c9]:after {
  content: '';
  -webkit-clip-path: inset(0 50% 0 0);
  display: block;
  height: 100%;
  background-color: rgba(19, 182, 206, 0.3);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  border-radius: 50%;
}
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-602398c9] {
  -webkit-clip-path: circle(20em at 50% 48%);
  -moz-clip-path: circle(20em at 50% 48%);
  clip-path: circle(20em at 50% 48%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid white;
  border-top-width: 5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  will-change: transform;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container[data-v-602398c9] {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-602398c9],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .color-sector[data-v-602398c9] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-602398c9] {
  -webkit-clip-path: inset(0 0 50% 50%);
  -moz-clip-path: inset(0 0 50% 50%);
  clip-path: inset(0 0 50% 50%);
  overflow: hidden;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  filter: blur(30px);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9] {
  -webkit-clip-path: inset(0 50% 0 0);
  -moz-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  background-color: rgba(19, 182, 206, 0.2);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(1) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(2) {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(3) {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(4) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(5) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(6) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(7) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(8) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(9) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-602398c9]:nth-child(10) {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration[data-v-602398c9] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-602398c9],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-602398c9] {
  -webkit-filter: blur(2px);
  margin-left: auto;
  margin-right: auto;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-602398c9] {
  width: 0.0625em;
  height: 50%;
  background-color: rgba(65, 191, 226, 0.5);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-602398c9] {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-602398c9]:nth-child(2) {
  width: 0.9375em;
  height: 0.1875em;
  top: 3%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-602398c9]:nth-child(3) {
  width: 1.375em;
  height: 0.25em;
  top: 17%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-602398c9]:nth-child(4) {
  width: 1em;
  height: 0.125em;
  top: 33%;
  opacity: 0.3;
}
.radar .scanning-circle .scanning-dashed-circle[data-v-602398c9] {
  -webkit-animation: rotation-602398c9 2.67s linear infinite;
  animation: rotation-602398c9 2.67s linear infinite;
}
.radar .scanning-circle .scanning-dashed-empty-circle[data-v-602398c9] {
  -webkit-animation: rotation-602398c9 1.67s linear infinite;
  animation: rotation-602398c9 1.67s linear infinite;
}
.radar.lying-down .radar-map-container[data-v-602398c9],
.radar.lying-down .radar-map[data-v-602398c9],
.radar.lying-down .scanning-circle[data-v-602398c9],
.radar.lying-down .risk-elements-group[data-v-602398c9] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.radar.lying-down .radar-map-container[data-v-602398c9] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar.lying-down .radar-map[data-v-602398c9] {
  -webkit-transform: translateZ(-125em) rotateX(70deg);
  transform: translateZ(-125em) rotateX(70deg);
  color: transparent;
}
.radar.lying-down .radar-map .risk-elements-group[data-v-602398c9] {
  opacity: 1;
}
.radar.lying-down .radar-map .risk-elements-group .info-panel[data-v-602398c9] {
  opacity: .4;
}
.radar.lying-down .radar-map .risk-elements-group .red-flag[data-v-602398c9] {
  -webkit-transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: transform .3s linear, opacity 0.5s linear, visibility;
  transition: transform .3s linear, opacity 0.5s linear, visibility, -webkit-transform .3s linear;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 5.7s, 0s, 5.7s;
  transition-delay: 5.7s, 0s, 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
  transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 5.3999999999999995s;
  transition-delay: 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 5.1s, 0s, 5.1s;
  transition-delay: 5.1s, 0s, 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 4.8s, 0s, 4.8s;
  transition-delay: 4.8s, 0s, 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 4.5s, 0s, 4.5s;
  transition-delay: 4.5s, 0s, 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 4.2s, 0s, 4.2s;
  transition-delay: 4.2s, 0s, 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 3.9s, 0s, 3.9s;
  transition-delay: 3.9s, 0s, 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
  transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 3.5999999999999996s;
  transition-delay: 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 3.3s, 0s, 3.3s;
  transition-delay: 3.3s, 0s, 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 3s, 0s, 3s;
  transition-delay: 3s, 0s, 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
  transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 2.6999999999999997s;
  transition-delay: 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 2.4s, 0s, 2.4s;
  transition-delay: 2.4s, 0s, 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 2.1s, 0s, 2.1s;
  transition-delay: 2.1s, 0s, 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
  transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 1.7999999999999998s;
  transition-delay: 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 1.5s, 0s, 1.5s;
  transition-delay: 1.5s, 0s, 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 1.2s, 0s, 1.2s;
  transition-delay: 1.2s, 0s, 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
  transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 0.8999999999999999s;
  transition-delay: 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 0.6s, 0s, 0.6s;
  transition-delay: 0.6s, 0s, 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .red-flag[data-v-602398c9] {
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition-delay: 0.3s, 0s, 0.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .dashed-circle[data-v-602398c9] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.radar.pause-animation .inner-scanner[data-v-602398c9],
.radar.pause-animation .scanning-dashed-circle[data-v-602398c9],
.radar.pause-animation .scanning-dashed-empty-circle[data-v-602398c9] {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.radar.pause-animation .changing-number-container[data-v-602398c9] {
  display: none;
}
.radar.pause-animation .risk-points[data-v-602398c9] {
  display: none;
}
.radar.pause-animation .scanning-circle[data-v-602398c9] {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.radar[data-v-602398c9] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.radar[data-v-602398c9] {
    overflow: hidden;
}
}
@font-face {
	font-family: 'digital-7';
	src: url('../fonts/digital-7-D68qVRwS.ttf');
}
.animate-up[data-v-602398c9] {
	transition: all 0.5s ease-in-out;
	transform: translateY(-0.55rem);
}
.hs-map-district[data-v-602398c9] {
	position: absolute;
	width: 4rem;
	height: 2.8rem;
	left: 38%;
	background: rgba(0, 0, 0, 0.5);
	bottom: -0.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	/* flex-direction: column; */
	transform: translate(-50%, -50%);
}
.backBtn[data-v-602398c9] {
	width: 100%;
	position: absolute;
	bottom: 0;
	border: none;
	left: 0;
	background: rgba(45, 140, 240, 0.3);
	border-radius: 0;
}
.hs-screen-center-map-container[data-v-602398c9] {
	height: calc(100% - 0.75rem);
	width: 100%;
}
.scale[data-v-602398c9] {
	transition: all 0.6s;
	transform: scale(1.3);
}
.noscale[data-v-602398c9] {
	transition: all 0.8s;
	transform: scale(1);
}
.head-flex .active[data-v-602398c9] {
	border-bottom: 0.025rem solid #95c9dd;
	padding-bottom: 0.025rem;
}
.head-flex > span[data-v-602398c9] {
	letter-spacing: 0.0625rem;
	position: relative;
	font-size: 0.1875rem;
	font-weight: 800;
	color: #95c9dd;
	line-height: 0.2rem;
	background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0 0.15rem;
}
[data-v-602398c9] .ivu-spin-fix {
	background: #0119a0;
}
.particletext[data-v-602398c9] {
	text-align: center;
	font-size: 48px;
	position: relative;
}
[data-v-602398c9] .particletext.bubbles > .particle {
	opacity: 0;
	position: absolute;
	background-color: rgba(248, 244, 10, 0.5);
	animation: bubbles-602398c9 3s ease-in infinite;
	border-radius: 100%;
}
.masked[data-v-602398c9] {
	text-align: center;
	background-image: -webkit-linear-gradient(left, #147b96, #e6d205 25%, #147b96 50%, #e6d205 75%, #147b96);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: masked-animation-602398c9 4s infinite linear;
}
@keyframes masked-animation-602398c9 {
0% {
		background-position: 0 0;
}
100% {
		background-position: -100% 0;
}
}
@keyframes bubbles-602398c9 {
0% {
		opacity: 0;
}
20% {
		opacity: 1;
		-webkit-transform: translate(0, -20%);
		transform: translate(0, -20%);
}
100% {
		opacity: 0;
		-webkit-transform: translate(0, -1000%);
		transform: translate(0, -1000%);
}
}
@keyframes lines-602398c9 {
0%,
	50%,
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
}
25% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
}
75% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
}
}
.left[data-v-602398c9] {
	animation: bounceInRight-602398c9 2s ease-in-out;
	animation-fill-mode: both;
}
/* 向左滑动 */
@keyframes bounceInRight-602398c9 {
0% {
		opacity: 0;
		transform: translateX(-2000px);
}
60% {
		opacity: 1;
		transform: translateX(30px);
}
80% {
		transform: translateX(-10px);
}
100% {
		transform: translateX(0);
}
}
.right[data-v-602398c9] {
	animation: bounceInLeft-602398c9 2s ease-in-out;
	animation-fill-mode: both;
}
/* 向右滑动 */
@keyframes bounceInLeft-602398c9 {
0% {
		opacity: 0;
		transform: translateX(2000px);
}
60% {
		opacity: 1;
		transform: translateX(-30px);
}
80% {
		transform: translateX(10px);
}
100% {
		transform: translateX(0);
}
}
.up[data-v-602398c9] {
	animation: bounceInUp-602398c9 2s ease-in-out;
	animation-fill-mode: both;
}
/* 向上滑动 */
@keyframes bounceInUp-602398c9 {
0% {
		opacity: 0;
		transform: translateY(2000px);
}
60% {
		opacity: 1;
		transform: translateY(-30px);
}
80% {
		transform: translateY(10px);
}
100% {
		transform: translateY(0);
}
}
.top-label[data-v-602398c9] {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: auto;
	padding: 0.125rem 0;
	width: calc(100% - 8.2rem);
	position: absolute;
	left: 50%;
	margin-left: calc((-100% + 8.2rem) / 2);
}
.down[data-v-602398c9] {
	animation: bounceInDown-602398c9 2s ease-in-out;
	animation-fill-mode: both;
}
/* 向下滑动 */
@keyframes bounceInDown-602398c9 {
0% {
		opacity: 0;
		transform: translateY(-2000px);
}
60% {
		opacity: 1;
		transform: translateY(30px);
}
80% {
		transform: translateY(-10px);
}
100% {
		transform: translateY(0);
}
}
.center-left[data-v-602398c9] {
	display: block;
	float: left;
	width: 2rem;
	height: 10rem;
	border: 1px solid gray;
	display: block;
	width: 2rem;
	height: 10rem;
	border: 1px solid gray;
}
.screen-container[data-v-602398c9] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: hidden;
	background: url('../img/background-taDxBk0z.png');
	background-size: cover;
	user-select: none;
	/* background: #11325b; */
}
.sec-title[data-v-602398c9] {
	width: 100%;
	text-align: center;
	color: #56a1ff;
	background-image: -webkit-linear-gradient(bottom, #5197ff, #80f2ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-top: 0px;
	margin-left: -0.15rem;
	font-size: 0.2rem;
}
.hs-screen-head[data-v-602398c9] {
	width: 100%;
	height: 0.8rem;
	background: url('../img/head-bg-DAam7crX.png'); /* rgba(118, 185, 255, 0.13);*/
	position: relative;
	text-align: center;
	flex: none;
	background-size: 100% 100%;
	user-select: none;
	z-index: 1;
}
.head-title-box[data-v-602398c9] {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hs-screen-head .title[data-v-602398c9] {
	letter-spacing: 0.0625rem;
	position: relative;
	font-size: 0.35rem;
	font-weight: 800;
	color: #95c9dd;
	line-height: 0.5rem;
	background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hs-screen-head .time[data-v-602398c9],
.hs-screen-head p[data-v-602398c9] {
	-webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.7)));
	font-family: 'digital-7';
	color: #95c9dd;
	position: absolute;
	top: 0;
	right: 0.2rem;
	line-height: 0.5rem;
	font-size: 0.25rem;
	background: linear-gradient(180deg, #d0f4f6, #95c9dd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hs-screen-head .head-flex[data-v-602398c9] {
	float: left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 0.45rem;
}
.hs-screen-head .flex-left[data-v-602398c9] {
	background-image: url(../img/flex-left-B03Bpcmj.png);
	margin-right: 0.2rem;
}
.hs-screen-head .flex-right[data-v-602398c9] {
	background-image: url(../img/flex-right-C9hs_O8o.png);
	margin-left: 0.2rem;
}
.hs-screen-main[data-v-602398c9] {
	padding: 0.125rem 0.125rem 0;
	display: flex;
	flex: auto;
	overflow: hidden;
	z-index: 1;
	position: relative;
	height: calc(100% - 1.05rem);
}
.hs-screen-container[data-v-602398c9] {
	width: 4.075rem;
	height: calc(100% - 0.625rem);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
}
.screen-item[data-v-602398c9] {
	width: 100%;
	/* background: rgba(11, 28, 61, 0.55); */
	/* rgba(118, 185, 255, 0.13); */
	padding: 0.225rem;
	display: flex;
	flex-direction: column;
}
.hs-screen-container .screen-item[data-v-602398c9]:first-child {
	height: 32%;
}
.hs-screen-container .screen-item[data-v-602398c9]:nth-child(2) {
	height: 24%;
}
.hs-screen-container .screen-item[data-v-602398c9]:nth-child(3) {
	height: 38%;
}
.hs-screen-container-center[data-v-602398c9] {
	flex: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.screen-item .item-head[data-v-602398c9] {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 0.15rem;
	justify-content: space-between;
}
.screen-item .item-head > div > span[data-v-602398c9] {
	margin-left: 0.125rem;
}
.item-total[data-v-602398c9] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	/* width: calc(95% - 8.2rem); */
	margin: auto;
	margin-top: 0.1rem;
	/* margin-top: 1rem; */
	/* position: absolute;
  left: 50%;
  margin-left: calc((-95% + 8.2rem) / 2); */
}
.item-total .total[data-v-602398c9] {
	display: flex;
	align-items: center;
	border-radius: 2px;
	/* box-shadow: 0px 0 9px #23bff9 inset;
  padding: 0.1rem 0.2rem; */
}
.total-info > p[data-v-602398c9]:first-child {
	font-size: 0.15rem;
	font-weight: 400;
	color: rgba(61, 216, 249, 1);
}
.item-total .total > img[data-v-602398c9] {
	width: 0.3125rem;
	height: 0.3125rem;
	margin-right: 0.1625rem;
}
.total-info > p[data-v-602398c9]:last-child {
	font-size: 0.15rem;
	font-weight: 400;
	color: rgba(244, 147, 69, 1);
}
.item-head > div[data-v-602398c9] {
	display: flex;
	align-items: center;
}
.item-head > img[data-v-602398c9] {
	width: 1.8rem;
}
.total-chart[data-v-602398c9] {
	width: 100%;
	flex: 1;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.025rem;
	margin-top: 0.1rem;
}
.total-chart .type-total[data-v-602398c9] {
	height: 100%;
}
.total-box[data-v-602398c9] {
	flex: 1;
}
.monitor-list[data-v-602398c9] {
	display: grid;
	grid-template-columns: repeat(2, 50%);
	grid-template-rows: repeat(2, 50%);
	flex: 1;
	margin-top: 0.1rem;
}
.monitor-list > img[data-v-602398c9] {
	width: 100%;
}
.monitor-title[data-v-602398c9] {
	font-size: 0.15rem;
	font-weight: 400;
	text-align: center;
	color: rgba(0, 150, 255, 1);
}
.alarm-list[data-v-602398c9] {
	margin-top: 0.1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.alarm-item[data-v-602398c9] {
	width: 30%;
	height: 0.65rem;
	border-radius: 0.0375rem;
	background: rgba(118, 185, 255, 0.13);
	border: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 5%;
	margin-right: 3.33%;
}
.alarm-item > p[data-v-602398c9]:first-child {
	color: #fff;
	font-size: 0.2rem;
}
.alarm-item > p[data-v-602398c9]:last-child {
	color: #0590df;
	font-size: 0.15rem;
}
.at-alarm-list[data-v-602398c9] {
	margin-top: 0.2rem;
	overflow: hidden;
}
.at-alarm-item[data-v-602398c9] {
	width: 100%;
	border-top: 1px dashed #eee;
	border-bottom: 1px dashed #eee;
	padding: 0.0625rem;
	font-size: 0.1375rem;
	color: #0bb4f3;
	height: 0.55rem;
}
.at-alarm-item p[data-v-602398c9] {
	display: flex;
	justify-content: space-between;
}
.at-alarm-item p span[data-v-602398c9]:first-child {
	text-align: left;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.at-alarm-item p span:first-child > div[data-v-602398c9] {
	background: #ff7428;
	width: 0.0875rem;
	height: 0.075rem;
	border-radius: 50%;
	margin-right: 0.125rem;
}
.at-alarm-item p span[data-v-602398c9] {
	width: 100%;
	text-align: right;
}
.hs-screen-center-top[data-v-602398c9] {
	width: 98%;
	margin: 1px auto 0;
	/* background: url(../../../assets/img/mw-disposal/center-item.png); */
	background-size: 100% 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
}
.hs-screen-center-bottom[data-v-602398c9] {
	display: flex;
	width: 30%;
	margin: auto;
	justify-content: space-between;
	position: absolute;
	left: 50%;
	bottom: 0.375rem;
	margin-left: -15%;
}
.org-label1[data-v-602398c9] {
	display: flex;
	align-content: center;
	justify-content: space-between;
	width: 2rem;
	position: relative;
	height: 0.8rem;
	/* border-radius: 0.0375rem;
  border: 1px solid rgba(255, 255, 255, 0.5); */
}
.org-label1 > img[data-v-602398c9] {
	width: 0.5rem;
	height: 0.5rem;
	object-fit: fill;
	margin: 0.15rem;
}
.org-label1 > div[data-v-602398c9] {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.org-label1 > div > span[data-v-602398c9] {
	font-size: 0.2rem;
	color: #38e1fe;
}
.org-label1 > div > span[data-v-602398c9]:last-child {
	font-size: 0.25rem;
	font-weight: 550;
	color: #ffffff;
}
.org-label[data-v-602398c9] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.5875rem;
	height: 0.5875rem;
	background: rgba(11, 28, 61, 0.55);
	border: 1px solid rgba(17, 27, 36, 0.26);
	box-shadow: 0px 2px 4px 0px rgba(58, 158, 254, 0.4);
	border-radius: 0.0375rem;
}
.org-label > img[data-v-602398c9] {
	width: 0.25rem;
	height: 0.25rem;
}
[data-v-602398c9] .amap-icon img {
	width: 0.25rem;
	height: 0.25rem;
}
.org-label > span[data-v-602398c9] {
	font-size: 0.175rem;
	font-weight: 400;
	color: #fff;
	margin-left: 0.125rem;
	display: none;
}
[data-v-602398c9] .amap-marker-label {
	border: 0;
	background-color: transparent;
}
[data-v-602398c9] .info {
	color: #ffffff;
	height: 1.5rem;
	width: 2.875rem;
	border-radius: 3px;
	margin-left: 0.125rem;
	border: 1.5px solid #a8f8f2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
[data-v-602398c9] .info-title {
	font-size: 0.175rem;
}
[data-v-602398c9] .info-content {
	display: flex;
	margin-top: 0.125rem;
	padding: 0 0.1rem;
}
[data-v-602398c9] .content-left {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 50%;
	margin-right: 0.0625rem;
}
[data-v-602398c9] .content-left > img {
	width: 100%;
	height: 60%;
}
[data-v-602398c9] .content-left > span {
	word-break: break-all;
	word-wrap: break-word;
	display: block;
	white-space: normal;
}
[data-v-602398c9] .content-right > p {
	margin-bottom: 0.075rem;
}
.video[data-v-602398c9] {
	width: 100%;
	height: 100%;
	/* margin: 0 5px; */
	display: inline-block;
	overflow: hidden;
	object-fit: fill;
}
video[data-v-602398c9] {
	width: 100%;
	height: 100%;
	object-fit: fill;
}
.MapChart[data-v-602398c9] {
	width: 100%;
	height: 100%;
}
.addNum[data-v-602398c9] {
	color: red;
	position: absolute;
	top: 0px;
	right: 0px;
	animation: fadeinout-602398c9 2s linear forwards;
}
@keyframes fadeinout-602398c9 {
0%,
	100% {
		opacity: 0;
}
50% {
		opacity: 1;
}
}
@-webkit-keyframes flashing-7e9e5219 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@keyframes flashing-7e9e5219 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@-webkit-keyframes pulsation-7e9e5219 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@keyframes pulsation-7e9e5219 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@-webkit-keyframes rotation-7e9e5219 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@keyframes rotation-7e9e5219 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@-webkit-keyframes scale-7e9e5219 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@keyframes scale-7e9e5219 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@-webkit-keyframes polish-7e9e5219 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
@keyframes polish-7e9e5219 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
.radar[data-v-7e9e5219] {
  height: 80%;
  width: 80%;
  position: absolute;
  -webkit-perspective: 62.5em;
  perspective: 62.5em;
  z-index: 9;
}
.radar .radar-map-container[data-v-7e9e5219],
.radar .risk-points[data-v-7e9e5219],
.radar .scanning-circle canvas[data-v-7e9e5219] {
  left: 0;
  top: 0;
  position: absolute;
}
.radar .radar-map-container[data-v-7e9e5219],
.radar .radar-map[data-v-7e9e5219],
.radar .scanning-circle[data-v-7e9e5219],
.radar .risk-elements-group[data-v-7e9e5219] {
  -webkit-transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
}
.radar .radar-map-container[data-v-7e9e5219],
.radar .radar-map[data-v-7e9e5219],
.radar .scanning-circle[data-v-7e9e5219] {
  will-change: transform;
}
.radar .radar-map-container[data-v-7e9e5219] {
  width: 400%;
  height: 400%;
  left: -150%;
  top: -150%;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map[data-v-7e9e5219] {
  color: rgba(19, 182, 206, 0.4);
  background: url('http://i64.tinypic.com/5l17ut.jpg') center / contain no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map.roaming[data-v-7e9e5219] {
  -webkit-transition-duration: 5s !important;
  transition-duration: 5s !important;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.radar .radar-map .risk-elements-group[data-v-7e9e5219] {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-7e9e5219],
.radar .radar-map .risk-elements-group .info-panel[data-v-7e9e5219],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-7e9e5219] {
  position: absolute;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-7e9e5219],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-7e9e5219] {
  visibility: hidden;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-7e9e5219],
.radar .radar-map .risk-elements-group .info-panel[data-v-7e9e5219] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
}
.radar .radar-map .risk-elements-group .red-flag[data-v-7e9e5219] {
  width: 0.5em;
  height: 10em;
  background-color: white;
  -webkit-transform: rotateX(-70deg) rotateZ(-90deg);
  transform: rotateX(-70deg) rotateZ(-90deg);
}
.radar .radar-map .risk-elements-group .red-flag.stand-up[data-v-7e9e5219] {
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  visibility: visible;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-7e9e5219]:before {
  content: attr(data-city);
  font-weight: bold;
  color: white;
  position: absolute;
  background-color: red;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 4.782608695652174em;
  height: 3.4782608695652173em;
  line-height: 3.4782608695652173em;
  font-size: 1.4375em;
  font-family: 微软雅黑;
  letter-spacing: 0.43478260869565216em;
  padding-left: 0.5217391304347826em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0.43478260869565216em;
  white-space: nowrap;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-7e9e5219]:after {
  content: '';
  position: absolute;
  width: 2.1875em;
  height: 0.625em;
  border-radius: 50%;
  background-color: inherit;
  top: calc(100% - 0.625em);
  left: calc(50% - 1.09375em);
}
.radar .radar-map .risk-elements-group .info-panel[data-v-7e9e5219] {
  -webkit-transform: rotateX(-70deg) translateY(-30%);
  transform: rotateX(-70deg) translateY(-30%);
  -webkit-filter: opacity(0);
  -moz-filter: opacity(0);
  filter: opacity(0);
  border: 0.0625em solid #DCDA6B;
  border-radius: 0.25em;
  background-color: rgba(245, 228, 158, 0.31);
  display: table;
  font-weight: bold;
  font-size: 2.5em;
  text-shadow: 0.025em 0.025em 0.05em black;
  padding: 0.2em 0.3em;
  font-family: 黑体;
  overflow: hidden;
}
.radar .radar-map .risk-elements-group .info-panel.showup[data-v-7e9e5219] {
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1);
  transition: -webkit-filter 1s linear 0.5s, -moz-filter 1s linear 0.5s, filter 1s linear 0.5s, opacity 0.5s linear;
}
.radar .radar-map .risk-elements-group .info-panel.polish[data-v-7e9e5219]:after {
  -webkit-animation: polish-7e9e5219 5s linear 1 1s;
  animation: polish-7e9e5219 5s linear 1 1s;
}
.radar .radar-map .risk-elements-group .info-panel .info-title[data-v-7e9e5219] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(208, 209, 120, 0.6)), to(rgba(223, 226, 183, 0.05)));
  background-image: linear-gradient(to right, rgba(208, 209, 120, 0.6), rgba(223, 226, 183, 0.05));
  color: #FFE401;
  padding: 0 0.275em;
  border-radius: inherit;
}
.radar .radar-map .risk-elements-group .info-panel .info-content[data-v-7e9e5219] {
  color: white;
  margin: 0.25em;
  line-height: 1.3em;
}
.radar .radar-map .risk-elements-group .info-panel[data-v-7e9e5219]:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  -webkit-transform: skewX(35deg) translateX(-160%);
  transform: skewX(35deg) translateX(-160%);
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-7e9e5219] {
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  background: center / contain no-repeat;
  -webkit-animation: rotation-7e9e5219 5s linear infinite;
  animation: rotation-7e9e5219 5s linear infinite;
  -webkit-transition-property: visibility;
  transition-property: visibility;
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-7e9e5219]:after {
  content: '';
  border-radius: inherit;
  margin: auto;
  width: 15%;
  height: 15%;
  background-color: #E03636;
  -webkit-box-shadow: 0 0 0.9375em black;
  box-shadow: 0 0 0.9375em black;
  -webkit-animation: scale-7e9e5219 1s linear infinite alternate;
  animation: scale-7e9e5219 1s linear infinite alternate;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.radar .changing-number-container[data-v-7e9e5219] {
  position: absolute;
  right: 14%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .changing-number-container[data-v-7e9e5219] {
  display: table;
  color: #10ABE0;
}
.radar .changing-number-container[data-v-7e9e5219]:before,
.radar .changing-number-container[data-v-7e9e5219]:after {
  display: inline-block;
}
.radar .changing-number-container[data-v-7e9e5219]:before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(55%, currentColor), color-stop(55%, transparent)) center / 100% 1em;
  background: linear-gradient(to bottom, transparent 45%, currentColor 55%, transparent 55%) center / 100% 1em;
  width: 1em;
  height: 100%;
  margin-right: 0.625em;
}
.radar .changing-number-container[data-v-7e9e5219]:after {
  font-size: 0.75em;
  content: attr(data-number);
  width: 1.3333333333333333em;
  line-height: 1.3333333333333333em;
  word-break: break-all;
  letter-spacing: 1.3333333333333333em;
  vertical-align: top;
  font-weight: bold;
}
.radar .risk-points[data-v-7e9e5219] {
  z-index: 15;
}
.radar .risk-points .risk-point-group .risk-point[data-v-7e9e5219] {
  position: absolute;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  -webkit-filter: blur(2px);
}
.radar .risk-points .risk-point-group .risk-point[data-v-7e9e5219]:after {
  content: '';
  display: block;
  height: 100%;
  border-radius: 50%;
  will-change: transform;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radar .risk-points .risk-point-group .risk-point.type1[data-v-7e9e5219]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.type2[data-v-7e9e5219]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.critical[data-v-7e9e5219] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar .risk-points .risk-point-group .risk-point.ordinary[data-v-7e9e5219] {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-7e9e5219] {
  color: red;
  -webkit-filter: none;
  width: 5em;
  height: 5em;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-7e9e5219] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.1875em solid currentColor;
  -webkit-animation: pulsation-7e9e5219 3s linear 1;
  animation: pulsation-7e9e5219 3s linear 1;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-7e9e5219]:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-7e9e5219]:nth-child(3) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-7e9e5219]:after {
  content: '';
  position: absolute;
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: currentColor;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .risk-points .risk-point-group.flashing .risk-point[data-v-7e9e5219]:after {
  -webkit-animation: flashing-7e9e5219 2s linear 1;
  animation: flashing-7e9e5219 2s linear 1;
}
.radar .scanning-circle[data-v-7e9e5219] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner[data-v-7e9e5219] {
  width: 40em;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -webkit-transform: rotate(125deg);
  transform: rotate(125deg);
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-7e9e5219],
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-7e9e5219] {
  width: 100%;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-7e9e5219] {
  display: none;
  position: absolute;
  -webkit-clip-path: inset(0 0 0 50%);
  -webkit-filter: blur(30px);
  -webkit-animation: rotation-7e9e5219 30s linear infinite;
  animation: rotation-7e9e5219 30s linear infinite;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-7e9e5219]:after {
  content: '';
  -webkit-clip-path: inset(0 50% 0 0);
  display: block;
  height: 100%;
  background-color: rgba(19, 182, 206, 0.3);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  border-radius: 50%;
}
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-7e9e5219] {
  -webkit-clip-path: circle(20em at 50% 48%);
  -moz-clip-path: circle(20em at 50% 48%);
  clip-path: circle(20em at 50% 48%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid white;
  border-top-width: 5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  will-change: transform;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container[data-v-7e9e5219] {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-7e9e5219],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .color-sector[data-v-7e9e5219] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-7e9e5219] {
  -webkit-clip-path: inset(0 0 50% 50%);
  -moz-clip-path: inset(0 0 50% 50%);
  clip-path: inset(0 0 50% 50%);
  overflow: hidden;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  filter: blur(30px);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219] {
  -webkit-clip-path: inset(0 50% 0 0);
  -moz-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  background-color: rgba(19, 182, 206, 0.2);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(1) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(2) {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(3) {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(4) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(5) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(6) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(7) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(8) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(9) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-7e9e5219]:nth-child(10) {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration[data-v-7e9e5219] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-7e9e5219],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-7e9e5219] {
  -webkit-filter: blur(2px);
  margin-left: auto;
  margin-right: auto;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-7e9e5219] {
  width: 0.0625em;
  height: 50%;
  background-color: rgba(65, 191, 226, 0.5);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-7e9e5219] {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-7e9e5219]:nth-child(2) {
  width: 0.9375em;
  height: 0.1875em;
  top: 3%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-7e9e5219]:nth-child(3) {
  width: 1.375em;
  height: 0.25em;
  top: 17%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-7e9e5219]:nth-child(4) {
  width: 1em;
  height: 0.125em;
  top: 33%;
  opacity: 0.3;
}
.radar .scanning-circle .scanning-dashed-circle[data-v-7e9e5219] {
  -webkit-animation: rotation-7e9e5219 2.67s linear infinite;
  animation: rotation-7e9e5219 2.67s linear infinite;
}
.radar .scanning-circle .scanning-dashed-empty-circle[data-v-7e9e5219] {
  -webkit-animation: rotation-7e9e5219 1.67s linear infinite;
  animation: rotation-7e9e5219 1.67s linear infinite;
}
.radar.lying-down .radar-map-container[data-v-7e9e5219],
.radar.lying-down .radar-map[data-v-7e9e5219],
.radar.lying-down .scanning-circle[data-v-7e9e5219],
.radar.lying-down .risk-elements-group[data-v-7e9e5219] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.radar.lying-down .radar-map-container[data-v-7e9e5219] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar.lying-down .radar-map[data-v-7e9e5219] {
  -webkit-transform: translateZ(-125em) rotateX(70deg);
  transform: translateZ(-125em) rotateX(70deg);
  color: transparent;
}
.radar.lying-down .radar-map .risk-elements-group[data-v-7e9e5219] {
  opacity: 1;
}
.radar.lying-down .radar-map .risk-elements-group .info-panel[data-v-7e9e5219] {
  opacity: .4;
}
.radar.lying-down .radar-map .risk-elements-group .red-flag[data-v-7e9e5219] {
  -webkit-transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: transform .3s linear, opacity 0.5s linear, visibility;
  transition: transform .3s linear, opacity 0.5s linear, visibility, -webkit-transform .3s linear;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 5.7s, 0s, 5.7s;
  transition-delay: 5.7s, 0s, 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
  transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 5.3999999999999995s;
  transition-delay: 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 5.1s, 0s, 5.1s;
  transition-delay: 5.1s, 0s, 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 4.8s, 0s, 4.8s;
  transition-delay: 4.8s, 0s, 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 4.5s, 0s, 4.5s;
  transition-delay: 4.5s, 0s, 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 4.2s, 0s, 4.2s;
  transition-delay: 4.2s, 0s, 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 3.9s, 0s, 3.9s;
  transition-delay: 3.9s, 0s, 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
  transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 3.5999999999999996s;
  transition-delay: 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 3.3s, 0s, 3.3s;
  transition-delay: 3.3s, 0s, 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 3s, 0s, 3s;
  transition-delay: 3s, 0s, 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
  transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 2.6999999999999997s;
  transition-delay: 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 2.4s, 0s, 2.4s;
  transition-delay: 2.4s, 0s, 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 2.1s, 0s, 2.1s;
  transition-delay: 2.1s, 0s, 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
  transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 1.7999999999999998s;
  transition-delay: 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 1.5s, 0s, 1.5s;
  transition-delay: 1.5s, 0s, 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 1.2s, 0s, 1.2s;
  transition-delay: 1.2s, 0s, 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
  transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 0.8999999999999999s;
  transition-delay: 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 0.6s, 0s, 0.6s;
  transition-delay: 0.6s, 0s, 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .red-flag[data-v-7e9e5219] {
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition-delay: 0.3s, 0s, 0.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .dashed-circle[data-v-7e9e5219] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.radar.pause-animation .inner-scanner[data-v-7e9e5219],
.radar.pause-animation .scanning-dashed-circle[data-v-7e9e5219],
.radar.pause-animation .scanning-dashed-empty-circle[data-v-7e9e5219] {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.radar.pause-animation .changing-number-container[data-v-7e9e5219] {
  display: none;
}
.radar.pause-animation .risk-points[data-v-7e9e5219] {
  display: none;
}
.radar.pause-animation .scanning-circle[data-v-7e9e5219] {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.radar[data-v-7e9e5219] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.radar[data-v-7e9e5219] {
    overflow: hidden;
}
}
@font-face {
	font-family: 'digital-7';
	src: url('../fonts/digital-7-D68qVRwS.ttf');
}
.screen-container[data-v-7e9e5219] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: hidden;
	background: url('../img/background-taDxBk0z.png');
	background-size: cover;
	user-select: none;
}
.hs-screen-head[data-v-7e9e5219] {
	width: 100%;
	height: 0.8rem;
	background: url('../img/head-bg-DAam7crX.png'); /* rgba(118, 185, 255, 0.13);*/
	position: relative;
	text-align: center;
	flex: none;
	background-size: 100% 100%;
	user-select: none;
	z-index: 1;
}
.sec-title[data-v-7e9e5219] {
	width: 100%;
	text-align: center;
	color: #56a1ff;
	background-image: -webkit-linear-gradient(bottom, #5197ff, #80f2ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-top: 0px;
	margin-left: -0.15rem;
	font-size: 0.2rem;
}
.head-title-box[data-v-7e9e5219] {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hs-screen-head .title[data-v-7e9e5219] {
	letter-spacing: 0.0625rem;
	position: relative;
	font-size: 0.35rem;
	font-weight: 800;
	color: #95c9dd;
	line-height: 0.5rem;
	background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hs-screen-head .time[data-v-7e9e5219],
.hs-screen-head p[data-v-7e9e5219] {
	-webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.7)));
	font-family: 'digital-7';
	color: #95c9dd;
	position: absolute;
	top: 0;
	right: 0.2rem;
	line-height: 0.5rem;
	font-size: 0.25rem;
	background: linear-gradient(180deg, #d0f4f6, #95c9dd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hs-screen-head .head-flex[data-v-7e9e5219] {
	float: left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 0.45rem;
}
.head-flex .active[data-v-7e9e5219] {
	border-bottom: 0.025rem solid #95c9dd;
	padding-bottom: 0.025rem;
}
.head-flex > span[data-v-7e9e5219] {
	letter-spacing: 0.0625rem;
	position: relative;
	font-size: 0.1875rem;
	font-weight: 800;
	color: #95c9dd;
	line-height: 0.2rem;
	background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0 0.15rem;
}
/**------------头部分割线------------**/
.hs-screen-main[data-v-7e9e5219] {
	padding: 0.125rem 0.125rem 0;
	display: flex;
	flex: auto;
	overflow: hidden;
	z-index: 1;
	position: relative;
	flex-direction: column;
	height: calc(100% - 1.05rem);
}
.day-change[data-v-7e9e5219] {
	height: 0.25rem;
}
.day-change > span[data-v-7e9e5219] {
	color: #ffffff;
	margin-right: 0.125rem;
	border-bottom: 1px solid #fff;
	padding-bottom: 0.0375rem;
}
.day-change .active[data-v-7e9e5219] {
	border-bottom: 1px solid #157de5;
	color: #157de5;
}
.total-main[data-v-7e9e5219] {
	flex: 1;
	display: flex;
	justify-content: space-between;
}
.total-list[data-v-7e9e5219] {
	width: 23%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.total-item[data-v-7e9e5219] {
	width: 100%;
	padding: 0.225rem;
	border: 2px solid #157de5;
	border-radius: 0.125rem;
	height: 30%;
}
.big-total[data-v-7e9e5219] {
	width: 28%;
}
.big-total .total-item[data-v-7e9e5219]:first-child {
	height: 63.5%;
}
.total-chart[data-v-7e9e5219] {
	height: 100%;
}
.total-table[data-v-7e9e5219] {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.table-item[data-v-7e9e5219] {
	display: flex;
	align-items: center;
	color: #fff;
	flex: 1;
}
.table-item:first-child > span[data-v-7e9e5219]:last-child {
	font-size: 0.25rem;
	color: #009e00;
}
.table-item > span[data-v-7e9e5219] {
	flex: 1;
	height: 100%;
	border: 1px solid #157de5;
	display: flex;
	align-items: center;
	font-size: 0.175rem;
	padding-left: 0.125rem;
}

@-webkit-keyframes flashing-1a242e39 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@keyframes flashing-1a242e39 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@-webkit-keyframes pulsation-1a242e39 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@keyframes pulsation-1a242e39 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@-webkit-keyframes rotation-1a242e39 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@keyframes rotation-1a242e39 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@-webkit-keyframes scale-1a242e39 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@keyframes scale-1a242e39 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@-webkit-keyframes polish-1a242e39 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
@keyframes polish-1a242e39 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
.radar[data-v-1a242e39] {
  height: 80%;
  width: 80%;
  position: absolute;
  -webkit-perspective: 62.5em;
  perspective: 62.5em;
  z-index: 9;
}
.radar .radar-map-container[data-v-1a242e39],
.radar .risk-points[data-v-1a242e39],
.radar .scanning-circle canvas[data-v-1a242e39] {
  left: 0;
  top: 0;
  position: absolute;
}
.radar .radar-map-container[data-v-1a242e39],
.radar .radar-map[data-v-1a242e39],
.radar .scanning-circle[data-v-1a242e39],
.radar .risk-elements-group[data-v-1a242e39] {
  -webkit-transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
}
.radar .radar-map-container[data-v-1a242e39],
.radar .radar-map[data-v-1a242e39],
.radar .scanning-circle[data-v-1a242e39] {
  will-change: transform;
}
.radar .radar-map-container[data-v-1a242e39] {
  width: 400%;
  height: 400%;
  left: -150%;
  top: -150%;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map[data-v-1a242e39] {
  color: rgba(19, 182, 206, 0.4);
  background: url('http://i64.tinypic.com/5l17ut.jpg') center / contain no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map.roaming[data-v-1a242e39] {
  -webkit-transition-duration: 5s !important;
  transition-duration: 5s !important;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.radar .radar-map .risk-elements-group[data-v-1a242e39] {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-1a242e39],
.radar .radar-map .risk-elements-group .info-panel[data-v-1a242e39],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-1a242e39] {
  position: absolute;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-1a242e39],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-1a242e39] {
  visibility: hidden;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-1a242e39],
.radar .radar-map .risk-elements-group .info-panel[data-v-1a242e39] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
}
.radar .radar-map .risk-elements-group .red-flag[data-v-1a242e39] {
  width: 0.5em;
  height: 10em;
  background-color: white;
  -webkit-transform: rotateX(-70deg) rotateZ(-90deg);
  transform: rotateX(-70deg) rotateZ(-90deg);
}
.radar .radar-map .risk-elements-group .red-flag.stand-up[data-v-1a242e39] {
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  visibility: visible;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-1a242e39]:before {
  content: attr(data-city);
  font-weight: bold;
  color: white;
  position: absolute;
  background-color: red;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 4.782608695652174em;
  height: 3.4782608695652173em;
  line-height: 3.4782608695652173em;
  font-size: 1.4375em;
  font-family: 微软雅黑;
  letter-spacing: 0.43478260869565216em;
  padding-left: 0.5217391304347826em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0.43478260869565216em;
  white-space: nowrap;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-1a242e39]:after {
  content: '';
  position: absolute;
  width: 2.1875em;
  height: 0.625em;
  border-radius: 50%;
  background-color: inherit;
  top: calc(100% - 0.625em);
  left: calc(50% - 1.09375em);
}
.radar .radar-map .risk-elements-group .info-panel[data-v-1a242e39] {
  -webkit-transform: rotateX(-70deg) translateY(-30%);
  transform: rotateX(-70deg) translateY(-30%);
  -webkit-filter: opacity(0);
  -moz-filter: opacity(0);
  filter: opacity(0);
  border: 0.0625em solid #DCDA6B;
  border-radius: 0.25em;
  background-color: rgba(245, 228, 158, 0.31);
  display: table;
  font-weight: bold;
  font-size: 2.5em;
  text-shadow: 0.025em 0.025em 0.05em black;
  padding: 0.2em 0.3em;
  font-family: 黑体;
  overflow: hidden;
}
.radar .radar-map .risk-elements-group .info-panel.showup[data-v-1a242e39] {
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1);
  transition: -webkit-filter 1s linear 0.5s, -moz-filter 1s linear 0.5s, filter 1s linear 0.5s, opacity 0.5s linear;
}
.radar .radar-map .risk-elements-group .info-panel.polish[data-v-1a242e39]:after {
  -webkit-animation: polish-1a242e39 5s linear 1 1s;
  animation: polish-1a242e39 5s linear 1 1s;
}
.radar .radar-map .risk-elements-group .info-panel .info-title[data-v-1a242e39] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(208, 209, 120, 0.6)), to(rgba(223, 226, 183, 0.05)));
  background-image: linear-gradient(to right, rgba(208, 209, 120, 0.6), rgba(223, 226, 183, 0.05));
  color: #FFE401;
  padding: 0 0.275em;
  border-radius: inherit;
}
.radar .radar-map .risk-elements-group .info-panel .info-content[data-v-1a242e39] {
  color: white;
  margin: 0.25em;
  line-height: 1.3em;
}
.radar .radar-map .risk-elements-group .info-panel[data-v-1a242e39]:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  -webkit-transform: skewX(35deg) translateX(-160%);
  transform: skewX(35deg) translateX(-160%);
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-1a242e39] {
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  background: center / contain no-repeat;
  -webkit-animation: rotation-1a242e39 5s linear infinite;
  animation: rotation-1a242e39 5s linear infinite;
  -webkit-transition-property: visibility;
  transition-property: visibility;
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-1a242e39]:after {
  content: '';
  border-radius: inherit;
  margin: auto;
  width: 15%;
  height: 15%;
  background-color: #E03636;
  -webkit-box-shadow: 0 0 0.9375em black;
  box-shadow: 0 0 0.9375em black;
  -webkit-animation: scale-1a242e39 1s linear infinite alternate;
  animation: scale-1a242e39 1s linear infinite alternate;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.radar .changing-number-container[data-v-1a242e39] {
  position: absolute;
  right: 14%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .changing-number-container[data-v-1a242e39] {
  display: table;
  color: #10ABE0;
}
.radar .changing-number-container[data-v-1a242e39]:before,
.radar .changing-number-container[data-v-1a242e39]:after {
  display: inline-block;
}
.radar .changing-number-container[data-v-1a242e39]:before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(55%, currentColor), color-stop(55%, transparent)) center / 100% 1em;
  background: linear-gradient(to bottom, transparent 45%, currentColor 55%, transparent 55%) center / 100% 1em;
  width: 1em;
  height: 100%;
  margin-right: 0.625em;
}
.radar .changing-number-container[data-v-1a242e39]:after {
  font-size: 0.75em;
  content: attr(data-number);
  width: 1.3333333333333333em;
  line-height: 1.3333333333333333em;
  word-break: break-all;
  letter-spacing: 1.3333333333333333em;
  vertical-align: top;
  font-weight: bold;
}
.radar .risk-points[data-v-1a242e39] {
  z-index: 15;
}
.radar .risk-points .risk-point-group .risk-point[data-v-1a242e39] {
  position: absolute;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  -webkit-filter: blur(2px);
}
.radar .risk-points .risk-point-group .risk-point[data-v-1a242e39]:after {
  content: '';
  display: block;
  height: 100%;
  border-radius: 50%;
  will-change: transform;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radar .risk-points .risk-point-group .risk-point.type1[data-v-1a242e39]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.type2[data-v-1a242e39]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.critical[data-v-1a242e39] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar .risk-points .risk-point-group .risk-point.ordinary[data-v-1a242e39] {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-1a242e39] {
  color: red;
  -webkit-filter: none;
  width: 5em;
  height: 5em;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-1a242e39] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.1875em solid currentColor;
  -webkit-animation: pulsation-1a242e39 3s linear 1;
  animation: pulsation-1a242e39 3s linear 1;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-1a242e39]:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-1a242e39]:nth-child(3) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-1a242e39]:after {
  content: '';
  position: absolute;
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: currentColor;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .risk-points .risk-point-group.flashing .risk-point[data-v-1a242e39]:after {
  -webkit-animation: flashing-1a242e39 2s linear 1;
  animation: flashing-1a242e39 2s linear 1;
}
.radar .scanning-circle[data-v-1a242e39] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner[data-v-1a242e39] {
  width: 40em;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -webkit-transform: rotate(125deg);
  transform: rotate(125deg);
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-1a242e39],
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-1a242e39] {
  width: 100%;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-1a242e39] {
  display: none;
  position: absolute;
  -webkit-clip-path: inset(0 0 0 50%);
  -webkit-filter: blur(30px);
  -webkit-animation: rotation-1a242e39 30s linear infinite;
  animation: rotation-1a242e39 30s linear infinite;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-1a242e39]:after {
  content: '';
  -webkit-clip-path: inset(0 50% 0 0);
  display: block;
  height: 100%;
  background-color: rgba(19, 182, 206, 0.3);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  border-radius: 50%;
}
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-1a242e39] {
  -webkit-clip-path: circle(20em at 50% 48%);
  -moz-clip-path: circle(20em at 50% 48%);
  clip-path: circle(20em at 50% 48%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid white;
  border-top-width: 5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  will-change: transform;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container[data-v-1a242e39] {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-1a242e39],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .color-sector[data-v-1a242e39] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-1a242e39] {
  -webkit-clip-path: inset(0 0 50% 50%);
  -moz-clip-path: inset(0 0 50% 50%);
  clip-path: inset(0 0 50% 50%);
  overflow: hidden;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  filter: blur(30px);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39] {
  -webkit-clip-path: inset(0 50% 0 0);
  -moz-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  background-color: rgba(19, 182, 206, 0.2);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(1) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(2) {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(3) {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(4) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(5) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(6) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(7) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(8) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(9) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-1a242e39]:nth-child(10) {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration[data-v-1a242e39] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-1a242e39],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-1a242e39] {
  -webkit-filter: blur(2px);
  margin-left: auto;
  margin-right: auto;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-1a242e39] {
  width: 0.0625em;
  height: 50%;
  background-color: rgba(65, 191, 226, 0.5);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-1a242e39] {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-1a242e39]:nth-child(2) {
  width: 0.9375em;
  height: 0.1875em;
  top: 3%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-1a242e39]:nth-child(3) {
  width: 1.375em;
  height: 0.25em;
  top: 17%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-1a242e39]:nth-child(4) {
  width: 1em;
  height: 0.125em;
  top: 33%;
  opacity: 0.3;
}
.radar .scanning-circle .scanning-dashed-circle[data-v-1a242e39] {
  -webkit-animation: rotation-1a242e39 2.67s linear infinite;
  animation: rotation-1a242e39 2.67s linear infinite;
}
.radar .scanning-circle .scanning-dashed-empty-circle[data-v-1a242e39] {
  -webkit-animation: rotation-1a242e39 1.67s linear infinite;
  animation: rotation-1a242e39 1.67s linear infinite;
}
.radar.lying-down .radar-map-container[data-v-1a242e39],
.radar.lying-down .radar-map[data-v-1a242e39],
.radar.lying-down .scanning-circle[data-v-1a242e39],
.radar.lying-down .risk-elements-group[data-v-1a242e39] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.radar.lying-down .radar-map-container[data-v-1a242e39] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar.lying-down .radar-map[data-v-1a242e39] {
  -webkit-transform: translateZ(-125em) rotateX(70deg);
  transform: translateZ(-125em) rotateX(70deg);
  color: transparent;
}
.radar.lying-down .radar-map .risk-elements-group[data-v-1a242e39] {
  opacity: 1;
}
.radar.lying-down .radar-map .risk-elements-group .info-panel[data-v-1a242e39] {
  opacity: .4;
}
.radar.lying-down .radar-map .risk-elements-group .red-flag[data-v-1a242e39] {
  -webkit-transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: transform .3s linear, opacity 0.5s linear, visibility;
  transition: transform .3s linear, opacity 0.5s linear, visibility, -webkit-transform .3s linear;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 5.7s, 0s, 5.7s;
  transition-delay: 5.7s, 0s, 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
  transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 5.3999999999999995s;
  transition-delay: 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 5.1s, 0s, 5.1s;
  transition-delay: 5.1s, 0s, 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 4.8s, 0s, 4.8s;
  transition-delay: 4.8s, 0s, 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 4.5s, 0s, 4.5s;
  transition-delay: 4.5s, 0s, 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 4.2s, 0s, 4.2s;
  transition-delay: 4.2s, 0s, 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 3.9s, 0s, 3.9s;
  transition-delay: 3.9s, 0s, 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
  transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 3.5999999999999996s;
  transition-delay: 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 3.3s, 0s, 3.3s;
  transition-delay: 3.3s, 0s, 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 3s, 0s, 3s;
  transition-delay: 3s, 0s, 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
  transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 2.6999999999999997s;
  transition-delay: 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 2.4s, 0s, 2.4s;
  transition-delay: 2.4s, 0s, 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 2.1s, 0s, 2.1s;
  transition-delay: 2.1s, 0s, 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
  transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 1.7999999999999998s;
  transition-delay: 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 1.5s, 0s, 1.5s;
  transition-delay: 1.5s, 0s, 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 1.2s, 0s, 1.2s;
  transition-delay: 1.2s, 0s, 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
  transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 0.8999999999999999s;
  transition-delay: 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 0.6s, 0s, 0.6s;
  transition-delay: 0.6s, 0s, 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .red-flag[data-v-1a242e39] {
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition-delay: 0.3s, 0s, 0.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .dashed-circle[data-v-1a242e39] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.radar.pause-animation .inner-scanner[data-v-1a242e39],
.radar.pause-animation .scanning-dashed-circle[data-v-1a242e39],
.radar.pause-animation .scanning-dashed-empty-circle[data-v-1a242e39] {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.radar.pause-animation .changing-number-container[data-v-1a242e39] {
  display: none;
}
.radar.pause-animation .risk-points[data-v-1a242e39] {
  display: none;
}
.radar.pause-animation .scanning-circle[data-v-1a242e39] {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.radar[data-v-1a242e39] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.radar[data-v-1a242e39] {
    overflow: hidden;
}
}
.hs-screen-right-message[data-v-1a242e39] {
  width: 100%;
  height: 33%;
  display: flex;
  flex-direction: column;
}
.hs-screen-right-message ul[data-v-1a242e39],
.hs-screen-right-message .list[data-v-1a242e39] {
  width: 100%;
  padding: 0 0.2rem;
  margin: 0.2rem 0;
  overflow: hidden;
  flex: 1;
}
.hs-screen-right-message li[data-v-1a242e39] {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.22rem;
  padding-bottom: 0.0625rem;
  text-align: left;
  color: #30d7e0;
  display: flex;
  list-style: none;
}
.hs-screen-right-message li p[data-v-1a242e39] {
  overflow: hidden; /*超出部分隐藏*/
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  white-space: nowrap; /*规定段落中的文本不进行换行 */
}
.hs-screen-right-message li i[data-v-1a242e39] {
  padding-right: 0.125rem;
}
.hs-screen-right-message li span[data-v-1a242e39] {
  padding-right: 0.125rem;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hs-screen-main[data-v-1a242e39] {
  padding: 0.125rem;
  display: flex;
  overflow: hidden;
  flex: 1;
}
.hs-screen-container[data-v-1a242e39] {
  display: flex;
  flex-direction: column;
  width: 22%;
  height: 100%;
  position: relative;
  flex: 0 0 auto;
  background: url(../img/container-DwzhvfJ9.png);
  background-size: 100% 100%;
  overflow: hidden;
}
.screen-title[data-v-1a242e39] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-title .title[data-v-1a242e39] {
  font-size: 0.23rem;
  color: #0dcaf6 !important;
  text-align: center;
  padding: 0 0.125rem;
}
.screen-title .flex[data-v-1a242e39] {
  background-image: url(../img/flex-j2HJdkXi.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 0.3125rem;
  margin-top: 0.125rem;
  flex: 1;
}
.screen-title .flex[data-v-1a242e39]:nth-child(3) {
  transform: rotate(180deg) !important;
}
.hs-screen-echart[data-v-1a242e39] {
  width: 100%;
  height: calc(33.33333333% - 0.625rem);
  padding: 0.1rem;
}
.hs-screen-center-container[data-v-1a242e39] {
  flex: 1;
  height: 100%;
  position: relative;
  background: none;
  padding: 0 0.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hs-screen-center-top[data-v-1a242e39] {
  width: 100%;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.hs-screen-center-bottom[data-v-1a242e39] {
  width: 100%;
  height: 33%;
  background: url(../img/container-bottom-DeqedK6t.png) no-repeat;
  background-size: 100% 100%;
}
.hs-screen-container .sec-title[data-v-1a242e39] {
  width: 100%;
  font-size: 0.25rem;
  margin-top: 0.12rem;
  text-align: center;
  color: #0dcaf6 !important;
}
.hs-screen-container .sec-title p[data-v-1a242e39] {
  margin-top: 0.12rem;
}
.hs-screen-container .sec-title div[data-v-1a242e39] {
  margin: 0.06rem auto;
  width: 90%;
  height: 1px;
  display: flex;
  justify-content: space-between;
  background: #0c3561;
}
.hs-screen-container .sec-title div span[data-v-1a242e39] {
  width: 0.625rem;
  height: 0.0625rem;
  margin-top: -0.025rem;
  background: linear-gradient(90deg, rgb(45, 119, 243), rgb(33, 232, 255));
}
.hs-screen-container .no-data[data-v-1a242e39] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.hs-repair-screen-today-state[data-v-1a242e39] {
  width: 100%;
  padding: 0.0625rem 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.125rem;
}
.hs-repair-screen-today-state li[data-v-1a242e39] {
  background-color: rgba(0, 104, 183, 0.3);
  width: 25%;
  height: 0.85rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hs-repair-screen-today-state li[data-v-1a242e39]:not(:last-child) {
  margin-right: 0.15rem;
}
.hs-repair-screen-today-state li .head[data-v-1a242e39] {
  font-size: 0.25rem;
  color: #038cff;
}
.hs-repair-screen-today-state li p[data-v-1a242e39] {
  color: #fff;
  font-size: 0.35rem;
  font-weight: bold;
}
.hs-repair-screen-time-container[data-v-1a242e39] {
  width: 100%;
  height: calc(100% - 0.625rem);
  padding: 0.125rem;
}
.repair-order[data-v-1a242e39] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.repair-order .order-head[data-v-1a242e39] {
  height: 0.6rem;
  background: rgba(18, 73, 136, 0.2);
  display: flex;
  align-items: center;
  border-top: 0.0125rem solid #3b5ac8;
  border-image: -webkit-linear-gradient(bottom, #3b5ac8, #2ab9eb) 100;
}
.repair-order .order-head span[data-v-1a242e39] {
  font-size: 0.25rem;
  font-weight: bold;
  color: #1ccbfe;
  text-align: center;
  flex: 1 0 12.5%;
}
.repair-order .order-head span[data-v-1a242e39]:nth-child(2) {
  flex-basis: 25%;
  text-align: left;
}
.repair-order .order-head span[data-v-1a242e39]:nth-child(3) {
  flex-basis: 25%;
  text-align: left;
}
.repair-order .order-head span[data-v-1a242e39]:nth-child(5) {
  text-align: left;
}
.repair-order .order-content[data-v-1a242e39] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.repair-order .order-content li[data-v-1a242e39] {
  height: 16.6666666667%;
  display: flex;
  align-items: center;
}
.repair-order .order-content li span[data-v-1a242e39] {
  font-size: 0.25rem;
  color: #6fc2ef;
  text-align: center;
  flex: 1 0 12.5%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.repair-order .order-content li span[data-v-1a242e39]:nth-child(2) {
  flex-basis: 25%;
  text-align: left;
}
.repair-order .order-content li span[data-v-1a242e39]:nth-child(3) {
  flex-basis: 25%;
  text-align: left;
}
.repair-order .order-content li span[data-v-1a242e39]:nth-child(5) {
  text-align: left;
}
.repair-order .order-content li[data-v-1a242e39]:nth-child(even) {
  background: rgba(18, 73, 136, 0.2);
}
.hs-repair-screen-warn[data-v-1a242e39] {
  width: 100%;
  height: 100%;
  zoom: 90%;
}
.hs-repair-screen-warn li[data-v-1a242e39] {
  display: inline-block;
  width: 30%;
  height: 100%;
  margin: 0 auto;
}
.hs-repair-screen-warn li .circle[data-v-1a242e39] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  position: relative;
  text-align: center;
  border: 1px solid #2196f3;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-repair-screen-warn li .circle2[data-v-1a242e39],
.hs-repair-screen-warn li .circle3[data-v-1a242e39] {
  width: 1.3rem;
  height: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 3px solid #2196f3;
}
.hs-repair-screen-warn li .circle3[data-v-1a242e39] {
  width: 0.95rem;
  height: 0.95rem;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 0.35rem;
  line-height: 0.95rem;
  position: relative;
  z-index: 1;
  border-radius: 100%;
  overflow: hidden;
}
.hs-repair-screen-warn li p[data-v-1a242e39] {
  color: #41d8fb;
  font-size: 0.25rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.125rem;
}
.hs-repair-screen-warn li .circle3 .wave[data-v-1a242e39],
.hs-repair-screen-warn li .circle3 .wave1[data-v-1a242e39] {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  top: 0;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 45%;
  transform: translate(-50%, -70%) rotate(0);
  animation: rotate1-1a242e39 6s linear infinite;
  z-index: 10;
}
.hs-repair-screen-warn li .circle3 .wave1[data-v-1a242e39] {
  border-radius: 47%;
  background-color: rgba(255, 255, 255, 0);
  transform: translate(-50%, -70%) rotate(0);
  animation: rotate1-1a242e39 10s linear -5s infinite;
  z-index: 20;
}
@keyframes rotate1-1a242e39 {
50% {
    transform: translate(-50%, -73%) rotate(180deg);
}
100% {
    transform: translate(-50%, -70%) rotate(360deg);
}
}
.hs-repair-screen-warn-red[data-v-1a242e39] {
  background-image: linear-gradient(90deg, rgba(247, 107, 52, 0) 0%, rgb(253, 116, 41) 100%) !important;
}
.hs-repair-screen-warn-orange[data-v-1a242e39] {
  background-image: linear-gradient(90deg, rgba(219, 234, 103, 0) 0%, rgb(219, 234, 103) 100%) !important;
}
.hs-repair-screen-warn-blue[data-v-1a242e39] {
  background-image: linear-gradient(90deg, rgba(14, 201, 247, 0) 0%, rgb(14, 201, 247) 100%) !important;
}
.hs-repair-screen-warn li .circle-bar[data-v-1a242e39] {
  width: 40%;
  padding: calc(50% - 0.4rem) 0;
  position: absolute;
  border-radius: 0.9rem 0 0 0;
  border: #fff;
  top: 11%;
  left: 11%;
  z-index: 11111;
  opacity: 0.4;
  animation: rotate-1a242e39 3s linear infinite;
}
@keyframes rotate-1a242e39 {
from {
    transform-origin: bottom right;
    transform: rotate(0deg);
}
to {
    transform-origin: bottom right;
    transform: rotate(360deg);
}
}
.hs-repair-screen-warn-list[data-v-1a242e39] {
  padding: 0 30px;
  height: calc(36% - 40px);
  overflow: hidden;
}
.hs-repair-screen-warn-list li[data-v-1a242e39] {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
  background-color: rgba(0, 104, 183, 0.3);
  color: #3ed4fa;
  padding: 0 10px;
  font-size: 16px;
  margin-top: 5px;
}
.hs-repair-screen-warn-list li .event[data-v-1a242e39] {
  width: 180px;
  padding: 0 10px;
  color: #f55420;
}
.hs-repair-screen-warn-list li .content[data-v-1a242e39] {
  width: calc(100% - 125px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*动画*/
.animated[data-v-1a242e39] {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn-1a242e39 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadeIn-1a242e39 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.fadeIn[data-v-1a242e39] {
  animation-name: fadeIn-1a242e39;
}
@-webkit-keyframes zoomInUp-1a242e39 {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp-1a242e39 {
from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp[data-v-1a242e39] {
  animation-name: zoomInUp-1a242e39;
}
@-webkit-keyframes zoomOutUp-1a242e39 {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp-1a242e39 {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp[data-v-1a242e39] {
  animation-name: zoomOutUp-1a242e39;
}
@-webkit-keyframes zoomIn-1a242e39 {
from {
    opacity: 0;
    transform: scale3d(0.85, 0.85, 0.85);
}
50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
@keyframes zoomIn-1a242e39 {
from {
    opacity: 0;
    transform: scale3d(0.85, 0.85, 0.85);
}
50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
.zoomIn[data-v-1a242e39] {
  animation-name: zoomIn-1a242e39;
}
@-webkit-keyframes slideInUp-1a242e39 {
from {
    visibility: visible;
    transform: translate3d(0, 100%, 0);
}
to {
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp-1a242e39 {
from {
    visibility: visible;
    transform: translate3d(0, 100%, 0);
}
to {
    transform: translate3d(0, 0, 0);
}
}
.slideInUp[data-v-1a242e39] {
  animation-name: slideInUp-1a242e39;
}
.slideInDown[data-v-1a242e39] {
  animation-name: slideInDown;
}
@keyframes slideInLeft-1a242e39 {
from {
    visibility: visible;
    transform: translate3d(-100%, 0, 0);
}
to {
    transform: translate3d(0, 0, 0);
}
}
.slideInLeft[data-v-1a242e39] {
  animation-name: slideInLeft-1a242e39;
}
@keyframes slideOutRight-1a242e39 {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
}
}
.slideOutRight[data-v-1a242e39] {
  animation-name: slideOutRight-1a242e39;
}
.ivu-carousel[data-v-1a242e39] {
  height: 25%;
  width: 100%;
  padding: 20px;
}
.gryy-logo[data-v-1a242e39] {
  width: 1.5rem !important;
  object-fit: contain;
}
[data-v-1a242e39] .ivu-carousel-dots {
  height: 0.1875rem;
}
[data-v-1a242e39] .ivu-carousel-dots-inside {
  bottom: 0;
}
[data-v-1a242e39] .ivu-carousel-dots li.ivu-carousel-active > button {
  width: 0.25rem;
}
.hs-screen-main[data-v-1c8e17ec] {
  padding: 0.125rem;
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.8rem);
}
.hs-screen-main .hs-screen-container[data-v-1c8e17ec] {
  display: flex;
  flex-direction: column;
  width: 22%;
  height: 100%;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  justify-content: space-between;
}
.hs-screen-main .hs-screen-container .title[data-v-1c8e17ec],
.hs-screen-main .hs-screen-container .sec-title[data-v-1c8e17ec] {
  width: 100%;
  text-align: center;
  color: #56a1ff;
  background-image: -webkit-linear-gradient(bottom, #5197ff, #80f2ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.25rem;
  margin-top: 0.12rem;
  font-weight: bold;
}
.hs-screen-main .hs-screen-container .screen-item[data-v-1c8e17ec] {
  width: 100%;
  height: 32%;
  display: flex;
  flex-direction: column;
  background: url("../img/item-BUyyVGvC.png");
  background-size: 100% 100%;
}
.hs-screen-main .hs-screen-container .screen-item .sec-title[data-v-1c8e17ec] {
  margin-top: 0px;
  font-size: 0.2rem;
}
.hs-screen-main .hs-screen-container .screen-item .screen-chart[data-v-1c8e17ec] {
  width: 100%;
  height: 100%;
}
.hs-screen-main .hs-screen-container .item2[data-v-1c8e17ec] {
  background: url("../img/item2-Blixj1PD.png");
  background-size: 100% 100%;
}
.hs-screen-main .hs-screen-container .hs-screen-waste-type-total[data-v-1c8e17ec] {
  width: 100%;
  padding: 0 8%;
}
.hs-screen-main .hs-screen-container .hs-screen-waste-type-total p[data-v-1c8e17ec] {
  margin-top: 0.25rem;
  text-align: left;
  color: #30d7e0;
  font-weight: 400;
  font-size: 0.23rem;
  margin-bottom: 0.3rem;
}
.hs-screen-main .hs-screen-container .hs-screen-waste-type-total li[data-v-1c8e17ec] {
  float: left;
  color: #fff;
  font-size: 0.2rem;
  width: auto;
  margin-right: 0.15rem;
  margin-top: -0.2rem;
}
.hs-screen-main .hs-screen-container .hs-screen-waste-type-total li[data-v-1c8e17ec]:nth-child(7n+5) {
  margin-left: 0.72rem;
}
.hs-screen-main .hs-screen-container .hs-screen-waste-type-total .hex[data-v-1c8e17ec] {
  overflow: hidden;
  display: block;
  width: 1.25rem;
  height: 1.43rem;
}
.hs-screen-main .hs-screen-container .hs-screen-waste-type-total .hexIn[data-v-1c8e17ec] {
  background: url("../img/total-bg-yrSSUiVy.png");
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.hs-screen-main .hs-screen-container .hs-screen-waste-type-total .hexIn span[data-v-1c8e17ec]:first-child {
  color: #30d7e0;
  font-size: 0.16rem;
}
.hs-screen-main .hs-screen-container .hs-screen-waste-type-total .hexIn span[data-v-1c8e17ec]:last-child {
  color: #ffffff;
  font-size: 0.12rem;
}
.hs-screen-main .hs-screen-container .animated-pro[data-v-1c8e17ec] {
  animation: proRotate-1c8e17ec 1s 1s;
}
@keyframes proRotate-1c8e17ec {
0% {
    transform: rotateY(180deg);
}
100% {
    transform: rotateY(0deg);
}
}
.hs-screen-main .hs-screen-container .hs-screen-emergency[data-v-1c8e17ec] {
  width: 100%;
  height: 100%;
  padding: 3%;
  display: flex;
  flex-wrap: wrap;
}
.hs-screen-main .hs-screen-container .hs-screen-emergency li[data-v-1c8e17ec] {
  width: calc(33.33333% - 0.25rem);
  margin: 0.125rem;
  height: calc(50% - 0.25rem);
  text-align: center;
  color: #01d4f9;
  background: rgba(0, 186, 255, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center; /*垂直居中*/
  justify-content: center; /*水平居中*/
  background-image: url("../img/border-B6shG74a.png");
  background-size: 100% 100%;
}
.hs-screen-main .hs-screen-container .hs-screen-emergency li span[data-v-1c8e17ec] {
  font-size: 0.25rem;
}
.hs-screen-main .hs-screen-container .hs-screen-emergency li p[data-v-1c8e17ec] {
  font-size: 0.15rem;
  width: 100%;
}
.hs-screen-main .hs-screen-container .hs-screen-right-message .flex[data-v-1c8e17ec] {
  float: left;
  background-image: url("../img/flex-j2HJdkXi.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 33.3333%;
  height: 0.3125rem;
  margin-top: 0.125rem;
}
.hs-screen-main .hs-screen-container .hs-screen-right-message .flex[data-v-1c8e17ec]:nth-child(3) {
  transform: rotate(180deg) !important;
}
.hs-screen-main .hs-screen-container .hs-screen-right-message ul[data-v-1c8e17ec],
.hs-screen-main .hs-screen-container .hs-screen-right-message .list[data-v-1c8e17ec] {
  width: 100%;
  height: calc(100% - 0.65rem);
  padding: 0 0.12rem;
  overflow: hidden;
}
.hs-screen-main .hs-screen-container .hs-screen-right-message ul li[data-v-1c8e17ec],
.hs-screen-main .hs-screen-container .hs-screen-right-message .list li[data-v-1c8e17ec] {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.2rem;
  text-align: left;
  color: #30d7e0;
  padding: 0 0.125rem;
  list-style: none;
  display: flex;
}
.hs-screen-main .hs-screen-container .hs-screen-right-message ul li p[data-v-1c8e17ec],
.hs-screen-main .hs-screen-container .hs-screen-right-message .list li p[data-v-1c8e17ec] {
  float: left;
  flex: 1;
  overflow: hidden; /*超出部分隐藏*/
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  white-space: nowrap; /*规定段落中的文本不进行换行 */
}
.hs-screen-main .hs-screen-container .hs-screen-right-message ul li i[data-v-1c8e17ec],
.hs-screen-main .hs-screen-container .hs-screen-right-message .list li i[data-v-1c8e17ec] {
  padding-right: 0.125rem;
}
.hs-screen-main .hs-screen-container .hs-screen-right-message .ONELEVEL[data-v-1c8e17ec] {
  color: red;
  margin-right: 5px;
}
.hs-screen-main .hs-screen-container .hs-screen-right-message .TWOLEVEL[data-v-1c8e17ec] {
  color: orange;
  margin-right: 5px;
}
.hs-screen-main .hs-screen-container .hs-screen-right-message .THREELEVEL[data-v-1c8e17ec] {
  color: yellow;
  margin-right: 5px;
}
.hs-screen-main .hs-screen-center-container[data-v-1c8e17ec] {
  flex: 1;
  height: 100%;
  position: relative;
  padding: 0 0.08rem;
  background: none;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-map[data-v-1c8e17ec] {
  width: 98%;
  margin: 1px auto 0;
  height: calc(66% - 1px);
  background: url("../img/center-item-B0zhjb6Y.png");
  background-size: 100% 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-map .sec-title[data-v-1c8e17ec] {
  margin-top: 0px;
  font-size: 0.2rem;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-map .sec-title > p[data-v-1c8e17ec] {
  text-indent: -0.3rem;
  font-size: 0.2rem;
}
.hs-screen-main .hs-screen-center-container .hs-map-container[data-v-1c8e17ec] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.hs-screen-main .hs-screen-center-container .hs-map-container .org-list[data-v-1c8e17ec] {
  position: absolute;
  top: 0.125rem;
  width: 80%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: auto;
}
.hs-screen-main .hs-screen-center-container .hs-map-container .org-list .org-item[data-v-1c8e17ec] {
  background: #0d1d50;
  color: #99daff;
  font-size: 0.2rem;
  font-weight: bold;
  padding: 0.1rem 0.125rem;
  background-image: url("../img/org-item-BxoFHhbm.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.hs-screen-main .hs-screen-center-container .hs-map-container .org-list .active[data-v-1c8e17ec] {
  color: #07b0fc;
}
.hs-screen-main .hs-screen-center-container .hs-track-container[data-v-1c8e17ec] {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #0d1d50;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-head[data-v-1c8e17ec] {
  height: 0.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.125rem;
  justify-content: space-between;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-head .title-box[data-v-1c8e17ec] {
  width: 0.8rem;
  height: 0.3rem;
  color: #fff;
  text-align: center;
  line-height: 0.3rem;
  font-size: 0.15rem;
  font-weight: bold;
  background: #0b285b;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-head .total[data-v-1c8e17ec] {
  font-size: 0.175rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-head .total span[data-v-1c8e17ec] {
  display: flex;
  align-items: center;
  margin-right: 0.25rem;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-head .total span i[data-v-1c8e17ec] {
  color: #07b0fc;
  font-size: 0.25rem;
  margin-right: 0.125rem;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-head .point[data-v-1c8e17ec] {
  font-size: 0.175rem;
  color: #fff;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-head .point i[data-v-1c8e17ec] {
  font-size: 0.15rem;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content[data-v-1c8e17ec] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item[data-v-1c8e17ec] {
  display: flex;
  align-items: center;
  padding: 0.125rem;
  width: 100%;
  background: #0a3266;
  margin-bottom: 0.125rem;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-user[data-v-1c8e17ec] {
  width: 10%;
  display: flex;
  flex-direction: column;
  font-size: 0.175rem;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-user i[data-v-1c8e17ec] {
  font-size: 0.8rem;
  color: #07b0fc;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-user span[data-v-1c8e17ec] {
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track[data-v-1c8e17ec] {
  flex: 1;
  height: 100%;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-list[data-v-1c8e17ec] {
  display: flex;
  flex-wrap: wrap;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-list .track-item[data-v-1c8e17ec] {
  width: 20%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.125rem;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-list .track-item .line[data-v-1c8e17ec] {
  margin: 0.05rem 0;
  display: flex;
  align-items: center;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-list .track-item .line i[data-v-1c8e17ec] {
  font-size: 0.25rem;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-list .track-item .line .line-style[data-v-1c8e17ec] {
  display: flex;
  width: 100%;
  height: 0.23rem;
  background: radial-gradient(#07b0fa, #07b0fc 0.025rem, transparent 0.0375rem, transparent);
  background-size: 11.1% 100%;
  justify-content: center;
  align-items: center;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-list .track-item .line .line-style[data-v-1c8e17ec]:after {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  background: #07b0fc;
  content: " ";
  display: block;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-list .track-item span[data-v-1c8e17ec] {
  font-size: 0.175rem;
  color: #fff;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-list .track-item:last-child .line-style[data-v-1c8e17ec] {
  display: none;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-total[data-v-1c8e17ec] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.05rem 0.125rem;
  background: #0b285b;
  color: #fff;
  width: auto;
  float: right;
  font-size: 0.175rem;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-total span[data-v-1c8e17ec] {
  display: flex;
  align-items: center;
  margin-right: 0.25rem;
}
.hs-screen-main .hs-screen-center-container .hs-track-container .hs-track-content .hs-track-item .hs-track-item-track .track-total span i[data-v-1c8e17ec] {
  color: #07b0fc;
  font-size: 0.25rem;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-bottom[data-v-1c8e17ec] {
  width: 98%;
  height: 32%;
  margin: 0 auto;
  background: url("../img/center-bottom-DxwOt56s.png");
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-bottom .title[data-v-1c8e17ec] {
  line-height: 0.5rem;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-bottom .sec-title[data-v-1c8e17ec] {
  font-size: 0.2rem;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-bottom .ltd-list[data-v-1c8e17ec] {
  display: flex;
  height: 100%;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-bottom .ltd-list .ltd-item[data-v-1c8e17ec] {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-bottom .ltd-list .ltd-item[data-v-1c8e17ec]:not(:last-child) {
  border-right: 2px solid #09508b;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-bottom .ltd-list .ltd-item .head[data-v-1c8e17ec] {
  color: #99daff;
  font-size: 0.2rem;
  font-weight: bold;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
}
.hs-screen-main .hs-screen-center-container .hs-screen-center-bottom .ltd-list .ltd-item .content[data-v-1c8e17ec] {
  width: 100%;
  height: calc(100% - 0.8rem);
}
.hs-screen-main .flow-content[data-v-1c8e17ec] {
  width: 100%;
  height: calc(100% - 0.3rem);
  padding: 0.0625rem 0.1875rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.hs-screen-main .flow-content .rows[data-v-1c8e17ec] {
  flex: 1;
}
.hs-screen-main .flow-content .flow-describe[data-v-1c8e17ec] {
  font-size: 0.15rem;
  color: #00ffff;
  margin-bottom: 0.1rem;
}
.hs-screen-main .flow-content[data-v-1c8e17ec] .flow-item .flow-box {
  height: 85%;
  font-size: 0.1375rem;
  line-height: 0.25rem;
  padding: 0 0.0625rem;
  background-color: rgba(1, 212, 249, 0.098);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.hs-screen-main .flow-content[data-v-1c8e17ec] .flow-item .flow-box .flow-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.hs-screen-main .flow-content[data-v-1c8e17ec] .flow-item .flow-box .flow-head .name span {
  color: #00ffff;
}
.hs-screen-main .flow-content[data-v-1c8e17ec] .flow-item .flow-box .flow-head .name span:first-child {
  font-weight: bold;
}
.hs-screen-main .flow-content[data-v-1c8e17ec] .flow-item .flow-box .flow-head > span {
  color: #ffcc00;
}
.hs-screen-main .flow-content[data-v-1c8e17ec] .flow-item .flow-box .flow-main {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.hs-screen-main .flow-content[data-v-1c8e17ec] .flow-item .flow-box .flow-main span {
  color: #00ffff;
}
.videoCaresl[data-v-1c8e17ec] {
  height: calc(100% - 0.8rem);
  padding: 0 0.1875rem 0.175rem;
  margin-top: 0.25rem;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video[data-v-1c8e17ec] {
  width: 33.333%;
  height: 100%;
  /* margin: 0 5px; */
  display: inline-block;
  overflow: hidden;
}
video[data-v-1c8e17ec] {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
[data-v-1c8e17ec] .amap-marker-label {
  padding: 0 0.125rem;
  height: 0.625rem;
  color: #00e9ff;
  font-size: 0.15rem;
  font-weight: bold;
  background: none;
  border: none;
  cursor: pointer;
  background: url("../img/org-bg-C3F0k6Uo.png");
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
}
[data-v-1c8e17ec] .marker-info {
  height: 0.45rem;
  display: flex;
  align-items: center;
}
[data-v-1c8e17ec] .marker-info img {
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.125rem;
}
.page[data-v-1c8e17ec] {
  display: flex;
  align-items: center;
  padding: 0.0625rem 0.125rem;
  font-size: 0.15rem;
  position: absolute;
  top: 0.3rem;
  right: 0;
  color: #fff;
}
.page .icon[data-v-1c8e17ec] {
  width: 0.225rem;
  height: 0.225rem;
}
.page i[data-v-1c8e17ec] {
  font-size: 0.225rem;
  color: #70b1f5;
  cursor: pointer;
}
.ivu-carousel[data-v-1c8e17ec] {
  width: 100%;
  height: 100%;
}@-webkit-keyframes flashing-70afe474 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@keyframes flashing-70afe474 {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@-webkit-keyframes pulsation-70afe474 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@keyframes pulsation-70afe474 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@-webkit-keyframes rotation-70afe474 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@keyframes rotation-70afe474 {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@-webkit-keyframes scale-70afe474 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@keyframes scale-70afe474 {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@-webkit-keyframes polish-70afe474 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
@keyframes polish-70afe474 {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
.radar[data-v-70afe474] {
  height: 80%;
  width: 80%;
  position: absolute;
  -webkit-perspective: 62.5em;
  perspective: 62.5em;
  z-index: 9;
}
.radar .radar-map-container[data-v-70afe474],
.radar .risk-points[data-v-70afe474],
.radar .scanning-circle canvas[data-v-70afe474] {
  left: 0;
  top: 0;
  position: absolute;
}
.radar .radar-map-container[data-v-70afe474],
.radar .radar-map[data-v-70afe474],
.radar .scanning-circle[data-v-70afe474],
.radar .risk-elements-group[data-v-70afe474] {
  -webkit-transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
}
.radar .radar-map-container[data-v-70afe474],
.radar .radar-map[data-v-70afe474],
.radar .scanning-circle[data-v-70afe474] {
  will-change: transform;
}
.radar .radar-map-container[data-v-70afe474] {
  width: 400%;
  height: 400%;
  left: -150%;
  top: -150%;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map[data-v-70afe474] {
  color: rgba(19, 182, 206, 0.4);
  background: url('http://i64.tinypic.com/5l17ut.jpg') center / contain no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map.roaming[data-v-70afe474] {
  -webkit-transition-duration: 5s !important;
  transition-duration: 5s !important;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.radar .radar-map .risk-elements-group[data-v-70afe474] {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-70afe474],
.radar .radar-map .risk-elements-group .info-panel[data-v-70afe474],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-70afe474] {
  position: absolute;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-70afe474],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-70afe474] {
  visibility: hidden;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-70afe474],
.radar .radar-map .risk-elements-group .info-panel[data-v-70afe474] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
}
.radar .radar-map .risk-elements-group .red-flag[data-v-70afe474] {
  width: 0.5em;
  height: 10em;
  background-color: white;
  -webkit-transform: rotateX(-70deg) rotateZ(-90deg);
  transform: rotateX(-70deg) rotateZ(-90deg);
}
.radar .radar-map .risk-elements-group .red-flag.stand-up[data-v-70afe474] {
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  visibility: visible;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-70afe474]:before {
  content: attr(data-city);
  font-weight: bold;
  color: white;
  position: absolute;
  background-color: red;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 4.782608695652174em;
  height: 3.4782608695652173em;
  line-height: 3.4782608695652173em;
  font-size: 1.4375em;
  font-family: 微软雅黑;
  letter-spacing: 0.43478260869565216em;
  padding-left: 0.5217391304347826em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0.43478260869565216em;
  white-space: nowrap;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-70afe474]:after {
  content: '';
  position: absolute;
  width: 2.1875em;
  height: 0.625em;
  border-radius: 50%;
  background-color: inherit;
  top: calc(100% - 0.625em);
  left: calc(50% - 1.09375em);
}
.radar .radar-map .risk-elements-group .info-panel[data-v-70afe474] {
  -webkit-transform: rotateX(-70deg) translateY(-30%);
  transform: rotateX(-70deg) translateY(-30%);
  -webkit-filter: opacity(0);
  -moz-filter: opacity(0);
  filter: opacity(0);
  border: 0.0625em solid #DCDA6B;
  border-radius: 0.25em;
  background-color: rgba(245, 228, 158, 0.31);
  display: table;
  font-weight: bold;
  font-size: 2.5em;
  text-shadow: 0.025em 0.025em 0.05em black;
  padding: 0.2em 0.3em;
  font-family: 黑体;
  overflow: hidden;
}
.radar .radar-map .risk-elements-group .info-panel.showup[data-v-70afe474] {
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1);
  transition: -webkit-filter 1s linear 0.5s, -moz-filter 1s linear 0.5s, filter 1s linear 0.5s, opacity 0.5s linear;
}
.radar .radar-map .risk-elements-group .info-panel.polish[data-v-70afe474]:after {
  -webkit-animation: polish-70afe474 5s linear 1 1s;
  animation: polish-70afe474 5s linear 1 1s;
}
.radar .radar-map .risk-elements-group .info-panel .info-title[data-v-70afe474] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(208, 209, 120, 0.6)), to(rgba(223, 226, 183, 0.05)));
  background-image: linear-gradient(to right, rgba(208, 209, 120, 0.6), rgba(223, 226, 183, 0.05));
  color: #FFE401;
  padding: 0 0.275em;
  border-radius: inherit;
}
.radar .radar-map .risk-elements-group .info-panel .info-content[data-v-70afe474] {
  color: white;
  margin: 0.25em;
  line-height: 1.3em;
}
.radar .radar-map .risk-elements-group .info-panel[data-v-70afe474]:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  -webkit-transform: skewX(35deg) translateX(-160%);
  transform: skewX(35deg) translateX(-160%);
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-70afe474] {
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  background: center / contain no-repeat;
  -webkit-animation: rotation-70afe474 5s linear infinite;
  animation: rotation-70afe474 5s linear infinite;
  -webkit-transition-property: visibility;
  transition-property: visibility;
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-70afe474]:after {
  content: '';
  border-radius: inherit;
  margin: auto;
  width: 15%;
  height: 15%;
  background-color: #E03636;
  -webkit-box-shadow: 0 0 0.9375em black;
  box-shadow: 0 0 0.9375em black;
  -webkit-animation: scale-70afe474 1s linear infinite alternate;
  animation: scale-70afe474 1s linear infinite alternate;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.radar .changing-number-container[data-v-70afe474] {
  position: absolute;
  right: 14%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .changing-number-container[data-v-70afe474] {
  display: table;
  color: #10ABE0;
}
.radar .changing-number-container[data-v-70afe474]:before,
.radar .changing-number-container[data-v-70afe474]:after {
  display: inline-block;
}
.radar .changing-number-container[data-v-70afe474]:before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(55%, currentColor), color-stop(55%, transparent)) center / 100% 1em;
  background: linear-gradient(to bottom, transparent 45%, currentColor 55%, transparent 55%) center / 100% 1em;
  width: 1em;
  height: 100%;
  margin-right: 0.625em;
}
.radar .changing-number-container[data-v-70afe474]:after {
  font-size: 0.75em;
  content: attr(data-number);
  width: 1.3333333333333333em;
  line-height: 1.3333333333333333em;
  word-break: break-all;
  letter-spacing: 1.3333333333333333em;
  vertical-align: top;
  font-weight: bold;
}
.radar .risk-points[data-v-70afe474] {
  z-index: 15;
}
.radar .risk-points .risk-point-group .risk-point[data-v-70afe474] {
  position: absolute;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  -webkit-filter: blur(2px);
}
.radar .risk-points .risk-point-group .risk-point[data-v-70afe474]:after {
  content: '';
  display: block;
  height: 100%;
  border-radius: 50%;
  will-change: transform;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radar .risk-points .risk-point-group .risk-point.type1[data-v-70afe474]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.type2[data-v-70afe474]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.critical[data-v-70afe474] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar .risk-points .risk-point-group .risk-point.ordinary[data-v-70afe474] {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-70afe474] {
  color: red;
  -webkit-filter: none;
  width: 5em;
  height: 5em;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-70afe474] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.1875em solid currentColor;
  -webkit-animation: pulsation-70afe474 3s linear 1;
  animation: pulsation-70afe474 3s linear 1;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-70afe474]:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-70afe474]:nth-child(3) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-70afe474]:after {
  content: '';
  position: absolute;
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: currentColor;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .risk-points .risk-point-group.flashing .risk-point[data-v-70afe474]:after {
  -webkit-animation: flashing-70afe474 2s linear 1;
  animation: flashing-70afe474 2s linear 1;
}
.radar .scanning-circle[data-v-70afe474] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner[data-v-70afe474] {
  width: 40em;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -webkit-transform: rotate(125deg);
  transform: rotate(125deg);
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-70afe474],
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-70afe474] {
  width: 100%;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-70afe474] {
  display: none;
  position: absolute;
  -webkit-clip-path: inset(0 0 0 50%);
  -webkit-filter: blur(30px);
  -webkit-animation: rotation-70afe474 30s linear infinite;
  animation: rotation-70afe474 30s linear infinite;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-70afe474]:after {
  content: '';
  -webkit-clip-path: inset(0 50% 0 0);
  display: block;
  height: 100%;
  background-color: rgba(19, 182, 206, 0.3);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  border-radius: 50%;
}
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-70afe474] {
  -webkit-clip-path: circle(20em at 50% 48%);
  -moz-clip-path: circle(20em at 50% 48%);
  clip-path: circle(20em at 50% 48%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid white;
  border-top-width: 5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  will-change: transform;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container[data-v-70afe474] {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-70afe474],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .color-sector[data-v-70afe474] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-70afe474] {
  -webkit-clip-path: inset(0 0 50% 50%);
  -moz-clip-path: inset(0 0 50% 50%);
  clip-path: inset(0 0 50% 50%);
  overflow: hidden;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  filter: blur(30px);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474] {
  -webkit-clip-path: inset(0 50% 0 0);
  -moz-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  background-color: rgba(19, 182, 206, 0.2);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(1) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(2) {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(3) {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(4) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(5) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(6) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(7) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(8) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(9) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-70afe474]:nth-child(10) {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration[data-v-70afe474] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-70afe474],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-70afe474] {
  -webkit-filter: blur(2px);
  margin-left: auto;
  margin-right: auto;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-70afe474] {
  width: 0.0625em;
  height: 50%;
  background-color: rgba(65, 191, 226, 0.5);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-70afe474] {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-70afe474]:nth-child(2) {
  width: 0.9375em;
  height: 0.1875em;
  top: 3%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-70afe474]:nth-child(3) {
  width: 1.375em;
  height: 0.25em;
  top: 17%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-70afe474]:nth-child(4) {
  width: 1em;
  height: 0.125em;
  top: 33%;
  opacity: 0.3;
}
.radar .scanning-circle .scanning-dashed-circle[data-v-70afe474] {
  -webkit-animation: rotation-70afe474 2.67s linear infinite;
  animation: rotation-70afe474 2.67s linear infinite;
}
.radar .scanning-circle .scanning-dashed-empty-circle[data-v-70afe474] {
  -webkit-animation: rotation-70afe474 1.67s linear infinite;
  animation: rotation-70afe474 1.67s linear infinite;
}
.radar.lying-down .radar-map-container[data-v-70afe474],
.radar.lying-down .radar-map[data-v-70afe474],
.radar.lying-down .scanning-circle[data-v-70afe474],
.radar.lying-down .risk-elements-group[data-v-70afe474] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.radar.lying-down .radar-map-container[data-v-70afe474] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar.lying-down .radar-map[data-v-70afe474] {
  -webkit-transform: translateZ(-125em) rotateX(70deg);
  transform: translateZ(-125em) rotateX(70deg);
  color: transparent;
}
.radar.lying-down .radar-map .risk-elements-group[data-v-70afe474] {
  opacity: 1;
}
.radar.lying-down .radar-map .risk-elements-group .info-panel[data-v-70afe474] {
  opacity: .4;
}
.radar.lying-down .radar-map .risk-elements-group .red-flag[data-v-70afe474] {
  -webkit-transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: transform .3s linear, opacity 0.5s linear, visibility;
  transition: transform .3s linear, opacity 0.5s linear, visibility, -webkit-transform .3s linear;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 5.7s, 0s, 5.7s;
  transition-delay: 5.7s, 0s, 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
  transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 5.3999999999999995s;
  transition-delay: 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 5.1s, 0s, 5.1s;
  transition-delay: 5.1s, 0s, 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 4.8s, 0s, 4.8s;
  transition-delay: 4.8s, 0s, 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 4.5s, 0s, 4.5s;
  transition-delay: 4.5s, 0s, 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 4.2s, 0s, 4.2s;
  transition-delay: 4.2s, 0s, 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 3.9s, 0s, 3.9s;
  transition-delay: 3.9s, 0s, 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
  transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 3.5999999999999996s;
  transition-delay: 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 3.3s, 0s, 3.3s;
  transition-delay: 3.3s, 0s, 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 3s, 0s, 3s;
  transition-delay: 3s, 0s, 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
  transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 2.6999999999999997s;
  transition-delay: 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 2.4s, 0s, 2.4s;
  transition-delay: 2.4s, 0s, 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 2.1s, 0s, 2.1s;
  transition-delay: 2.1s, 0s, 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
  transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 1.7999999999999998s;
  transition-delay: 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 1.5s, 0s, 1.5s;
  transition-delay: 1.5s, 0s, 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 1.2s, 0s, 1.2s;
  transition-delay: 1.2s, 0s, 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
  transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 0.8999999999999999s;
  transition-delay: 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 0.6s, 0s, 0.6s;
  transition-delay: 0.6s, 0s, 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .red-flag[data-v-70afe474] {
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition-delay: 0.3s, 0s, 0.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .dashed-circle[data-v-70afe474] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.radar.pause-animation .inner-scanner[data-v-70afe474],
.radar.pause-animation .scanning-dashed-circle[data-v-70afe474],
.radar.pause-animation .scanning-dashed-empty-circle[data-v-70afe474] {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.radar.pause-animation .changing-number-container[data-v-70afe474] {
  display: none;
}
.radar.pause-animation .risk-points[data-v-70afe474] {
  display: none;
}
.radar.pause-animation .scanning-circle[data-v-70afe474] {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.radar[data-v-70afe474] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.radar[data-v-70afe474] {
    overflow: hidden;
}
}
@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.hs-container[data-v-70afe474] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: url("../img/bg-C97qBRRn.png");
  background-size: cover;
  user-select: none;
}
.hs-container .hs-screen-head[data-v-70afe474] {
  width: 100%;
  position: relative;
  height: 1.125rem;
  background: url("../img/head-BppGVZWj.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  flex: none;
}
.hs-container .hs-screen-head .logo[data-v-70afe474] {
  position: absolute;
  left: 0.4rem;
  top: 0;
  width: auto;
  height: 0.46rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-container .hs-screen-head .logo img[data-v-70afe474] {
  width: 0.3rem;
}
.hs-container .hs-screen-head .logo span[data-v-70afe474] {
  padding-left: 0.125rem;
  color: #95c9dd;
  font-size: 0.2rem;
}
.hs-container .hs-screen-head .title[data-v-70afe474] {
  letter-spacing: 0.1rem;
  position: relative;
  font-size: 0.5rem;
  font-weight: 700;
  margin-left: 0.1rem;
  color: #56a1ff;
  line-height: 0.8rem;
  background-image: -webkit-linear-gradient(bottom, #5197ff, #80f2ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hs-container .hs-screen-head .time[data-v-70afe474],
.hs-container .hs-screen-head p[data-v-70afe474] {
  position: absolute;
  right: 0.2rem;
  top: 0rem;
  color: #5197ff;
  font-weight: bold;
  font-size: 0.4rem;
  display: block;
  font-family: "digital-7";
  z-index: 1;
  text-align: right;
}
.hs-container .hs-screen-head p[data-v-70afe474] {
  color: #151d22;
  z-index: 0;
}
.hs-container .hs-screen-main[data-v-70afe474] {
  display: flex;
  padding: 0 0.15rem;
  flex: 1;
  overflow: hidden;
}
.hs-container .hs-screen-main .hs-screen-left-container[data-v-70afe474] {
  flex: 1;
  margin-right: 0.5rem;
  display: flex;
  flex-direction: column;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order[data-v-70afe474] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-head[data-v-70afe474] {
  height: 0.6rem;
  background: rgba(18, 73, 136, 0.2);
  display: flex;
  align-items: center;
  border-top: 0.0125rem solid #3b5ac8;
  border-image: -webkit-linear-gradient(bottom, #3b5ac8, #2ab9eb) 100;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-head span[data-v-70afe474] {
  font-size: 0.375rem;
  font-weight: bold;
  color: #1ccbfe;
  text-align: center;
  flex: 1 0 10%;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-head span[data-v-70afe474]:nth-child(3) {
  flex-basis: 20%;
  text-align: left;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-head span[data-v-70afe474]:nth-child(4) {
  flex-basis: 30%;
  text-align: left;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-head span[data-v-70afe474]:nth-child(5) {
  text-align: left;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-content[data-v-70afe474] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-content li[data-v-70afe474] {
  height: 10%;
  display: flex;
  align-items: center;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-content li span[data-v-70afe474] {
  font-size: 0.375rem;
  color: #6fc2ef;
  text-align: center;
  flex: 1 0 10%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-content li span[data-v-70afe474]:nth-child(3) {
  flex-basis: 20%;
  text-align: left;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-content li span[data-v-70afe474]:nth-child(4) {
  flex-basis: 30%;
  text-align: left;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-content li span[data-v-70afe474]:nth-child(5) {
  text-align: left;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-content li span[data-v-70afe474]:nth-child(6) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hs-container .hs-screen-main .hs-screen-left-container .repair-order .order-content li[data-v-70afe474]:nth-child(even) {
  background: rgba(18, 73, 136, 0.2);
}
.hs-container .hs-screen-main .hs-screen-right-container[data-v-70afe474] {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hs-container .hs-screen-main .hs-screen-right-container .hs-screen-echart[data-v-70afe474] {
  width: 100%;
  height: 100%;
  padding: 0.1rem;
}
.hs-container .hs-screen-main .hs-screen-right-container .item-content[data-v-70afe474] {
  background: rgba(18, 73, 136, 0.2);
  display: flex;
  align-items: center;
  border-top: 0.0125rem solid #3b5ac8;
  border-image: -webkit-linear-gradient(bottom, #3b5ac8, #2ab9eb) 100;
}
.hs-container .hs-screen-main .hs-screen-right-container .warn-list[data-v-70afe474] {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
}
.hs-container .hs-screen-main .hs-screen-right-container .warn-list .warn-item[data-v-70afe474] {
  width: 20%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.hs-container .hs-screen-main .hs-screen-right-container .warn-list .warn-item .warn-num[data-v-70afe474] {
  width: 1rem;
  height: 1rem;
  background: url(../img/warn-bg-C82X3Tec.png);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00dfff;
  font-size: 0.35rem;
  margin-bottom: 0.0625rem;
}
.hs-container .hs-screen-main .hs-screen-right-container .warn-list .warn-item .animated-pro[data-v-70afe474] {
  animation: proRotate-70afe474 1s 1s;
}
@keyframes proRotate-70afe474 {
0% {
    transform: rotateY(180deg);
}
100% {
    transform: rotateY(0deg);
}
}
.hs-container .hs-screen-main .hs-screen-right-container .warn-list .warn-item > span[data-v-70afe474] {
  color: #ccf8ff;
  font-size: 0.2rem;
}
.hs-container .title-head[data-v-70afe474] {
  display: flex;
  align-items: center;
}
.hs-container .title-head .title[data-v-70afe474] {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #09dced;
  background: linear-gradient(180deg, #1ccbfe 0%, #187bce 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hs-container .title-head .icon[data-v-70afe474] {
  font-size: 0.4rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #09dced;
  background: linear-gradient(180deg, #1ccbfe 0%, #187bce 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 0.075rem;
  margin-top: -0.025rem;
}
.ivu-carousel[data-v-70afe474] {
  width: 100%;
  height: 100%;
}
.hs-repair-screen-warn[data-v-70afe474] {
  float: left;
  width: 100%;
  height: 100%;
  zoom: 95%;
}
.hs-repair-screen-warn li[data-v-70afe474] {
  width: 30%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  float: left;
}
.hs-repair-screen-warn li .circle[data-v-70afe474] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  position: relative;
  text-align: center;
  border: 1px solid #2196f3;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-repair-screen-warn li .circle2[data-v-70afe474],
.hs-repair-screen-warn li .circle3[data-v-70afe474] {
  width: 1.3rem;
  height: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 3px solid #2196f3;
}
.hs-repair-screen-warn li .circle3[data-v-70afe474] {
  width: 0.95rem;
  height: 0.95rem;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 0.35rem;
  line-height: 0.95rem;
  position: relative;
  z-index: 1;
  border-radius: 100%;
  overflow: hidden;
}
.hs-repair-screen-warn li p[data-v-70afe474] {
  color: #41d8fb;
  font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.125rem;
}
.hs-repair-screen-warn li .circle3 .wave[data-v-70afe474],
.hs-repair-screen-warn li .circle3 .wave1[data-v-70afe474] {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  top: 0;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 45%;
  transform: translate(-50%, -70%) rotate(0);
  animation: rotate1-70afe474 6s linear infinite;
  z-index: 10;
}
.hs-repair-screen-warn li .circle3 .wave1[data-v-70afe474] {
  border-radius: 47%;
  background-color: rgba(255, 255, 255, 0);
  transform: translate(-50%, -70%) rotate(0);
  animation: rotate1-70afe474 10s linear -5s infinite;
  z-index: 20;
}
@keyframes rotate1-70afe474 {
50% {
    transform: translate(-50%, -73%) rotate(180deg);
}
100% {
    transform: translate(-50%, -70%) rotate(360deg);
}
}
.hs-repair-screen-warn-red[data-v-70afe474] {
  background-image: linear-gradient(90deg, rgba(247, 107, 52, 0) 0%, rgb(253, 116, 41) 100%) !important;
}
.hs-repair-screen-warn-orange[data-v-70afe474] {
  background-image: linear-gradient(90deg, rgba(219, 234, 103, 0) 0%, rgb(219, 234, 103) 100%) !important;
}
.hs-repair-screen-warn-blue[data-v-70afe474] {
  background-image: linear-gradient(90deg, rgba(14, 201, 247, 0) 0%, rgb(14, 201, 247) 100%) !important;
}
.hs-repair-screen-warn li .circle-bar[data-v-70afe474] {
  width: 40%;
  padding: calc(50% - 0.4rem) 0;
  position: absolute;
  border-radius: 0.9rem 0 0 0;
  border: #fff;
  top: 11%;
  left: 11%;
  z-index: 11111;
  opacity: 0.4;
  animation: rotate-70afe474 3s linear infinite;
}
@keyframes rotate-70afe474 {
from {
    transform-origin: bottom right;
    transform: rotate(0deg);
}
to {
    transform-origin: bottom right;
    transform: rotate(360deg);
}
}
.animated[data-v-70afe474] {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}
.slideInLeft[data-v-70afe474] {
  animation-name: slideInLeft-70afe474;
}
@keyframes slideInLeft-70afe474 {
from {
    visibility: visible;
    transform: translate3d(-100%, 0, 0);
}
to {
    transform: translate3d(0, 0, 0);
}
}
.slideOutRight[data-v-70afe474] {
  animation-name: slideOutRight-70afe474;
}
@keyframes slideOutRight-70afe474 {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
}
}
.NOT[data-v-70afe474] {
  background-color: #eab517;
}
.BACK[data-v-70afe474] {
  background-color: #eab517;
}
.URGE[data-v-70afe474] {
  background-color: #eab517;
}
.RECOVER[data-v-70afe474] {
  background-color: #8000ff;
}
.WAIT[data-v-70afe474] {
  background-color: #eab517;
}
.ROB[data-v-70afe474] {
  background-color: #eab517;
}
.PEND[data-v-70afe474] {
  background-color: #eab517;
}
.REPEND[data-v-70afe474] {
  background-color: #eab517;
}
.ING[data-v-70afe474] {
  background-color: #409eff;
}
.PAUSE[data-v-70afe474] {
  background-color: red;
}
.ASSIST[data-v-70afe474] {
  background-color: #ff9900;
}
.CANCEL[data-v-70afe474] {
  background-color: #666;
}
.DONE[data-v-70afe474],
.AFFIRM[data-v-70afe474],
.REVIEW[data-v-70afe474],
.VISIT[data-v-70afe474] {
  background-color: #38a40b;
}
.status-btn[data-v-70afe474] {
  border-radius: 0px;
  display: inline-block;
  text-align: center;
  color: #fff !important;
}@-webkit-keyframes flashing-c0ffa8fc {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@keyframes flashing-c0ffa8fc {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@-webkit-keyframes pulsation-c0ffa8fc {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@keyframes pulsation-c0ffa8fc {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@-webkit-keyframes rotation-c0ffa8fc {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@keyframes rotation-c0ffa8fc {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@-webkit-keyframes scale-c0ffa8fc {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@keyframes scale-c0ffa8fc {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@-webkit-keyframes polish-c0ffa8fc {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
@keyframes polish-c0ffa8fc {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
.radar[data-v-c0ffa8fc] {
  height: 80%;
  width: 80%;
  position: absolute;
  -webkit-perspective: 62.5em;
  perspective: 62.5em;
  z-index: 9;
}
.radar .radar-map-container[data-v-c0ffa8fc],
.radar .risk-points[data-v-c0ffa8fc],
.radar .scanning-circle canvas[data-v-c0ffa8fc] {
  left: 0;
  top: 0;
  position: absolute;
}
.radar .radar-map-container[data-v-c0ffa8fc],
.radar .radar-map[data-v-c0ffa8fc],
.radar .scanning-circle[data-v-c0ffa8fc],
.radar .risk-elements-group[data-v-c0ffa8fc] {
  -webkit-transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
}
.radar .radar-map-container[data-v-c0ffa8fc],
.radar .radar-map[data-v-c0ffa8fc],
.radar .scanning-circle[data-v-c0ffa8fc] {
  will-change: transform;
}
.radar .radar-map-container[data-v-c0ffa8fc] {
  width: 400%;
  height: 400%;
  left: -150%;
  top: -150%;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map[data-v-c0ffa8fc] {
  color: rgba(19, 182, 206, 0.4);
  background: url('http://i64.tinypic.com/5l17ut.jpg') center / contain no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map.roaming[data-v-c0ffa8fc] {
  -webkit-transition-duration: 5s !important;
  transition-duration: 5s !important;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.radar .radar-map .risk-elements-group[data-v-c0ffa8fc] {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-c0ffa8fc],
.radar .radar-map .risk-elements-group .info-panel[data-v-c0ffa8fc],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-c0ffa8fc] {
  position: absolute;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-c0ffa8fc],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-c0ffa8fc] {
  visibility: hidden;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-c0ffa8fc],
.radar .radar-map .risk-elements-group .info-panel[data-v-c0ffa8fc] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
}
.radar .radar-map .risk-elements-group .red-flag[data-v-c0ffa8fc] {
  width: 0.5em;
  height: 10em;
  background-color: white;
  -webkit-transform: rotateX(-70deg) rotateZ(-90deg);
  transform: rotateX(-70deg) rotateZ(-90deg);
}
.radar .radar-map .risk-elements-group .red-flag.stand-up[data-v-c0ffa8fc] {
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  visibility: visible;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-c0ffa8fc]:before {
  content: attr(data-city);
  font-weight: bold;
  color: white;
  position: absolute;
  background-color: red;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 4.782608695652174em;
  height: 3.4782608695652173em;
  line-height: 3.4782608695652173em;
  font-size: 1.4375em;
  font-family: 微软雅黑;
  letter-spacing: 0.43478260869565216em;
  padding-left: 0.5217391304347826em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0.43478260869565216em;
  white-space: nowrap;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-c0ffa8fc]:after {
  content: '';
  position: absolute;
  width: 2.1875em;
  height: 0.625em;
  border-radius: 50%;
  background-color: inherit;
  top: calc(100% - 0.625em);
  left: calc(50% - 1.09375em);
}
.radar .radar-map .risk-elements-group .info-panel[data-v-c0ffa8fc] {
  -webkit-transform: rotateX(-70deg) translateY(-30%);
  transform: rotateX(-70deg) translateY(-30%);
  -webkit-filter: opacity(0);
  -moz-filter: opacity(0);
  filter: opacity(0);
  border: 0.0625em solid #DCDA6B;
  border-radius: 0.25em;
  background-color: rgba(245, 228, 158, 0.31);
  display: table;
  font-weight: bold;
  font-size: 2.5em;
  text-shadow: 0.025em 0.025em 0.05em black;
  padding: 0.2em 0.3em;
  font-family: 黑体;
  overflow: hidden;
}
.radar .radar-map .risk-elements-group .info-panel.showup[data-v-c0ffa8fc] {
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1);
  transition: -webkit-filter 1s linear 0.5s, -moz-filter 1s linear 0.5s, filter 1s linear 0.5s, opacity 0.5s linear;
}
.radar .radar-map .risk-elements-group .info-panel.polish[data-v-c0ffa8fc]:after {
  -webkit-animation: polish-c0ffa8fc 5s linear 1 1s;
  animation: polish-c0ffa8fc 5s linear 1 1s;
}
.radar .radar-map .risk-elements-group .info-panel .info-title[data-v-c0ffa8fc] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(208, 209, 120, 0.6)), to(rgba(223, 226, 183, 0.05)));
  background-image: linear-gradient(to right, rgba(208, 209, 120, 0.6), rgba(223, 226, 183, 0.05));
  color: #FFE401;
  padding: 0 0.275em;
  border-radius: inherit;
}
.radar .radar-map .risk-elements-group .info-panel .info-content[data-v-c0ffa8fc] {
  color: white;
  margin: 0.25em;
  line-height: 1.3em;
}
.radar .radar-map .risk-elements-group .info-panel[data-v-c0ffa8fc]:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  -webkit-transform: skewX(35deg) translateX(-160%);
  transform: skewX(35deg) translateX(-160%);
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-c0ffa8fc] {
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  background: center / contain no-repeat;
  -webkit-animation: rotation-c0ffa8fc 5s linear infinite;
  animation: rotation-c0ffa8fc 5s linear infinite;
  -webkit-transition-property: visibility;
  transition-property: visibility;
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-c0ffa8fc]:after {
  content: '';
  border-radius: inherit;
  margin: auto;
  width: 15%;
  height: 15%;
  background-color: #E03636;
  -webkit-box-shadow: 0 0 0.9375em black;
  box-shadow: 0 0 0.9375em black;
  -webkit-animation: scale-c0ffa8fc 1s linear infinite alternate;
  animation: scale-c0ffa8fc 1s linear infinite alternate;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.radar .changing-number-container[data-v-c0ffa8fc] {
  position: absolute;
  right: 14%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .changing-number-container[data-v-c0ffa8fc] {
  display: table;
  color: #10ABE0;
}
.radar .changing-number-container[data-v-c0ffa8fc]:before,
.radar .changing-number-container[data-v-c0ffa8fc]:after {
  display: inline-block;
}
.radar .changing-number-container[data-v-c0ffa8fc]:before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(55%, currentColor), color-stop(55%, transparent)) center / 100% 1em;
  background: linear-gradient(to bottom, transparent 45%, currentColor 55%, transparent 55%) center / 100% 1em;
  width: 1em;
  height: 100%;
  margin-right: 0.625em;
}
.radar .changing-number-container[data-v-c0ffa8fc]:after {
  font-size: 0.75em;
  content: attr(data-number);
  width: 1.3333333333333333em;
  line-height: 1.3333333333333333em;
  word-break: break-all;
  letter-spacing: 1.3333333333333333em;
  vertical-align: top;
  font-weight: bold;
}
.radar .risk-points[data-v-c0ffa8fc] {
  z-index: 15;
}
.radar .risk-points .risk-point-group .risk-point[data-v-c0ffa8fc] {
  position: absolute;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  -webkit-filter: blur(2px);
}
.radar .risk-points .risk-point-group .risk-point[data-v-c0ffa8fc]:after {
  content: '';
  display: block;
  height: 100%;
  border-radius: 50%;
  will-change: transform;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radar .risk-points .risk-point-group .risk-point.type1[data-v-c0ffa8fc]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.type2[data-v-c0ffa8fc]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.critical[data-v-c0ffa8fc] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar .risk-points .risk-point-group .risk-point.ordinary[data-v-c0ffa8fc] {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-c0ffa8fc] {
  color: red;
  -webkit-filter: none;
  width: 5em;
  height: 5em;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-c0ffa8fc] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.1875em solid currentColor;
  -webkit-animation: pulsation-c0ffa8fc 3s linear 1;
  animation: pulsation-c0ffa8fc 3s linear 1;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-c0ffa8fc]:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-c0ffa8fc]:nth-child(3) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-c0ffa8fc]:after {
  content: '';
  position: absolute;
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: currentColor;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .risk-points .risk-point-group.flashing .risk-point[data-v-c0ffa8fc]:after {
  -webkit-animation: flashing-c0ffa8fc 2s linear 1;
  animation: flashing-c0ffa8fc 2s linear 1;
}
.radar .scanning-circle[data-v-c0ffa8fc] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner[data-v-c0ffa8fc] {
  width: 40em;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -webkit-transform: rotate(125deg);
  transform: rotate(125deg);
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-c0ffa8fc],
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-c0ffa8fc] {
  width: 100%;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-c0ffa8fc] {
  display: none;
  position: absolute;
  -webkit-clip-path: inset(0 0 0 50%);
  -webkit-filter: blur(30px);
  -webkit-animation: rotation-c0ffa8fc 30s linear infinite;
  animation: rotation-c0ffa8fc 30s linear infinite;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-c0ffa8fc]:after {
  content: '';
  -webkit-clip-path: inset(0 50% 0 0);
  display: block;
  height: 100%;
  background-color: rgba(19, 182, 206, 0.3);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  border-radius: 50%;
}
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-c0ffa8fc] {
  -webkit-clip-path: circle(20em at 50% 48%);
  -moz-clip-path: circle(20em at 50% 48%);
  clip-path: circle(20em at 50% 48%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid white;
  border-top-width: 5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  will-change: transform;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container[data-v-c0ffa8fc] {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-c0ffa8fc],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .color-sector[data-v-c0ffa8fc] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-c0ffa8fc] {
  -webkit-clip-path: inset(0 0 50% 50%);
  -moz-clip-path: inset(0 0 50% 50%);
  clip-path: inset(0 0 50% 50%);
  overflow: hidden;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  filter: blur(30px);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc] {
  -webkit-clip-path: inset(0 50% 0 0);
  -moz-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  background-color: rgba(19, 182, 206, 0.2);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(1) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(2) {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(3) {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(4) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(5) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(6) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(7) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(8) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(9) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-c0ffa8fc]:nth-child(10) {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration[data-v-c0ffa8fc] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-c0ffa8fc],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-c0ffa8fc] {
  -webkit-filter: blur(2px);
  margin-left: auto;
  margin-right: auto;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-c0ffa8fc] {
  width: 0.0625em;
  height: 50%;
  background-color: rgba(65, 191, 226, 0.5);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-c0ffa8fc] {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-c0ffa8fc]:nth-child(2) {
  width: 0.9375em;
  height: 0.1875em;
  top: 3%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-c0ffa8fc]:nth-child(3) {
  width: 1.375em;
  height: 0.25em;
  top: 17%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-c0ffa8fc]:nth-child(4) {
  width: 1em;
  height: 0.125em;
  top: 33%;
  opacity: 0.3;
}
.radar .scanning-circle .scanning-dashed-circle[data-v-c0ffa8fc] {
  -webkit-animation: rotation-c0ffa8fc 2.67s linear infinite;
  animation: rotation-c0ffa8fc 2.67s linear infinite;
}
.radar .scanning-circle .scanning-dashed-empty-circle[data-v-c0ffa8fc] {
  -webkit-animation: rotation-c0ffa8fc 1.67s linear infinite;
  animation: rotation-c0ffa8fc 1.67s linear infinite;
}
.radar.lying-down .radar-map-container[data-v-c0ffa8fc],
.radar.lying-down .radar-map[data-v-c0ffa8fc],
.radar.lying-down .scanning-circle[data-v-c0ffa8fc],
.radar.lying-down .risk-elements-group[data-v-c0ffa8fc] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.radar.lying-down .radar-map-container[data-v-c0ffa8fc] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar.lying-down .radar-map[data-v-c0ffa8fc] {
  -webkit-transform: translateZ(-125em) rotateX(70deg);
  transform: translateZ(-125em) rotateX(70deg);
  color: transparent;
}
.radar.lying-down .radar-map .risk-elements-group[data-v-c0ffa8fc] {
  opacity: 1;
}
.radar.lying-down .radar-map .risk-elements-group .info-panel[data-v-c0ffa8fc] {
  opacity: .4;
}
.radar.lying-down .radar-map .risk-elements-group .red-flag[data-v-c0ffa8fc] {
  -webkit-transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: transform .3s linear, opacity 0.5s linear, visibility;
  transition: transform .3s linear, opacity 0.5s linear, visibility, -webkit-transform .3s linear;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 5.7s, 0s, 5.7s;
  transition-delay: 5.7s, 0s, 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
  transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 5.3999999999999995s;
  transition-delay: 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 5.1s, 0s, 5.1s;
  transition-delay: 5.1s, 0s, 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 4.8s, 0s, 4.8s;
  transition-delay: 4.8s, 0s, 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 4.5s, 0s, 4.5s;
  transition-delay: 4.5s, 0s, 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 4.2s, 0s, 4.2s;
  transition-delay: 4.2s, 0s, 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 3.9s, 0s, 3.9s;
  transition-delay: 3.9s, 0s, 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
  transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 3.5999999999999996s;
  transition-delay: 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 3.3s, 0s, 3.3s;
  transition-delay: 3.3s, 0s, 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 3s, 0s, 3s;
  transition-delay: 3s, 0s, 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
  transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 2.6999999999999997s;
  transition-delay: 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 2.4s, 0s, 2.4s;
  transition-delay: 2.4s, 0s, 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 2.1s, 0s, 2.1s;
  transition-delay: 2.1s, 0s, 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
  transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 1.7999999999999998s;
  transition-delay: 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 1.5s, 0s, 1.5s;
  transition-delay: 1.5s, 0s, 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 1.2s, 0s, 1.2s;
  transition-delay: 1.2s, 0s, 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
  transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 0.8999999999999999s;
  transition-delay: 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 0.6s, 0s, 0.6s;
  transition-delay: 0.6s, 0s, 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .red-flag[data-v-c0ffa8fc] {
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition-delay: 0.3s, 0s, 0.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .dashed-circle[data-v-c0ffa8fc] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.radar.pause-animation .inner-scanner[data-v-c0ffa8fc],
.radar.pause-animation .scanning-dashed-circle[data-v-c0ffa8fc],
.radar.pause-animation .scanning-dashed-empty-circle[data-v-c0ffa8fc] {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.radar.pause-animation .changing-number-container[data-v-c0ffa8fc] {
  display: none;
}
.radar.pause-animation .risk-points[data-v-c0ffa8fc] {
  display: none;
}
.radar.pause-animation .scanning-circle[data-v-c0ffa8fc] {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.radar[data-v-c0ffa8fc] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.radar[data-v-c0ffa8fc] {
    overflow: hidden;
}
}
@font-face {
	font-family: 'digital-7';
	src: url('../fonts/digital-7-D68qVRwS.ttf');
}
.hs-screen-right-message[data-v-c0ffa8fc] {
	width: 100%;
	height: 33%;
	float: left;
	margin-top: 60px;
}
.hs-screen-right-message ul[data-v-c0ffa8fc],
.hs-screen-right-message .list[data-v-c0ffa8fc] {
	width: 100%;
	height: calc(100% - 84px);
	padding: 0 10px;
	overflow: hidden;
}
.hs-screen-right-message li[data-v-c0ffa8fc] {
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	margin-bottom: 5px;
	text-align: left;
	color: #30d7e0;
	padding: 0 10px;
}
.hs-screen-right-message li p[data-v-c0ffa8fc] {
	float: left;
	overflow: hidden; /*超出部分隐藏*/
	text-overflow: ellipsis; /* 超出部分显示省略号 */
	white-space: nowrap; /*规定段落中的文本不进行换行 */
}
.hs-screen-right-message li i[data-v-c0ffa8fc] {
	padding-right: 10px;
}
.hs-screen-right-message li span[data-v-c0ffa8fc] {
	padding-right: 10px;
	width: calc(100% - 125px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.hs-container[data-v-c0ffa8fc] {
	background: url('../img/bg-C97qBRRn.png');
	background-size: cover;
	user-select: none;
}
.hs-screen-head[data-v-c0ffa8fc] {
	width: 100%;
	height: 120px;
	background: url('../img/head-BppGVZWj.png') no-repeat;
	background-size: 100% 100%;
	text-align: center;
	position: relative;
	padding: 10px 0 53px 0;
}
.hs-screen-head .logo[data-v-c0ffa8fc] {
	position: absolute;
	left: 20px;
	top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hs-screen-head .logo img[data-v-c0ffa8fc] {
	width: 35px;
}
.hs-screen-head .logo span[data-v-c0ffa8fc] {
	padding-left: 10px;
	color: #95c9dd;
	font-size: 22px;
}
.hs-screen-head .title[data-v-c0ffa8fc] {
	letter-spacing: 8px;
	position: relative;
	font-size: 38px;
	font-weight: 700;
	color: #56a1ff;
	background-image: -webkit-linear-gradient(bottom, #5197ff, #80f2ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hs-screen-head .time[data-v-c0ffa8fc],
.hs-screen-head p[data-v-c0ffa8fc] {
	position: absolute;
	right: 20px;
	top: 0;
	color: #95c9dd;
	font-size: 38px;
	padding-bottom: 30px;
	display: block;
	font-family: 'digital-7';
	z-index: 1;
	text-align: right;
}
.hs-screen-head p[data-v-c0ffa8fc] {
	color: #151d22;
	z-index: 0;
}
.hs-screen-container .title[data-v-c0ffa8fc],
.hs-screen-container .sec-title[data-v-c0ffa8fc] {
	width: 100%;
	text-align: center;
	color: #56a1ff;
	background-image: -webkit-linear-gradient(bottom, #5197ff, #80f2ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 24px;
	margin-top: 10px;
	font-weight: bold;
}
@media screen and (max-width: 1920px) {
.hs-screen-container .title[data-v-c0ffa8fc],
	.hs-screen-container .sec-title[data-v-c0ffa8fc] {
		font-size: 20px;
		margin-top: 5px;
		font-weight: bold;
}
}
.hs-screen-main[data-v-c0ffa8fc] {
	width: 100%;
	height: calc(100% - 120px);
	padding: 20px;
}
.hs-screen-container[data-v-c0ffa8fc] {
	float: left;
	display: block;
	width: 27.5%;
	height: 100%;
	position: relative;
	flex: 0 0 auto;
	background: url(../img/container-DwzhvfJ9.png);
	background-size: 100% 100%;
	overflow: hidden;
}
.screen-title[data-v-c0ffa8fc] {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hs-screen-echart[data-v-c0ffa8fc] {
	width: 100%;
	height: calc(33.33333333% - 50px);
	padding: 20px;
	float: left;
}
.hs-screen-center-container[data-v-c0ffa8fc] {
	float: left;
	width: 45%;
	height: 100%;
	position: relative;
	flex: 0 0 auto;
	background: none;
	padding: 0 50px;
}
.hs-screen-center-top[data-v-c0ffa8fc] {
	float: left;
	width: 100%;
	height: calc(66.66666% - 50px);
	background: url(../img/container2-Cr9MX4Kv.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 50px;
	overflow: hidden;
}
.hs-screen-center-bottom[data-v-c0ffa8fc] {
	float: left;
	width: 100%;
	height: 33.333333%;
	background: url(../img/container-bottom-DeqedK6t.png) no-repeat;
	background-size: 100% 100%;
}
.hs-screen-container .flex[data-v-c0ffa8fc] {
	float: left;
	background-image: url(../img/flex-j2HJdkXi.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 33.3333%;
	height: 30px;
	margin-top: 12px;
}
.hs-screen-container .flex[data-v-c0ffa8fc]:nth-child(3) {
	transform: rotate(180deg) !important;
}
.hs-screen-container .sec-title[data-v-c0ffa8fc] {
	width: 100%;
	float: left;
	margin-top: 10px;
	font-size: 20px;
	text-align: center;
	color: #0dcaf6 !important;
}
.hs-screen-container .sec-title p[data-v-c0ffa8fc] {
	margin-top: 10px;
}
.hs-screen-container .sec-title div[data-v-c0ffa8fc] {
	margin: 5px auto;
	width: 90%;
	height: 1px;
	background: #0c3561;
}
.hs-screen-container .sec-title div span[data-v-c0ffa8fc] {
	float: left;
	width: 50px;
	height: 5px;
	margin-top: -2px;
	background: linear-gradient(90deg, rgba(45, 119, 243, 1), rgba(33, 232, 255, 1));
}
.hs-screen-container .sec-title div span[data-v-c0ffa8fc]:last-child {
	float: right;
}
.hs-repair-screen-today-state[data-v-c0ffa8fc] {
	float: left;
	width: 100%;
	padding: 5px 10px;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.hs-repair-screen-today-state li[data-v-c0ffa8fc] {
	background-color: rgba(0, 104, 183, 0.3);
	width: 25%;
	margin: 0 20px;
	height: 80px;
	text-align: center;
}
.hs-repair-screen-today-state li .head[data-v-c0ffa8fc] {
	line-height: 46px;
	font-size: 16px;
	color: #038cff;
}
.hs-repair-screen-today-state li p[data-v-c0ffa8fc] {
	line-height: 10px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}
.hs-repair-screen-time-container[data-v-c0ffa8fc] {
	float: left;
	width: 100%;
	height: calc(100% - 50px);
	padding: 25px;
}
.hs-repair-screen-today-order[data-v-c0ffa8fc] {
	float: left;
	width: 99%;
	height: calc(100% - 300px);
	color: #2fd5ff;
	overflow: hidden;
	margin-left: 0.5%;
}
.hs-repair-screen-today-order-head[data-v-c0ffa8fc] {
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 20px;
	color: #2fd5ff;
}
.hs-repair-screen-today-order .head[data-v-c0ffa8fc] {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: rgba(8, 209, 234, 0.2);
	font-size: 16px;
	border: none;
}
.hs-repair-screen-today-order .head *[data-v-c0ffa8fc],
.hs-repair-screen-today-order li *[data-v-c0ffa8fc] {
	float: left;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	width: calc((100% - 100px) / 4);
}
.hs-repair-screen-today-order .head .state[data-v-c0ffa8fc],
.hs-repair-screen-today-order li .state[data-v-c0ffa8fc] {
	width: 100px;
}
.hs-repair-screen-today-order li[data-v-c0ffa8fc] {
	width: 100%;
	border-bottom: 1px solid #0dcaf6;
	line-height: 52px;
	height: 52px;
	overflow: hidden;
	font-size: 18px;
}
.hs-repair-screen-today-order li[data-v-c0ffa8fc]:last-child {
	border: none !important;
}
.hs-repair-screen-warn[data-v-c0ffa8fc] {
	float: left;
	width: 100%;
	height: 25%;
	zoom: 95%;
}
.hs-repair-screen-warn li[data-v-c0ffa8fc] {
	float: left;
	display: inline-block;
	width: 33.333%;
	height: 100%;
	padding: 0 3%;
	margin: 0 auto;
}
.hs-repair-screen-warn li .circle[data-v-c0ffa8fc] {
	width: 160px;
	height: 160px;
	border-radius: 100%;
	position: relative;
	text-align: center;
	border: 1px solid #2196f3;
	margin: 0 auto;
}
.hs-repair-screen-warn li .circle2[data-v-c0ffa8fc],
.hs-repair-screen-warn li .circle3[data-v-c0ffa8fc] {
	width: 140px;
	height: 140px;
	margin-top: 10px;
	margin-left: 10px;
	border-radius: 100%;
	border: 3px solid #2196f3;
}
.hs-repair-screen-warn li .circle3[data-v-c0ffa8fc] {
	width: 100px;
	height: 100px;
	margin-top: 17px;
	margin-left: 17px;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 36px;
	line-height: 100px;
	position: relative;
	z-index: 1;
	border-radius: 100%;
	overflow: hidden;
}
.hs-repair-screen-warn li p[data-v-c0ffa8fc] {
	line-height: 40px;
	color: #41d8fb;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
/*.wave {
    position: relative;
    width: 140px;
    height: 140px;
    background-color: rgb(118, 218, 255);
    border-radius: 50%;
}*/
.hs-repair-screen-warn li .circle3 .wave[data-v-c0ffa8fc],
.hs-repair-screen-warn li .circle3 .wave1[data-v-c0ffa8fc] {
	content: '';
	position: absolute;
	width: 200px;
	height: 200px;
	top: 0;
	left: 50%;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 45%;
	transform: translate(-50%, -70%) rotate(0);
	animation: rotate1-c0ffa8fc 6s linear infinite;
	z-index: 10;
}
.hs-repair-screen-warn li .circle3 .wave1[data-v-c0ffa8fc] {
	border-radius: 47%;
	background-color: rgba(255, 255, 255, 0);
	transform: translate(-50%, -70%) rotate(0);
	animation: rotate1-c0ffa8fc 10s linear -5s infinite;
	z-index: 20;
}
@keyframes rotate1-c0ffa8fc {
50% {
		transform: translate(-50%, -73%) rotate(180deg);
}
100% {
		transform: translate(-50%, -70%) rotate(360deg);
}
}
.hs-repair-screen-warn-red[data-v-c0ffa8fc] {
	background-image: linear-gradient(90deg, rgba(247, 107, 52, 0) 0%, rgb(253, 116, 41) 100%) !important;
}
.hs-repair-screen-warn-orange[data-v-c0ffa8fc] {
	background-image: linear-gradient(90deg, rgba(219, 234, 103, 0) 0%, rgb(219, 234, 103) 100%) !important;
}
.hs-repair-screen-warn-blue[data-v-c0ffa8fc] {
	background-image: linear-gradient(90deg, rgba(14, 201, 247, 0) 0%, rgb(14, 201, 247) 100%) !important;
}
.hs-repair-screen-warn li .circle-bar[data-v-c0ffa8fc] {
	width: 40%;
	padding: calc(50% - 46.7px) 0;
	position: absolute;
	border-radius: 75px 0 0 0;
	border: #fff;
	top: 11%;
	left: 11%;
	z-index: 11111;
	opacity: 0.4;
	animation: rotate-c0ffa8fc 3s linear infinite;
}
@keyframes rotate-c0ffa8fc {
from {
		transform-origin: bottom right;
		transform: rotate(0deg);
}
to {
		transform-origin: bottom right;
		transform: rotate(360deg);
}
}
.hs-repair-screen-warn-list[data-v-c0ffa8fc] {
	padding: 0 30px;
	height: calc(36% - 40px);
	overflow: hidden;
}
.hs-repair-screen-warn-list li[data-v-c0ffa8fc] {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: flex;
	align-items: center;
	background-color: rgba(0, 104, 183, 0.3);
	color: #3ed4fa;
	padding: 0 10px;
	font-size: 16px;
	margin-top: 5px;
}
.hs-repair-screen-warn-list li .event[data-v-c0ffa8fc] {
	width: 180px;
	padding: 0 10px;
	color: #f55420;
}
.hs-repair-screen-warn-list li .content[data-v-c0ffa8fc] {
	width: calc(100% - 125px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
/*动画*/
.animated[data-v-c0ffa8fc] {
	animation-duration: 0.35s;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeIn-c0ffa8fc {
from {
		opacity: 0;
}
to {
		opacity: 1;
}
}
@keyframes fadeIn-c0ffa8fc {
from {
		opacity: 0;
}
to {
		opacity: 1;
}
}
.fadeIn[data-v-c0ffa8fc] {
	animation-name: fadeIn-c0ffa8fc;
}
@-webkit-keyframes zoomInUp-c0ffa8fc {
from {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp-c0ffa8fc {
from {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp[data-v-c0ffa8fc] {
	animation-name: zoomInUp-c0ffa8fc;
}
@-webkit-keyframes zoomOutUp-c0ffa8fc {
40% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp-c0ffa8fc {
40% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp[data-v-c0ffa8fc] {
	animation-name: zoomOutUp-c0ffa8fc;
}
@-webkit-keyframes zoomIn-c0ffa8fc {
from {
		opacity: 0;
		transform: scale3d(0.85, 0.85, 0.85);
}
50% {
		opacity: 0.5;
}
100% {
		opacity: 1;
}
}
@keyframes zoomIn-c0ffa8fc {
from {
		opacity: 0;
		transform: scale3d(0.85, 0.85, 0.85);
}
50% {
		opacity: 0.5;
}
100% {
		opacity: 1;
}
}
.zoomIn[data-v-c0ffa8fc] {
	animation-name: zoomIn-c0ffa8fc;
}
@-webkit-keyframes slideInUp-c0ffa8fc {
from {
		visibility: visible;
		transform: translate3d(0, 100%, 0);
}
to {
		transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp-c0ffa8fc {
from {
		visibility: visible;
		transform: translate3d(0, 100%, 0);
}
to {
		transform: translate3d(0, 0, 0);
}
}
.slideInUp[data-v-c0ffa8fc] {
	animation-name: slideInUp-c0ffa8fc;
}
.slideInDown[data-v-c0ffa8fc] {
	animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft-c0ffa8fc {
from {
		visibility: visible;
		transform: translate3d(-100%, 0, 0);
}
to {
		transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft-c0ffa8fc {
from {
		visibility: visible;
		transform: translate3d(-100%, 0, 0);
}
to {
		transform: translate3d(0, 0, 0);
}
}
.slideInLeft[data-v-c0ffa8fc] {
	animation-name: slideInLeft-c0ffa8fc;
}
@-webkit-keyframes slideOutRight-c0ffa8fc {
from {
		transform: translate3d(0, 0, 0);
}
to {
		visibility: hidden;
		transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight-c0ffa8fc {
from {
		transform: translate3d(0, 0, 0);
}
to {
		visibility: hidden;
		transform: translate3d(100%, 0, 0);
}
}
.slideOutRight[data-v-c0ffa8fc] {
	animation-name: slideOutRight-c0ffa8fc;
}
.ivu-carousel[data-v-c0ffa8fc] {
	height: 25%;
	float: left;
	width: 100%;
	padding: 20px;
}
@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.screen-container[data-v-1f25c0e6] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("../img/background-i7NCKd64.png");
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}
.screen-container .flex-cc[data-v-1f25c0e6], .screen-container .is-head[data-v-1f25c0e6] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-container .is-head[data-v-1f25c0e6] {
  width: 100%;
  height: 0.9rem;
  background: url("../img/head-bg-DAam7crX.png");
  position: relative;
  background-size: 100% 100%;
  user-select: none;
  align-items: flex-end;
  padding-bottom: 0.05rem;
  z-index: 1;
  pointer-events: auto;
}
@keyframes titleglow-1f25c0e6 {
to {
    background-position: 91% 100%;
}
}
.screen-container .is-head .text[data-v-1f25c0e6], .screen-container .is-head .subject span[data-v-1f25c0e6], .screen-container .is-head .time-wrapper .time-group .time[data-v-1f25c0e6], .screen-container .is-head .title .el[data-v-1f25c0e6], .screen-container .is-head .title[data-v-1f25c0e6] {
  color: #95c9dd;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.screen-container .is-head .title[data-v-1f25c0e6] {
  align-self: center;
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.35rem;
  font-weight: 800;
  margin-top: -0.1rem;
  -webkit-box-reflect: below -15px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.38)));
}
.screen-container .is-head .title .text-box[data-v-1f25c0e6] {
  display: inline-block;
}
.screen-container .is-head .title .el[data-v-1f25c0e6] {
  display: inline-block;
}
.screen-container .is-head .handle[data-v-1f25c0e6] {
  display: flex;
  z-index: 0;
  flex: 1;
}
.screen-container .is-head .handle .item-name[data-v-1f25c0e6] {
  margin: 0 0.0625rem;
  padding: 0 0.05rem;
  font-size: 0.25rem;
  font-weight: bold;
  line-height: 2.2;
  position: relative;
  cursor: pointer;
  color: #95c9dd;
}
.screen-container .is-head .handle .item-name[data-v-1f25c0e6]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 100%;
  transition: all 0.5s;
  border-bottom: 0.025rem solid;
  z-index: -1;
}
.screen-container .is-head .handle .item-name[data-v-1f25c0e6]:hover::after {
  left: 0;
  width: 100%;
  border-color: #95c9dd;
  background: rgba(208, 244, 246, 0.1);
}
.screen-container .is-head .handle .item-name.active[data-v-1f25c0e6] {
  color: #d0f4f6;
}
.screen-container .is-head .handle .item-name.active[data-v-1f25c0e6]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.025rem;
  animation: mymove-1f25c0e6 1s ease-out;
  background-color: #95c9dd;
}
@keyframes mymove-1f25c0e6 {
from {
    opacity: 0;
    transform: translateY(0.125rem);
}
to {
    opacity: 1;
    transform: translateY(0px);
}
}
.screen-container .is-head .handle.left[data-v-1f25c0e6] {
  margin-right: 0.8rem;
  justify-content: flex-end;
}
.screen-container .is-head .handle.right[data-v-1f25c0e6] {
  margin-left: 0.8rem;
}
.screen-container .is-head .time-wrapper[data-v-1f25c0e6] {
  position: absolute;
  bottom: 0;
  right: 0.2rem;
  display: flex;
  align-items: center;
  color: #d0f4f6;
}
.screen-container .is-head .time-wrapper .time-group[data-v-1f25c0e6] {
  position: relative;
  width: 2rem;
  height: 0.5rem;
}
.screen-container .is-head .time-wrapper .time-group .time[data-v-1f25c0e6] {
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.375rem;
  position: absolute;
  z-index: 1;
}
.screen-container .is-head .time-wrapper .time-group .time-shadow[data-v-1f25c0e6] {
  position: absolute;
  z-index: 0;
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.375rem;
  color: rgba(208, 244, 246, 0.2196078431);
}
.screen-container .is-head .time-wrapper i[data-v-1f25c0e6] {
  font-size: 0.275rem;
  margin-left: 0.0625rem;
  cursor: pointer;
}
.screen-container .is-head .subject[data-v-1f25c0e6] {
  position: absolute;
  top: 45%;
  left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  padding: 0 1px;
}
.screen-container .is-head .subject span[data-v-1f25c0e6] {
  font-size: 0.25rem;
  font-weight: bold;
  line-height: 2;
  position: relative;
}
.screen-container .is-head .subject[data-v-1f25c0e6]::before {
  content: "";
  width: 1.5rem;
  height: 0.5rem;
  border: 1px solid #2ca6ff;
  border-radius: 3px;
  position: absolute;
  right: 0;
  animation: proRotate1-1f25c0e6 20s infinite linear;
}
.screen-container .is-head .subject[data-v-1f25c0e6]::after {
  content: "";
  width: 1.5rem;
  height: 0.5rem;
  border: 1px solid #2ca6ff;
  border-radius: 3px;
  position: absolute;
  left: 0;
  animation: proRotate-1f25c0e6 10s infinite linear;
}
@keyframes proRotate-1f25c0e6 {
0% {
    transform: rotateZ(5deg) rotateY(0deg);
}
50% {
    transform: rotateZ(5deg) rotateY(360deg);
}
100% {
    transform: rotateZ(5deg) rotateY(0deg);
}
}
@keyframes proRotate1-1f25c0e6 {
0% {
    transform: rotateZ(0deg) rotateY(0deg);
}
50% {
    transform: rotateZ(-5deg) rotateY(360deg);
}
100% {
    transform: rotateZ(0deg) rotateY(0deg);
}
}
@-webkit-keyframes flashing-6ca30e7c {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@keyframes flashing-6ca30e7c {
0%,
  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
70%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@-webkit-keyframes pulsation-6ca30e7c {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@keyframes pulsation-6ca30e7c {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-color: red;
    background-color: rgba(255, 0, 0, 0.6);
}
80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: rgba(255, 0, 0, 0.2);
    background-color: rgba(255, 0, 0, 0.1);
}
}
@-webkit-keyframes rotation-6ca30e7c {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@keyframes rotation-6ca30e7c {
from {
    -webkit-transform: rotate(0deg) translateZ(1px);
    transform: rotate(0deg) translateZ(1px);
}
to {
    -webkit-transform: rotate(360deg) translateZ(1px);
    transform: rotate(360deg) translateZ(1px);
}
}
@-webkit-keyframes scale-6ca30e7c {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@keyframes scale-6ca30e7c {
from {
    -webkit-transform: scale(1);
    transform: scale(1);
}
to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}
@-webkit-keyframes polish-6ca30e7c {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
@keyframes polish-6ca30e7c {
30%,
  100% {
    -webkit-transform: skewX(35deg) translateX(380%);
    transform: skewX(35deg) translateX(380%);
}
}
.radar[data-v-6ca30e7c] {
  height: 80%;
  width: 80%;
  position: absolute;
  -webkit-perspective: 62.5em;
  perspective: 62.5em;
  z-index: 9;
}
.radar .radar-map-container[data-v-6ca30e7c],
.radar .risk-points[data-v-6ca30e7c],
.radar .scanning-circle canvas[data-v-6ca30e7c] {
  left: 0;
  top: 0;
  position: absolute;
}
.radar .radar-map-container[data-v-6ca30e7c],
.radar .radar-map[data-v-6ca30e7c],
.radar .scanning-circle[data-v-6ca30e7c],
.radar .risk-elements-group[data-v-6ca30e7c] {
  -webkit-transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: opacity 2.5s ease-out, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin;
  transition: transform 2.5s ease-out, opacity 2.5s ease-out, transform-origin, -webkit-transform 2.5s ease-out, -webkit-transform-origin;
}
.radar .radar-map-container[data-v-6ca30e7c],
.radar .radar-map[data-v-6ca30e7c],
.radar .scanning-circle[data-v-6ca30e7c] {
  will-change: transform;
}
.radar .radar-map-container[data-v-6ca30e7c] {
  width: 400%;
  height: 400%;
  left: -150%;
  top: -150%;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map[data-v-6ca30e7c] {
  color: rgba(19, 182, 206, 0.4);
  background: url('http://i64.tinypic.com/5l17ut.jpg') center / contain no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map.roaming[data-v-6ca30e7c] {
  -webkit-transition-duration: 5s !important;
  transition-duration: 5s !important;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.radar .radar-map .risk-elements-group[data-v-6ca30e7c] {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-6ca30e7c],
.radar .radar-map .risk-elements-group .info-panel[data-v-6ca30e7c],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-6ca30e7c] {
  position: absolute;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-6ca30e7c],
.radar .radar-map .risk-elements-group .dashed-circle[data-v-6ca30e7c] {
  visibility: hidden;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-6ca30e7c],
.radar .radar-map .risk-elements-group .info-panel[data-v-6ca30e7c] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
}
.radar .radar-map .risk-elements-group .red-flag[data-v-6ca30e7c] {
  width: 0.5em;
  height: 10em;
  background-color: white;
  -webkit-transform: rotateX(-70deg) rotateZ(-90deg);
  transform: rotateX(-70deg) rotateZ(-90deg);
}
.radar .radar-map .risk-elements-group .red-flag.stand-up[data-v-6ca30e7c] {
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  visibility: visible;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-6ca30e7c]:before {
  content: attr(data-city);
  font-weight: bold;
  color: white;
  position: absolute;
  background-color: red;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 4.782608695652174em;
  height: 3.4782608695652173em;
  line-height: 3.4782608695652173em;
  font-size: 1.4375em;
  font-family: 微软雅黑;
  letter-spacing: 0.43478260869565216em;
  padding-left: 0.5217391304347826em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0.43478260869565216em;
  white-space: nowrap;
}
.radar .radar-map .risk-elements-group .red-flag[data-v-6ca30e7c]:after {
  content: '';
  position: absolute;
  width: 2.1875em;
  height: 0.625em;
  border-radius: 50%;
  background-color: inherit;
  top: calc(100% - 0.625em);
  left: calc(50% - 1.09375em);
}
.radar .radar-map .risk-elements-group .info-panel[data-v-6ca30e7c] {
  -webkit-transform: rotateX(-70deg) translateY(-30%);
  transform: rotateX(-70deg) translateY(-30%);
  -webkit-filter: opacity(0);
  -moz-filter: opacity(0);
  filter: opacity(0);
  border: 0.0625em solid #DCDA6B;
  border-radius: 0.25em;
  background-color: rgba(245, 228, 158, 0.31);
  display: table;
  font-weight: bold;
  font-size: 2.5em;
  text-shadow: 0.025em 0.025em 0.05em black;
  padding: 0.2em 0.3em;
  font-family: 黑体;
  overflow: hidden;
}
.radar .radar-map .risk-elements-group .info-panel.showup[data-v-6ca30e7c] {
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  filter: opacity(1);
  transition: -webkit-filter 1s linear 0.5s, -moz-filter 1s linear 0.5s, filter 1s linear 0.5s, opacity 0.5s linear;
}
.radar .radar-map .risk-elements-group .info-panel.polish[data-v-6ca30e7c]:after {
  -webkit-animation: polish-6ca30e7c 5s linear 1 1s;
  animation: polish-6ca30e7c 5s linear 1 1s;
}
.radar .radar-map .risk-elements-group .info-panel .info-title[data-v-6ca30e7c] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(208, 209, 120, 0.6)), to(rgba(223, 226, 183, 0.05)));
  background-image: linear-gradient(to right, rgba(208, 209, 120, 0.6), rgba(223, 226, 183, 0.05));
  color: #FFE401;
  padding: 0 0.275em;
  border-radius: inherit;
}
.radar .radar-map .risk-elements-group .info-panel .info-content[data-v-6ca30e7c] {
  color: white;
  margin: 0.25em;
  line-height: 1.3em;
}
.radar .radar-map .risk-elements-group .info-panel[data-v-6ca30e7c]:after {
  content: '';
  position: absolute;
  width: 30%;
  height: 100%;
  -webkit-transform: skewX(35deg) translateX(-160%);
  transform: skewX(35deg) translateX(-160%);
  top: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-6ca30e7c] {
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  background: center / contain no-repeat;
  -webkit-animation: rotation-6ca30e7c 5s linear infinite;
  animation: rotation-6ca30e7c 5s linear infinite;
  -webkit-transition-property: visibility;
  transition-property: visibility;
}
.radar .radar-map .risk-elements-group .dashed-circle[data-v-6ca30e7c]:after {
  content: '';
  border-radius: inherit;
  margin: auto;
  width: 15%;
  height: 15%;
  background-color: #E03636;
  -webkit-box-shadow: 0 0 0.9375em black;
  box-shadow: 0 0 0.9375em black;
  -webkit-animation: scale-6ca30e7c 1s linear infinite alternate;
  animation: scale-6ca30e7c 1s linear infinite alternate;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.radar .changing-number-container[data-v-6ca30e7c] {
  position: absolute;
  right: 14%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .changing-number-container[data-v-6ca30e7c] {
  display: table;
  color: #10ABE0;
}
.radar .changing-number-container[data-v-6ca30e7c]:before,
.radar .changing-number-container[data-v-6ca30e7c]:after {
  display: inline-block;
}
.radar .changing-number-container[data-v-6ca30e7c]:before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, transparent), color-stop(55%, currentColor), color-stop(55%, transparent)) center / 100% 1em;
  background: linear-gradient(to bottom, transparent 45%, currentColor 55%, transparent 55%) center / 100% 1em;
  width: 1em;
  height: 100%;
  margin-right: 0.625em;
}
.radar .changing-number-container[data-v-6ca30e7c]:after {
  font-size: 0.75em;
  content: attr(data-number);
  width: 1.3333333333333333em;
  line-height: 1.3333333333333333em;
  word-break: break-all;
  letter-spacing: 1.3333333333333333em;
  vertical-align: top;
  font-weight: bold;
}
.radar .risk-points[data-v-6ca30e7c] {
  z-index: 15;
}
.radar .risk-points .risk-point-group .risk-point[data-v-6ca30e7c] {
  position: absolute;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  -webkit-filter: blur(2px);
}
.radar .risk-points .risk-point-group .risk-point[data-v-6ca30e7c]:after {
  content: '';
  display: block;
  height: 100%;
  border-radius: 50%;
  will-change: transform;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radar .risk-points .risk-point-group .risk-point.type1[data-v-6ca30e7c]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em rgba(245, 76, 128, 0.54), 0 0 2.5625em 1.5625em rgba(222, 17, 17, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.type2[data-v-6ca30e7c]:after {
  -webkit-box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
  box-shadow: 0 0 0.3125em 0.3125em white inset, 0 0 0.3125em 0.5625em #15d8e8, 0 0 2.5625em 1.5625em rgba(44, 218, 226, 0.89);
}
.radar .risk-points .risk-point-group .risk-point.critical[data-v-6ca30e7c] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar .risk-points .risk-point-group .risk-point.ordinary[data-v-6ca30e7c] {
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-6ca30e7c] {
  color: red;
  -webkit-filter: none;
  width: 5em;
  height: 5em;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-6ca30e7c] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.1875em solid currentColor;
  -webkit-animation: pulsation-6ca30e7c 3s linear 1;
  animation: pulsation-6ca30e7c 3s linear 1;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-6ca30e7c]:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation .pulse-circle[data-v-6ca30e7c]:nth-child(3) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.radar .risk-points .risk-point-group .risk-point.pulsation[data-v-6ca30e7c]:after {
  content: '';
  position: absolute;
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: currentColor;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.radar .risk-points .risk-point-group.flashing .risk-point[data-v-6ca30e7c]:after {
  -webkit-animation: flashing-6ca30e7c 2s linear 1;
  animation: flashing-6ca30e7c 2s linear 1;
}
.radar .scanning-circle[data-v-6ca30e7c] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner[data-v-6ca30e7c] {
  width: 40em;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -webkit-transform: rotate(125deg);
  transform: rotate(125deg);
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-6ca30e7c],
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-6ca30e7c] {
  width: 100%;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-6ca30e7c] {
  display: none;
  position: absolute;
  -webkit-clip-path: inset(0 0 0 50%);
  -webkit-filter: blur(30px);
  -webkit-animation: rotation-6ca30e7c 30s linear infinite;
  animation: rotation-6ca30e7c 30s linear infinite;
}
.radar .scanning-circle .radar-scanner .inner-scanner[data-v-6ca30e7c]:after {
  content: '';
  -webkit-clip-path: inset(0 50% 0 0);
  display: block;
  height: 100%;
  background-color: rgba(19, 182, 206, 0.3);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  border-radius: 50%;
}
.radar .scanning-circle .radar-scanner .outer-scanner[data-v-6ca30e7c] {
  -webkit-clip-path: circle(20em at 50% 48%);
  -moz-clip-path: circle(20em at 50% 48%);
  clip-path: circle(20em at 50% 48%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid white;
  border-top-width: 5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  box-shadow: 0 -0.1875em 0.3125em #33C9E8, 0 0 0.9375em white, 0 0.3125em 0.5em #38C1D2 inset;
  will-change: transform;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container[data-v-6ca30e7c] {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-6ca30e7c],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .color-sector[data-v-6ca30e7c] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella[data-v-6ca30e7c] {
  -webkit-clip-path: inset(0 0 50% 50%);
  -moz-clip-path: inset(0 0 50% 50%);
  clip-path: inset(0 0 50% 50%);
  overflow: hidden;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  filter: blur(30px);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c] {
  -webkit-clip-path: inset(0 50% 0 0);
  -moz-clip-path: inset(0 50% 0 0);
  clip-path: inset(0 50% 0 0);
  background-color: rgba(19, 182, 206, 0.2);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(1) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(2) {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(3) {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(4) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(5) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(6) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(7) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(8) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(9) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .umbrella .color-sector[data-v-6ca30e7c]:nth-child(10) {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration[data-v-6ca30e7c] {
  position: relative;
  height: 100%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-6ca30e7c],
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-6ca30e7c] {
  -webkit-filter: blur(2px);
  margin-left: auto;
  margin-right: auto;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .thin-border[data-v-6ca30e7c] {
  width: 0.0625em;
  height: 50%;
  background-color: rgba(65, 191, 226, 0.5);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-6ca30e7c] {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-6ca30e7c]:nth-child(2) {
  width: 0.9375em;
  height: 0.1875em;
  top: 3%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-6ca30e7c]:nth-child(3) {
  width: 1.375em;
  height: 0.25em;
  top: 17%;
}
.radar .scanning-circle .radar-scanner .outer-scanner .scanner-container .scanner-decoration .small-ellipse[data-v-6ca30e7c]:nth-child(4) {
  width: 1em;
  height: 0.125em;
  top: 33%;
  opacity: 0.3;
}
.radar .scanning-circle .scanning-dashed-circle[data-v-6ca30e7c] {
  -webkit-animation: rotation-6ca30e7c 2.67s linear infinite;
  animation: rotation-6ca30e7c 2.67s linear infinite;
}
.radar .scanning-circle .scanning-dashed-empty-circle[data-v-6ca30e7c] {
  -webkit-animation: rotation-6ca30e7c 1.67s linear infinite;
  animation: rotation-6ca30e7c 1.67s linear infinite;
}
.radar.lying-down .radar-map-container[data-v-6ca30e7c],
.radar.lying-down .radar-map[data-v-6ca30e7c],
.radar.lying-down .scanning-circle[data-v-6ca30e7c],
.radar.lying-down .risk-elements-group[data-v-6ca30e7c] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.radar.lying-down .radar-map-container[data-v-6ca30e7c] {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radar.lying-down .radar-map[data-v-6ca30e7c] {
  -webkit-transform: translateZ(-125em) rotateX(70deg);
  transform: translateZ(-125em) rotateX(70deg);
  color: transparent;
}
.radar.lying-down .radar-map .risk-elements-group[data-v-6ca30e7c] {
  opacity: 1;
}
.radar.lying-down .radar-map .risk-elements-group .info-panel[data-v-6ca30e7c] {
  opacity: .4;
}
.radar.lying-down .radar-map .risk-elements-group .red-flag[data-v-6ca30e7c] {
  -webkit-transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: opacity 0.5s linear, visibility, -webkit-transform .3s linear;
  transition: transform .3s linear, opacity 0.5s linear, visibility;
  transition: transform .3s linear, opacity 0.5s linear, visibility, -webkit-transform .3s linear;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 5.7s, 0s, 5.7s;
  transition-delay: 5.7s, 0s, 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(19) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
  transition-delay: 5.3999999999999995s, 0s, 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(18) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 5.3999999999999995s;
  transition-delay: 5.3999999999999995s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 5.1s, 0s, 5.1s;
  transition-delay: 5.1s, 0s, 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(17) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 4.8s, 0s, 4.8s;
  transition-delay: 4.8s, 0s, 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(16) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 4.5s, 0s, 4.5s;
  transition-delay: 4.5s, 0s, 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(15) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 4.2s, 0s, 4.2s;
  transition-delay: 4.2s, 0s, 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(14) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 3.9s, 0s, 3.9s;
  transition-delay: 3.9s, 0s, 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(13) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
  transition-delay: 3.5999999999999996s, 0s, 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(12) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 3.5999999999999996s;
  transition-delay: 3.5999999999999996s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 3.3s, 0s, 3.3s;
  transition-delay: 3.3s, 0s, 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(11) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 3s, 0s, 3s;
  transition-delay: 3s, 0s, 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(10) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
  transition-delay: 2.6999999999999997s, 0s, 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(9) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 2.6999999999999997s;
  transition-delay: 2.6999999999999997s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 2.4s, 0s, 2.4s;
  transition-delay: 2.4s, 0s, 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(8) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 2.1s, 0s, 2.1s;
  transition-delay: 2.1s, 0s, 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(7) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
  transition-delay: 1.7999999999999998s, 0s, 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(6) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 1.7999999999999998s;
  transition-delay: 1.7999999999999998s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 1.5s, 0s, 1.5s;
  transition-delay: 1.5s, 0s, 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(5) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 1.2s, 0s, 1.2s;
  transition-delay: 1.2s, 0s, 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(4) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
  transition-delay: 0.8999999999999999s, 0s, 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(3) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 0.8999999999999999s;
  transition-delay: 0.8999999999999999s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 0.6s, 0s, 0.6s;
  transition-delay: 0.6s, 0s, 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(2) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .red-flag[data-v-6ca30e7c] {
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition-delay: 0.3s, 0s, 0.3s;
}
.radar.lying-down .radar-map:not(.roaming) .risk-elements-group:nth-child(1) .dashed-circle[data-v-6ca30e7c] {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.radar.pause-animation .inner-scanner[data-v-6ca30e7c],
.radar.pause-animation .scanning-dashed-circle[data-v-6ca30e7c],
.radar.pause-animation .scanning-dashed-empty-circle[data-v-6ca30e7c] {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.radar.pause-animation .changing-number-container[data-v-6ca30e7c] {
  display: none;
}
.radar.pause-animation .risk-points[data-v-6ca30e7c] {
  display: none;
}
.radar.pause-animation .scanning-circle[data-v-6ca30e7c] {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.radar[data-v-6ca30e7c] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.radar[data-v-6ca30e7c] {
    overflow: hidden;
}
}
@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.video-flex[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.15rem;
  color: #fff;
  font-size: 0.15rem;
  cursor: pointer;
}
.videoActive[data-v-6ca30e7c] {
  color: #00dfff;
}
.head-flex[data-v-6ca30e7c] {
  float: left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: 0.45rem;
}
.head-flex .active[data-v-6ca30e7c] {
  border-bottom: 0.025rem solid #95c9dd;
  padding-bottom: 0.025rem;
}
.head-flex > span[data-v-6ca30e7c] {
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.1875rem;
  font-weight: 800;
  color: #95c9dd;
  line-height: 0.2rem;
  background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0.15rem;
}
.head-flex > span > a[data-v-6ca30e7c] {
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.1875rem;
  font-weight: 800;
  color: #95c9dd;
  line-height: 0.2rem;
  background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0.15rem;
}
.screen-container[data-v-6ca30e7c] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  background: url("../img/bg-BO63aFrY.png");
  background-size: cover;
  user-select: none;
}
.screen-container .hs-screen-head[data-v-6ca30e7c] {
  width: 100%;
  height: 0.8rem;
  background: url("../img/head-bg-DAam7crX.png");
  position: relative;
  text-align: center;
  flex: none;
  background-size: 100% 100%;
  user-select: none;
  z-index: 1;
}
.screen-container .hs-screen-head .head-title-box[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.8rem;
  padding-bottom: 0.2rem;
}
.screen-container .hs-screen-head .head-title-box .title[data-v-6ca30e7c] {
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.35rem;
  font-weight: 800;
  color: #88e2fd;
  background-image: -webkit-linear-gradient(bottom, #62a1fb, #88e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.screen-container .hs-screen-head .time[data-v-6ca30e7c] {
  -webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.7)));
  font-family: "digital-7";
  color: #95c9dd;
  position: absolute;
  top: 0;
  right: 0.2rem;
  line-height: 0.5rem;
  font-size: 0.25rem;
  background: linear-gradient(180deg, #62a1fb, #88e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.screen-container .hs-screen-main[data-v-6ca30e7c] {
  width: 100%;
  height: calc(100% - 0.8rem);
  display: flex;
  position: relative;
}
.screen-container .hs-screen-main .left-container[data-v-6ca30e7c] {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.screen-container .hs-screen-main .left-container .left-list[data-v-6ca30e7c] {
  background: rgba(0, 16, 71, 0.9);
  width: 4rem;
  height: 100%;
  transform: translateX(0);
  transition: all 1s;
  padding: 0.125rem;
}
.screen-container .hs-screen-main .left-container .left-list .container[data-v-6ca30e7c] {
  background-image: url("../img/container-DwzhvfJ9.png");
  background-size: 100% 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.125rem;
}
.screen-container .hs-screen-main .left-container .left-list .container .nav-tab[data-v-6ca30e7c] {
  height: 0.35rem;
  background: linear-gradient(0deg, #0e1e48, #162a64);
  border-radius: 0.075rem;
  display: flex;
}
.screen-container .hs-screen-main .left-container .left-list .container .nav-tab > span[data-v-6ca30e7c] {
  flex: 1;
  text-align: center;
  line-height: 0.35rem;
  color: #bec1c8;
  font-size: 0.14rem;
}
.screen-container .hs-screen-main .left-container .left-list .container .nav-tab .active[data-v-6ca30e7c] {
  color: #00dfff;
  position: relative;
}
.screen-container .hs-screen-main .left-container .left-list .container .nav-tab .active[data-v-6ca30e7c]::after {
  content: "";
  width: 12%;
  position: absolute;
  left: 50%;
  margin-left: -6%;
  bottom: 10%;
  height: 0.0125rem;
  background: #ffffff;
}
.screen-container .hs-screen-main .left-container .left-list .container .input[data-v-6ca30e7c] {
  height: 0.35rem;
  border-radius: 1rem;
  border: 0.015rem solid #1c5c9c;
  background: transparent;
  text-indent: 0.125rem;
  color: #fff;
  font-size: 0.14rem;
  opacity: 0.5;
  margin-top: 0.125rem;
}
.screen-container .hs-screen-main .left-container .left-list .container .list[data-v-6ca30e7c] {
  flex: 1;
  margin: 0.175rem 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.screen-container .hs-screen-main .left-container .left-list .container .list .item[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.5rem;
  padding: 0 0.125rem;
  margin-bottom: 0.125rem;
}
.screen-container .hs-screen-main .left-container .left-list .container .list .item .info[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
  flex: 1;
}
.screen-container .hs-screen-main .left-container .left-list .container .list .item .info .icon > img[data-v-6ca30e7c] {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
}
.screen-container .hs-screen-main .left-container .left-list .container .list .item .info span[data-v-6ca30e7c] {
  flex: 1;
  color: #ffffff;
  font-size: 0.14rem;
  margin-left: 0.0625rem;
}
.screen-container .hs-screen-main .left-container .left-list .container .list .item .info .status[data-v-6ca30e7c] {
  width: 0.58rem;
  height: 0.21rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.0625rem;
  font-size: 0.1rem;
}
.screen-container .hs-screen-main .left-container .left-list .container .list .item .info .warn[data-v-6ca30e7c] {
  background: linear-gradient(0deg, #fc2222 50%, #ff6c6c 100%);
}
.screen-container .hs-screen-main .left-container .left-list .container .list .item .info .normal[data-v-6ca30e7c] {
  background: linear-gradient(180deg, #006edf, #21e8ff);
}
.screen-container .hs-screen-main .left-container .left-list .container .list .item .info .disable[data-v-6ca30e7c] {
  background: linear-gradient(180deg, #a08916, #f0cc18);
}
.screen-container .hs-screen-main .left-container .left-list .container .list .item > i[data-v-6ca30e7c] {
  color: #22e7ff;
  font-size: 0.2rem;
}
.screen-container .hs-screen-main .left-container .left-list .container .list .active[data-v-6ca30e7c] {
  box-shadow: 0px 0 9px #23bff9 inset;
}
.screen-container .hs-screen-main .left-container .left-list .container .total[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen-container .hs-screen-main .left-container .left-list .container .total .total-item[data-v-6ca30e7c] {
  width: 30%;
  height: 0.5rem;
  border-radius: 0.075rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(0deg, #1b2d6f, #0e1e48);
  font-size: 0.1375rem;
}
.screen-container .hs-screen-main .left-container .left-list .container .total .total-item > span[data-v-6ca30e7c] {
  color: #fff;
  font-size: 0.125rem;
}
.screen-container .hs-screen-main .left-container .left-show[data-v-6ca30e7c] {
  width: 0.225rem;
  height: 1.06rem;
  cursor: pointer;
  transition: all 1s;
  transform: translateX(0);
}
.screen-container .hs-screen-main .left-container .left-show img[data-v-6ca30e7c] {
  width: 0.225rem;
  height: 1.06rem;
}
.screen-container .hs-screen-main .left-container .back[data-v-6ca30e7c] {
  transform: translateX(-4rem);
}
.screen-container .hs-screen-main .right-container[data-v-6ca30e7c] {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.screen-container .hs-screen-main .right-container .right-list[data-v-6ca30e7c] {
  background: rgba(0, 16, 71, 0.9);
  width: 5rem;
  height: 100%;
  padding: 0.125rem;
  transform: translateX(5rem);
  transition: all 1s;
}
.screen-container .hs-screen-main .right-container .right-list .container[data-v-6ca30e7c] {
  background-image: url("../img/container-DwzhvfJ9.png");
  background-size: 100% 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.125rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block[data-v-6ca30e7c] {
  width: 100%;
  height: 33%;
  display: flex;
  flex-direction: column;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .sec-title[data-v-6ca30e7c] {
  width: 100%;
  float: left;
  font-size: 0.175rem;
  text-align: center;
  color: #00ecff !important;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .sec-title > p[data-v-6ca30e7c] {
  margin: 0.125rem 0 0 0;
  background: url(../img/titleBg-CK-W6PiM.png) no-repeat center;
  background-size: 100%;
  overflow: hidden;
  font-size: 0.175rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content[data-v-6ca30e7c] {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
  padding: 0.15rem;
  color: #fff;
  overflow: hidden;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item[data-v-6ca30e7c] {
  border: 2px solid #0e3065;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item > .info[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.125rem;
  border-bottom: 1px solid rgba(99, 99, 99, 0.3);
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item .icon[data-v-6ca30e7c] {
  width: 0.15rem;
  height: 0.15rem;
  border: 0.02rem solid #00dfff;
  border-radius: 50%;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item > .info[data-v-6ca30e7c] {
  margin-left: 0.125rem;
  color: #fff;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item > .info > p[data-v-6ca30e7c] {
  font-size: 0.13rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item > .info > p > span[data-v-6ca30e7c] {
  font-size: 0.13rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item > .info .left-item > .info > p img[data-v-6ca30e7c] {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 0.07rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item > .info > span[data-v-6ca30e7c] {
  color: #00dfff;
  font-size: 0.15rem;
  cursor: pointer;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item .info-item[data-v-6ca30e7c] {
  padding: 0.125rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item .info-item[data-v-6ca30e7c]:not(:last-child) {
  border-bottom: 1px solid rgba(99, 99, 99, 0.3);
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item .info-item > span[data-v-6ca30e7c] {
  color: #00dfff;
  font-size: 0.15rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item .info-item .info-row[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 0.13rem;
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item .info-item .info-row > span[data-v-6ca30e7c] {
  flex: 1;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .item .info-item .info-row i[data-v-6ca30e7c] {
  font-size: 0.2rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .track-item[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
  color: #fff;
  width: 80%;
  font-size: 0.14rem;
  margin-bottom: 0.125rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .track-item .track-time[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 40%;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .track-item .track-time p[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .track-item .point[data-v-6ca30e7c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 0.125rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .track-item .point i[data-v-6ca30e7c] {
  font-size: 0.2rem;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .track-item .point .line[data-v-6ca30e7c] {
  width: 1px;
  height: 40px;
  border-right: 1px dashed #ccc;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .track-item .track-info[data-v-6ca30e7c] {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .track-item .track-info > span[data-v-6ca30e7c]:first-child {
  font-weight: bold;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .content .track-item .track-info div[data-v-6ca30e7c] {
  display: flex;
  justify-content: space-between;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .message ul[data-v-6ca30e7c],
.screen-container .hs-screen-main .right-container .right-list .container .block .message .list[data-v-6ca30e7c] {
  width: 100%;
  height: calc(100% - 0.15rem);
  padding: 0 0.125rem;
  overflow: hidden;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .message li[data-v-6ca30e7c] {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 0.15rem;
  margin-bottom: 3px;
  text-align: left;
  color: #30d7e0;
  padding: 0 1px;
  display: flex;
  list-style: none;
}
.screen-container .hs-screen-main .right-container .right-list .container .block .message li > p[data-v-6ca30e7c] {
  float: left;
  overflow: hidden; /*超出部分隐藏*/
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  white-space: nowrap; /*规定段落中的文本不进行换行 */
}
.screen-container .hs-screen-main .right-container .right-list .container .block .message li > span[data-v-6ca30e7c] {
  padding-right: 1px;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.screen-container .hs-screen-main .right-container .right-show[data-v-6ca30e7c] {
  width: 0.225rem;
  height: 1.06rem;
  cursor: pointer;
  transition: all 1s;
  transform: translateX(5rem);
}
.screen-container .hs-screen-main .right-container .right-show img[data-v-6ca30e7c] {
  width: 0.225rem;
  height: 1.06rem;
}
.screen-container .hs-screen-main .right-container .back[data-v-6ca30e7c] {
  transform: translateX(0);
}
.screen-container .hs-screen-main .org-list[data-v-6ca30e7c] {
  position: absolute;
  top: 0.125rem;
  width: 8rem;
  height: 0.5rem;
  left: 50%;
  margin-left: -4rem;
  display: flex;
  align-items: center;
  z-index: 1;
  justify-content: space-around;
}
.screen-container .hs-screen-main .org-list .org-item[data-v-6ca30e7c] {
  background: #0d1d50;
  color: #99daff;
  font-size: 0.15rem;
  font-weight: bold;
  padding: 0.1rem 0.125rem;
  background-image: url(../img/org-item-BxoFHhbm.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.screen-container .hs-screen-main .org-list .active[data-v-6ca30e7c] {
  color: #07b0fc;
}
.screen-container .hs-screen-main .top-container[data-v-6ca30e7c] {
  position: absolute;
  background: url("../img/top-border-DrIdQPIP.png");
  background-size: 100% 100%;
  top: 0.125rem;
  width: 8rem;
  height: 0.5rem;
  left: 50%;
  margin-left: -4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.125rem;
}
.screen-container .hs-screen-main .top-container .btn-group[data-v-6ca30e7c] {
  display: flex;
  align-items: center;
}
.screen-container .hs-screen-main .top-container .btn-group .btn[data-v-6ca30e7c] {
  width: 0.6rem;
  height: 0.3rem;
  background: url("../img/btn-border-BWOoAECt.png");
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 0.125rem;
}
.screen-container .hs-screen-main .top-container .btn-group .btn span[data-v-6ca30e7c] {
  color: #0378ea;
  background: linear-gradient(180deg, #5f9afb 0%, #8ae6ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.14rem;
}
.screen-container .hs-screen-main .top-container i[data-v-6ca30e7c] {
  transform: rotate(45deg);
  font-size: 0.2rem;
  color: rgb(34, 231, 255);
  cursor: pointer;
}
.notMsg[data-v-6ca30e7c] {
  color: #66ccff !important;
  font-weight: bold;
  font-size: 0.17rem !important;
  justify-content: center !important;
  text-align: center;
}
[data-v-6ca30e7c] .ivu-input {
  border: none;
  background: transparent;
  color: #0378ea;
  background: linear-gradient(180deg, #5f9afb 0%, #8ae6ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.14rem;
  outline: none;
}
[data-v-6ca30e7c] .ivu-date-picker-rel i {
  display: none;
}
[data-v-6ca30e7c] .amap-marker-label {
  position: absolute;
  z-index: 2;
  border: 1px solid #fff;
  background-color: #ffd51f;
  color: #333;
  white-space: nowrap;
  cursor: default;
  font-weight: 550;
  font-size: 12px;
  padding: 3px 7px;
  border-radius: 3px;
  line-height: 14px;
}.container[data-v-167d16e7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 0.5rem;
  color: #fff;
}
.container .title[data-v-167d16e7] {
  font-size: 0.275rem;
  margin-bottom: 0.38rem;
}
.container .row[data-v-167d16e7] {
  display: flex;
  align-items: center;
  height: 1rem;
  width: 100%;
}
.container .row .col[data-v-167d16e7] {
  display: flex;
  align-items: center;
  flex: 1;
  height: 100%;
  margin: 0 0.25rem;
}
.container .row .col .value[data-v-167d16e7] {
  font-size: 0.6rem;
  font-weight: 700;
  flex: 1;
  text-align: center;
}
.container .row .col .label[data-v-167d16e7] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
  font-size: 0.2rem;
}
.container .wrapper[data-v-167d16e7] {
  display: flex;
  flex-direction: column;
  width: 90%;
  height: 80%;
  padding: 0.5rem 0.5rem 0.2rem 0.5rem;
}
.container .wrapper .total[data-v-167d16e7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container .wrapper .total-item[data-v-167d16e7] {
  text-align: center;
}
.container .wrapper .total-item .value[data-v-167d16e7] {
  font-size: 0.3125rem;
}
.container .wrapper .total-item .label[data-v-167d16e7] {
  font-size: 0.17rem;
}
.container .wrapper .chart-box[data-v-167d16e7] {
  height: 85%;
  overflow: hidden;
}
.container .wrapper .chart-box .chart[data-v-167d16e7] {
  width: 100%;
  height: 100%;
}.container[data-v-21c629f4] {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-left: auto;
  width: 90%;
  height: 90%;
}
.container .title[data-v-21c629f4] {
  color: #fed548;
  font-size: 0.25rem;
  margin-top: 0.15rem;
  margin-left: 0.15rem;
}
.container .content[data-v-21c629f4] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: linear-gradient(to right, #012166, #0a1947);
}
.container .content .wrapper[data-v-21c629f4] {
  flex: 1;
}.container[data-v-2abaccaf] {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-right: auto;
  width: 90%;
  height: 90%;
}
.container .title[data-v-2abaccaf] {
  color: #fed548;
  font-size: 0.25rem;
  margin-top: 0.15rem;
  margin-right: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.container .content[data-v-2abaccaf] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: linear-gradient(to right, #0b184c, #042366);
}
.container .content .wrapper[data-v-2abaccaf] {
  flex: 1;
}@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.hs-container[data-v-92e2d2a7] {
  background: url("../img/background-i7NCKd64.png");
  background-size: cover;
  user-select: none;
}
.head-flex[data-v-92e2d2a7] {
  float: left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: 0.45rem;
}
.head-flex .active[data-v-92e2d2a7] {
  border-bottom: 0.025rem solid #95c9dd;
  padding-bottom: 0.025rem;
}
.head-flex > span[data-v-92e2d2a7] {
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.1875rem;
  font-weight: 800;
  color: #95c9dd;
  line-height: 0.2rem;
  background-image: -webkit-linear-gradient(bottom, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0.15rem;
}
.hs-screen-head[data-v-92e2d2a7] {
  width: 100%;
  height: 0.8rem;
  background: url("../img/head-bg-DAam7crX.png");
  position: relative;
  text-align: center;
  flex: none;
  background-size: 100% 100%;
  user-select: none;
  z-index: 1;
}
.hs-screen-head .head-title-box[data-v-92e2d2a7] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.8rem;
  padding-bottom: 0.2rem;
}
.hs-screen-head .head-title-box .title[data-v-92e2d2a7] {
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.35rem;
  font-weight: 800;
  color: #88e2fd;
  background-image: -webkit-linear-gradient(bottom, #62a1fb, #88e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hs-screen-head .time[data-v-92e2d2a7] {
  -webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.7)));
  font-family: "digital-7";
  color: #95c9dd;
  position: absolute;
  top: 0;
  right: 0.2rem;
  line-height: 0.5rem;
  font-size: 0.25rem;
  background: linear-gradient(180deg, #62a1fb, #88e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hs-screen-main[data-v-92e2d2a7] {
  width: 100%;
  height: calc(100% - 0.85rem);
  padding: 0.125rem;
  display: flex;
}
.video[data-v-92e2d2a7] {
  width: 400px;
  height: 300px;
  /* margin: 0 5px; */
  display: inline-block;
  overflow: hidden;
  margin: 0.125rem;
  border: 1px solid #3079cc;
  position: relative;
}
.video .totast[data-v-92e2d2a7] {
  position: absolute;
  bottom: 0;
  z-index: 9;
  width: 400px;
  color: #fff;
  height: 50px;
  display: flex;
  font-size: 0.125rem;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.5);
}
video[data-v-92e2d2a7] {
  width: 100%;
  height: 100%;
  object-fit: fill;
}.screen-container[data-v-2dc89dc4] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("../img/image-DSEvHQ1Q.webp");
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}
.screen-container .screen-head[data-v-2dc89dc4] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
}
.screen-container .screen-head .title[data-v-2dc89dc4] {
  color: #fed548;
  font-size: 0.4rem;
  text-align: center;
  font-weight: 700;
  flex: 1;
  width: 9rem;
  margin: 0 1rem;
}
.screen-container .screen-head .title > span[data-v-2dc89dc4]:first-child {
  letter-spacing: 0.1875rem;
}
.screen-container .screen-head .time[data-v-2dc89dc4] {
  font-size: 0.25rem;
  color: #fff;
  margin-top: 0.4rem;
  flex: 1;
  display: flex;
}
.screen-container .screen-head .left[data-v-2dc89dc4] {
  margin-right: 0.125rem;
  justify-content: flex-end;
}
.screen-container .screen-body[data-v-2dc89dc4] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.screen-container .screen-body .main[data-v-2dc89dc4] {
  display: flex;
  justify-content: space-between;
  flex: 1.2;
  perspective: 25.6rem;
  overflow: hidden;
}
.screen-container .screen-body .main .item[data-v-2dc89dc4] {
  display: flex;
  position: relative;
}
.screen-container .screen-body .main .flex2[data-v-2dc89dc4] {
  width: 46%;
  background: rgba(255, 0, 0, 0.2);
}
.screen-container .screen-body .main .item1[data-v-2dc89dc4] {
  width: 28.5%;
  transform: rotateY(40deg);
  transform-style: preserve-3d;
  transform-origin: left;
}
.screen-container .screen-body .main .item2[data-v-2dc89dc4] {
  width: 27.5%;
  transform: rotateY(322deg);
  transform-style: preserve-3d;
}
.screen-container .screen-body .footer[data-v-2dc89dc4] {
  flex: 0.5;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-container .screen-body .footer-content[data-v-2dc89dc4] {
  width: 70%;
  height: 74%;
  perspective: 1048px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen-container .screen-body .footer-content .item[data-v-2dc89dc4] {
  overflow: hidden;
}
.screen-container .screen-body .footer-content .item1[data-v-2dc89dc4] {
  transform: rotateY(-8deg) rotateZ(3deg);
  transform-origin: left top;
  transform-style: preserve-3d;
  width: 31%;
  height: 87%;
  margin-bottom: auto;
  margin-top: -0.125rem;
}
.screen-container .screen-body .footer-content .item2[data-v-2dc89dc4] {
  width: 35%;
  height: 100%;
}
.screen-container .screen-body .footer-content .item3[data-v-2dc89dc4] {
  transform: rotateY(8deg) rotateZ(-3deg);
  transform-origin: right top;
  transform-style: preserve-3d;
  width: 31%;
  height: 87%;
  margin-top: -0.125rem;
  margin-bottom: auto;
}@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.screen-container[data-v-b78901fe] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("../img/background-i7NCKd64.png");
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}
.screen-container .flex-cc[data-v-b78901fe], .screen-container .is-head[data-v-b78901fe] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-container .is-head[data-v-b78901fe] {
  width: 100%;
  height: 0.9rem;
  background: url("../img/head-bg-DAam7crX.png");
  position: relative;
  background-size: 100% 100%;
  user-select: none;
  align-items: flex-end;
  padding-bottom: 0.05rem;
  z-index: 1;
  pointer-events: auto;
}
@keyframes titleglow-b78901fe {
to {
    background-position: 91% 100%;
}
}
.screen-container .is-head .text[data-v-b78901fe], .screen-container .is-head .subject span[data-v-b78901fe], .screen-container .is-head .time-wrapper .time-group .time[data-v-b78901fe], .screen-container .is-head .title .el[data-v-b78901fe], .screen-container .is-head .title[data-v-b78901fe] {
  color: #95c9dd;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.screen-container .is-head .title[data-v-b78901fe] {
  align-self: center;
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.35rem;
  font-weight: 800;
  margin-top: -0.1rem;
  -webkit-box-reflect: below -15px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.38)));
}
.screen-container .is-head .title .text-box[data-v-b78901fe] {
  display: inline-block;
}
.screen-container .is-head .title .el[data-v-b78901fe] {
  display: inline-block;
}
.screen-container .is-head .handle[data-v-b78901fe] {
  display: flex;
  z-index: 0;
  flex: 1;
}
.screen-container .is-head .handle .item-name[data-v-b78901fe] {
  margin: 0 0.0625rem;
  padding: 0 0.05rem;
  font-size: 0.25rem;
  font-weight: bold;
  line-height: 2.2;
  position: relative;
  cursor: pointer;
  color: #95c9dd;
}
.screen-container .is-head .handle .item-name[data-v-b78901fe]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 100%;
  transition: all 0.5s;
  border-bottom: 0.025rem solid;
  z-index: -1;
}
.screen-container .is-head .handle .item-name[data-v-b78901fe]:hover::after {
  left: 0;
  width: 100%;
  border-color: #95c9dd;
  background: rgba(208, 244, 246, 0.1);
}
.screen-container .is-head .handle .item-name.active[data-v-b78901fe] {
  color: #d0f4f6;
}
.screen-container .is-head .handle .item-name.active[data-v-b78901fe]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.025rem;
  animation: mymove-b78901fe 1s ease-out;
  background-color: #95c9dd;
}
@keyframes mymove-b78901fe {
from {
    opacity: 0;
    transform: translateY(0.125rem);
}
to {
    opacity: 1;
    transform: translateY(0px);
}
}
.screen-container .is-head .handle.left[data-v-b78901fe] {
  margin-right: 0.8rem;
  justify-content: flex-end;
}
.screen-container .is-head .handle.right[data-v-b78901fe] {
  margin-left: 0.8rem;
}
.screen-container .is-head .time-wrapper[data-v-b78901fe] {
  position: absolute;
  bottom: 0;
  right: 0.2rem;
  display: flex;
  align-items: center;
  color: #d0f4f6;
}
.screen-container .is-head .time-wrapper .time-group[data-v-b78901fe] {
  position: relative;
  width: 2rem;
  height: 0.5rem;
}
.screen-container .is-head .time-wrapper .time-group .time[data-v-b78901fe] {
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.375rem;
  position: absolute;
  z-index: 1;
}
.screen-container .is-head .time-wrapper .time-group .time-shadow[data-v-b78901fe] {
  position: absolute;
  z-index: 0;
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.375rem;
  color: rgba(208, 244, 246, 0.2196078431);
}
.screen-container .is-head .time-wrapper i[data-v-b78901fe] {
  font-size: 0.275rem;
  margin-left: 0.0625rem;
  cursor: pointer;
}
.screen-container .is-head .subject[data-v-b78901fe] {
  position: absolute;
  top: 45%;
  left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  padding: 0 1px;
}
.screen-container .is-head .subject span[data-v-b78901fe] {
  font-size: 0.25rem;
  font-weight: bold;
  line-height: 2;
  position: relative;
}
.screen-container .is-head .subject[data-v-b78901fe]::before {
  content: "";
  width: 1.5rem;
  height: 0.5rem;
  border: 1px solid #2ca6ff;
  border-radius: 3px;
  position: absolute;
  right: 0;
  animation: proRotate1-b78901fe 20s infinite linear;
}
.screen-container .is-head .subject[data-v-b78901fe]::after {
  content: "";
  width: 1.5rem;
  height: 0.5rem;
  border: 1px solid #2ca6ff;
  border-radius: 3px;
  position: absolute;
  left: 0;
  animation: proRotate-b78901fe 10s infinite linear;
}
@keyframes proRotate-b78901fe {
0% {
    transform: rotateZ(5deg) rotateY(0deg);
}
50% {
    transform: rotateZ(5deg) rotateY(360deg);
}
100% {
    transform: rotateZ(5deg) rotateY(0deg);
}
}
@keyframes proRotate1-b78901fe {
0% {
    transform: rotateZ(0deg) rotateY(0deg);
}
50% {
    transform: rotateZ(-5deg) rotateY(360deg);
}
100% {
    transform: rotateZ(0deg) rotateY(0deg);
}
}