.content[data-v-4fb07134] {
  width: 100%;
  height: 100%;
}
.video[data-v-4fb07134] {
  width: 100%;
  height: 100%;
  position: relative;
}
.videolist[data-v-4fb07134] {
  width: 100%;
  height: 100%;
}
.video-direction[data-v-4fb07134] {
  width: 12.4031007752vh;
  height: 21.7054263566vh;
  position: absolute;
  bottom: 7.9069767442vh;
  right: 3.1007751938vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-direction .pictureZoom[data-v-4fb07134] {
  background-color: rgba(255, 255, 255, 0.186);
  width: 3.1007751938vh;
  height: 3.1007751938vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-direction .pictureZoom .zoom-color-icon[data-v-4fb07134] {
  color: #000;
}
.video-direction .close-btn[data-v-4fb07134] {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.5503875969vh;
  height: 1.5503875969vh;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-direction .close-btn .close-icon[data-v-4fb07134] {
  color: #fff;
  font-size: 0.7751937984vh;
}
.video-direction .video-direction-btn[data-v-4fb07134] {
  background-color: rgba(255, 255, 255, 0.186);
  border-radius: 50%;
  width: 12.4031007752vh;
  height: 12.4031007752vh;
}
.video-direction .video-direction-btn .direction-icon[data-v-4fb07134] {
  color: #000;
}
.video-direction .video-direction-btn .video-direction-btn-top[data-v-4fb07134] {
  height: 3.8759689922vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-direction .video-direction-btn .video-direction-btn-left_right[data-v-4fb07134] {
  height: 4.6511627907vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-direction .video-direction-btn .video-direction-btn-left_right .video-direction-central-circle[data-v-4fb07134] {
  width: 2.7131782946vh;
  height: 2.7131782946vh;
  border-radius: 50%;
  border: 1px solid rgba(222, 222, 222, 0.528);
  font-size: 0.6201550388vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-direction .video-direction-btn .video-direction-btn-bottom[data-v-4fb07134] {
  height: 3.8759689922vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-direction:hover .pictureZoom[data-v-4fb07134],
.video-direction:hover .video-direction-btn[data-v-4fb07134] {
  background-color: rgba(255, 255, 255, 0.5);
}
.video[data-v-0753d032] {
  width: 100%;
  height: 100%;
  position: relative;
}
img[data-v-0753d032] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.videolist[data-v-0753d032] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.video[data-v-0761e7b3] {
  width: 100%;
  height: 100%;
  position: relative;
}
img[data-v-0761e7b3] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.videolist[data-v-0761e7b3] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.video[data-v-076fff34] {
  width: 100%;
  height: 100%;
  position: relative;
}
img[data-v-076fff34] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.videolist[data-v-076fff34] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.playWnd {
  width: 100%;
  height: 100%;
}
.VideoWebPlugin {
  left: 16.2790697674vw !important;
}
.video[data-v-077e16b5] {
  width: 100%;
  height: 100%;
  position: relative;
}
img[data-v-077e16b5] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.videolist[data-v-077e16b5] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
#video-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.video-container {
  margin-bottom: 0.7751937984vh;
  width: 100%;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
.project-map .left-section {
  width: 16.2790697674vw;
  height: 100vh;
  margin-left: 0.9302325581vw;
}
.project-map .left-section .back-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #74e9f7;
  font-size: 1.2093023256vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-map .left-section .back-btn:hover {
  cursor: pointer;
}
.project-map .left-section .header-title {
  padding-top: 0;
}
.project-map .left-section .project-container .card {
  width: 15.5813953488vw;
  height: 37.984496124vh;
  background: url(../../static/img/card-bg.83a1ad9b.png) no-repeat;
  background-size: 15.5813953488vw 37.984496124vh;
  margin-bottom: 6.2015503876vh;
}
.project-map .left-section .project-container .card:nth-of-type(1) {
  margin-top: 2.3255813953vh;
}
.project-map .left-section .project-container .card .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.project-map .left-section .project-container .card .card-title .card-title-name {
  letter-spacing: 0.1395348837vw;
  font-size: 0.6511627907vw;
  font-weight: 700;
  color: #ffffff;
  margin-left: 1.8604651163vw;
}
.project-map .left-section .project-container .card .card-title .card-title-quantity {
  font-size: 0.6511627907vw;
  font-weight: 500;
  color: #03ddf4;
  margin-right: 0.4651162791vw;
}
.project-map .left-section .project-container .card .card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0.488372093vw;
  margin: 3.2558139535vh 0;
  max-height: 31.7829457364vh;
  overflow-y: scroll;
}
.project-map .left-section .project-container .card .card-content .card-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  padding: 1.3953488372vh 0.488372093vw;
  position: relative;
}
.project-map .left-section .project-container .card .card-content .card-content-item:hover {
  cursor: pointer;
}
.project-map .left-section .project-container .card .card-content .card-content-item.active {
  background: rgba(0, 122, 255, 0.3);
  border: 2px solid #007aff;
}
.project-map .left-section .project-container .card .card-content .card-content-item .card-content-item-title {
  font-size: 0.5581395349vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-map .left-section .project-container .card .card-content .card-content-item .card-content-item-title.online {
  color: #ffffff;
}
.project-map .left-section .project-container .card .card-content .card-content-item .card-content-item-title.online:before {
  width: 0.488372093vw;
  height: 1.8604651163vh;
  display: inline-block;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAAXNSR0IArs4c6QAABFNJREFUSEuNlX1oVXUYx7/P73fupvecWVNL25x5z9kofIsuUmloFAQlRFlphUGzpCiaIIkZhEX+o9gLaS/YCyGZlDiUCgtKqX9CAzN8IYXdc7cU3zbb0HvO5ry/3zfO1c1td8t+/53v83s+nPM83+c5guEOKToXPwCFBSTniKAGRCXBkwIcgshOk3abMVGi4dJlqOiE3fMs7XsCZksx4iSUtAHsJVkronyQiiKnBFhtfPezoYxBUJWPl4nlOyAJJZtMyvkEdZWHBiUdi2tVCk+JtasgGAfBFmPcpWiQi333+qEqjJuEdgMhLdbaR9BQdaQfduz8eFBX4Jb0GYiYkn6wq1q7zlcAHgSk2fjphRBhEipBnZbzcyj6FwJ/29HmLtSM6UBbV7VTdFZZ4ulSTS+fCwC+M+K8BX/UMZBat8bbYPkoBSut763vh+pcYS+ArEmlsphcebii7eK0YvHSLgEmD9tIkW4Y22gaqrbhyFlPjXIPCDjBpN0AN0m7OK3d99GY3YB8bAL3JRznWNUbHxBBHcizAG4AoMrh0is09xbrx/ymw3gRaL+hcI31q1aLbok2QviyEdwG3zvohPHblnzY0i5AfdVh5AsTNfE1iHuGggnst4E3C9uodTY6TSWnrO/OFBVGfwox3gTupMQqOh+fArHEBO6uq42Ka7Vjj/f1YCDcADMReId0GG8B7WLjuGNF5wrtgBw1gTsX+c4p2qbyplLVYVL6xMBkHRY6QIwrK4PSjSYzerMTRmtIvm6c1PQE2gPIHhO489FyYboWSXy52ATe1n5A24WpuihXLTaATFFN1k9/oHKFVwVYq5SanUCPk2i39V4WbazWxegcgA4oed546d2IumcoYz8VYOqwTlCywGTcnU6u8C6B5Sbl1CfQnwHMMaPd8aiRWIfRPpB3DAsoF3uNujQBmeouHRZ+BTHL+G61qJbCShGsg3Ch8au261z8GGC3/y+oyEbju8sQFiZoygmAP5nAmy84GtXoFHIEj1rfzSajpnPR5wCf/S8wgYO2J74b024sOGHhfRLLAPW4CdLNpTHVYbQBZBOB12zgrU2s5eQKayhqBcCKMjj5rUmZRtx8facTds+lNbsp+Mt+6d6ON8VeXiin6aoo+kNEAlg+Z+q9zSW9tSujjPOEJF4EKwTSUlRqBzLpfUk41RpljeEPAhljhHcmw9M/+yVArqdBobhHRGph8aG5WHwD0677Z9gSkI7Kxy8IsA5kClRPmvr0jr67g5d0vnuKpt0KcjYEnbBshugfFdh2SdirrdSKcJ4VWSSkT+KkEjxTDLzEQf2nbPMn60y1xkth7SsCaRihWZ0CbCpWmPWoK/+acmgfhRTke2doFJtALk1kQvYra1cUnY69yGR6RnLHyNArGSoXvSjgR1cevzeB99C1PDz0H7VcrL1/YBKBjAC3ljTiHAS/D4bKGRO4S0asqc5FXwBsvNabDIqLtBrfzQzU/gWcvPoxZ52YkAAAAABJRU5ErkJggg==) no-repeat;
  background-size: 0.488372093vw 1.8604651163vh;
  margin-right: 0.4651162791vw;
}
.project-map .left-section .project-container .card .card-content .card-content-item .card-content-item-title.offline {
  color: #aaaaaa;
}
.project-map .left-section .project-container .card .card-content .card-content-item .card-content-item-title.offline:before {
  width: 0.488372093vw;
  height: 1.8604651163vh;
  display: inline-block;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAAXNSR0IArs4c6QAAAwxJREFUSEuNlVuoVWUUhb/hBURUKi+pKAkZIQmJPkihiBgZUVYoVCJkWongHY+3F1OURKQ0QhBKyzrlQ/h0IBUURfKOqC9q+OAtBAm1o9KVRozDvw/7LLcc59Pe6//nWHOOOeZYokHYFjAaeAEYATwBdAduAZeBY8ARSX82yk9yh7A9EvgAeLocBOgm8G8BHwQk7zbwnaR9VYwOoLanALMAA3uBPZJSWXvY7gtMAKYCfYCDwOeS/qldage1/TrwEXADWCfpau2S7SR3A+5I+i/PbfcClgJjChWfdAC1Hd7yMG0uldRakqYBE0vbyfkDOAH8IOlX212AFYX7HZJ251JbpbY3FQ4XSbpi+ylgNdC/0SCAv4HNkg7b7pH2gceADyX9LtvPp13gJ0lbbfcGthTAO4W3VFSNDG6VpPO2xwPLgF2SmgM6B3gNmJ+h2J4NjAXWl6ofLwlRRTUuSVpcaPg2ipA0L6ApvY+kmeVwZ2ntVN2gMvEdNboqyPPKyzO0qOLdgDYD1yUttz0A+Ap4X9JvFSl9D4SaaoTb/bZnAG8DbZVmYuckfVwG9AWwSdKhukqHAlsfMrRtklpsRynvAU0BTVutkhYWGaWiViDgZ4Fh4RsIcKMI98dsZwvfiNYDmslHp9Ml/WX7U+CZhwA0UsAMSfdtbwCGA+8ENOs2E9gg6WfbLwIrHxG0RdI229Ho18CZ0BjQONCXwDUg4rfthcBLnQDHE5riVLaz3lnztsJqG1XT6jeSfizSyjTfKjtfxT9eZHfP9nNlea4DC1JUDTSrthmIrW2RdKCs75NAtiXDip/GbI5KuljOY49rgJ7Akpqj1bvU4GwR0A9oAZol3WtEge2uwCvRM5DfGyUdrd2t+mkqawKeBQJ4BDhd3Ct+mc3Kuo4DBpYvwWeSztS/vJHzxzwmA28Cqb5R5IV7gN2S7lYvPABat0U5C5cxm5fL80vAduBCvdM/Mmgd+KvA3PL/pKS1nWm4ymlaHlVJCs9DyrO0+kvlPJ+YKKc9qqCLgEmdVVI5vykpHtwe/wMk0UOJWvj8oAAAAABJRU5ErkJggg==) no-repeat;
  background-size: 0.488372093vw 1.8604651163vh;
  margin-right: 0.4651162791vw;
}
.project-map .left-section .project-container .card .card-content .card-content-item .card-content-item__online {
  width: 0.2790697674vw;
  height: 0.9302325581vh;
  background: #15db6d;
  border-radius: 50%;
  position: absolute;
  right: 0;
}
.project-map .left-section .project-container .card .card-content .card-content-item .card-content-item__offline {
  width: 0.2790697674vw;
  height: 0.9302325581vh;
  background: #aaaaaa;
  border-radius: 50%;
  position: absolute;
  right: 0;
}
.project-map .right-section {
  width: 82.7906976744vw;
  height: 100vh;
  position: relative;
}
.project-map .right-section .camera-list-container {
  width: 9.3255813953vw;
  height: 100%;
  background-color: #083863;
  background-size: 9.3255813953vw 81.7829457364vh;
  position: absolute;
  top: 0;
  left: 0.3488372093vw;
  z-index: 2;
}
.project-map .right-section .camera-list-container .camera-list h5 {
  color: #ffffff;
  font-weight: 500;
  margin-left: 1vw;
  margin-top: 1.2403100775vh;
}
.project-map .right-section .camera-list-container .video-name {
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #083863;
}
.project-map .right-section .camera-list-container .video-name .video-name-list_item {
  margin-top: 0.3875968992vh;
  padding: 0 0.4651162791vw;
  background-color: rgba(255, 255, 255, 0.041);
}
.project-map .right-section .camera-list-container .video-name .video-name-list_item .video-mouse-H {
  position: relative;
  height: 4.3410852713vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2403100775vh;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.project-map .right-section .camera-list-container .video-name .video-name-list_item .video-mouse-H .item_status_1 {
  color: #15db6d;
  display: inline-block;
  height: 4.3410852713vh;
  line-height: 4.3410852713vh;
}
.project-map .right-section .camera-list-container .video-name .video-name-list_item .video-mouse-H .item_status_2 {
  color: #aaa;
  display: inline-block;
  height: 4.3410852713vh;
  line-height: 4.3410852713vh;
}
.project-map .right-section .camera-list-container .video-name .video-name-list_item .video-mouse-H .item_name_1 {
  color: #fff;
  display: inline-block;
  height: 4.3410852713vh;
  line-height: 4.3410852713vh;
}
.project-map .right-section .camera-list-container .video-name .video-name-list_item .video-mouse-H .item_name_2 {
  color: #aaa;
  display: inline-block;
  height: 4.3410852713vh;
  line-height: 4.3410852713vh;
}
.project-map .right-section .camera-list-container .video-name .video-name-list_item .video-mouse-H .video-name-list_item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.project-map .right-section .camera-list-container .video-name .video-name-list_item .video-mouse-H .video-name-list_item-btn button {
  color: #ffffff;
  border: 0;
  background: rgba(0, 122, 255, 0.7);
  padding: 0 0.2325581395vw;
  margin-left: 0.2325581395vw;
  font-size: 0.4186046512vw;
  font-weight: 700;
}
.project-map .right-section .camera-list-container .video-name .video-name-list_item .justify-content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project-map .right-section .camera-list-container .contact-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 2.3255813953vh;
  width: 9.3255813953vw;
}
.project-map .right-section .camera-list-container .contact-img img {
  width: 7.9534883721vw;
  height: 4.8062015504vh;
}
.project-map .right-section .big-video {
  width: 40.3953488372vw;
  height: 0;
  position: absolute;
  top: 6.976744186vh;
  left: 10.9534883721vw;
  z-index: 2;
}
.project-map .right-section .big_h {
  height: 81.7829457364vh !important;
}
.project-map .right-section .small-video {
  position: absolute;
  top: 0;
  width: calc(100% - 10.4651162791vw);
  left: 10.4651162791vw;
  z-index: 2;
  height: 100%;
}
.project-map .right-section .small-video .top-video {
  height: 100%;
}
.project-map .right-section .small-video .top-video ul,
.project-map .right-section .small-video .top-video li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.project-map .right-section .small-video .top-video .video-title {
  padding-left: 1.0465116279vw;
  line-height: 4.4186046512vh;
  color: #fff;
  font-size: 1.3953488372vh;
}
.project-map .right-section .small-video .top-video .video-list {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.project-map .right-section .small-video .top-video .video-list li {
  margin-bottom: 1.9379844961vh;
  background: #000;
  opacity: 0.8;
  width: 48%;
  height: 48%;
}
.project-map .right-section .small-video .bottom-text {
  margin-top: 2.3255813953vh;
  width: 29.0697674419vw;
  height: 25.1937984496vh;
  background-image: url(data:image/png;base64,);
  background-size: 96.8992248062vh 25.1937984496vh;
  background-repeat: no-repeat;
}
.project-map .right-section .small-video .bottom-text .video-title {
  padding-left: 1.0465116279vw;
  line-height: 4.4186046512vh;
  color: #fff;
  font-size: 0.4186046512vw;
}
.project-map .right-section .small-video .bottom-text .el-col {
  line-height: 4.6511627907vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.project-map .right-section .small-video .bottom-text .el-col label {
  padding-left: 0.9302325581vw;
  margin-right: 0.2325581395vw;
  min-width: 2.3255813953vw;
  font-size: 1.3953488372vh;
  text-align: end;
  color: #bbc6d9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-map .right-section .small-video .bottom-text .el-col span {
  font-size: 1.3953488372vh;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-map .right-section .small-video .bottom-text .el-col > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-map .right-section .small-video .bottom-text .green-style {
  color: #15db6d !important;
}
.project-map .right-section #project-map-container {
  height: 100%;
  width: 83.9534883721vw;
}
.marker-class {
  width: 1.9534883721vw;
  height: 10.5426356589vh;
}
.marker-name {
  color: #03ddf4;
  font-size: 0.511627907vw;
  font-weight: 500;
  margin: 4px 0 0 0;
  width: 30vw;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
.monitor-screen {
  width: 100vw;
  height: 100vh;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEMwAAAUKAQMAAAA+k8h0AAAAA1BMVEUGBizHdYoNAAADQUlEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYU9OBAAAAAAAPJ/bQRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWEPDgQAAAAAgPxfG0FVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVdiDAwEAAAAAIP/XRlBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVFfbgQAAAAAAAyP+1EVRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVhT04EAAAAAAA8n9tBFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYQ8OBAAAAACA/F8bQVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV2IMDAQAAAAAg/9dGUFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUV9uBAAAAAAADI/7URVFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWFPTgQAAAAAADyf20EVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVpDw4EAAAAAAT5Ww9yBQAAAAAAAAAAAAAAAAAAAAAAAAAAAOwFnKQAAYcAu8MAAAAASUVORK5CYII=);
  background-size: contain;
  position: relative;
}
.monitor-screen .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  height: 11.8604651163vh;
  background: url(../../static/img/header-bg.0d563ced.png) no-repeat 0 36px;
  background-size: contain;
}
.monitor-screen .header-title {
  letter-spacing: 0.0465116279vw;
  font-size: 1.2093023256vw;
  background-image: linear-gradient(92deg, #0072ff 0%, #00eaff 48.8525390625%, #01aaff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  padding-top: 32px;
}
.monitor-screen .content-container {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.monitor-screen .content-container .left-container {
  width: 23.0930232558vw;
  height: 100vh;
  background: url(../../static/img/left-bg.b62c246a.png) no-repeat;
  background-size: 23.0930232558vw 100vh;
}
.monitor-screen .content-container .left-container .earth-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 11.6279069767vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-title {
  position: relative;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-title img {
  width: 23.2558139535vw;
  height: 4.7286821705vh;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-title p {
  font-size: 0.8372093023vw;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 8.6976744186vw;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-title p span {
  font-size: 0.9302325581vw;
  font-weight: 700;
  color: #00ccff;
  margin: 0 0.2325581395vw;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-ball {
  position: relative;
  margin-top: 7.7519379845vh;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-ball img {
  width: 15.8604651163vw;
  height: 53.7209302326vh;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-ball span {
  position: absolute;
  font-size: 0.3720930233vw;
  color: #fafcfc;
  -webkit-text-stroke: 1px #f37d00;
  text-stroke: 1px #f37d00;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-ball .ns {
  left: 3.023255814vw;
  top: 15.503875969vh;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-ball .as {
  right: 3.7209302326vw;
  top: 18.6046511628vh;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-ball .eu {
  right: 6.511627907vw;
  top: 21.7054263566vh;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-ball .af {
  right: 6.7441860465vw;
  bottom: 21.7054263566vh;
  font-weight: 700;
  font-size: 0.5581395349vw;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-ball .oc {
  right: 1.3953488372vw;
  bottom: 19.3798449612vh;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-ball .sa {
  left: 3.9534883721vw;
  bottom: 15.503875969vh;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc {
  width: 17.4418604651vw;
  margin-top: 3.1007751938vh;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container p {
  min-width: 120px;
  width: 4.6511627907vw;
  font-size: 0.3720930233vw;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container p span {
  font-size: 0.5581395349vw;
  margin: 0 0.2325581395vw;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container p.square:before {
  display: inline-block;
  content: "";
  width: 17px;
  height: 17px;
  vertical-align: top;
  margin-right: 0.2325581395vw;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container p.as-bg:before {
  background: #1969fd;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container p.af-bg:before {
  background: #61faf1;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container p.eu-bg:before {
  background: #02f7b5;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container p.sa-bg:before {
  background: #b43ff7;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container p.na-bg:before {
  background: #1496f1;
}
.monitor-screen .content-container .left-container .earth-content .earth-content-desc .earth-content-desc-container p.oc-bg:before {
  background: #c1f73f;
}
.monitor-screen .content-container .right-container {
  width: 23.0930232558vw;
  height: 100vh;
  background: url(../../static/img/left-bg.b62c246a.png) no-repeat;
  background-size: cover;
}
.monitor-screen .content-container .right-container .earth-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 11.6279069767vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-title {
  position: relative;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-title img {
  width: 23.2558139535vw;
  height: 4.7286821705vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-title p {
  font-size: 0.8372093023vw;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 8.6976744186vw;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-title p span {
  font-size: 0.9302325581vw;
  font-weight: 700;
  color: #00ccff;
  margin: 0 0.2325581395vw;
}
.monitor-screen .content-container .right-container .earth-content .earth-map {
  position: relative;
  margin-top: 7.7519379845vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-map img {
  width: 19.1395348837vw;
  height: 54.2635658915vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-map span {
  position: absolute;
  font-size: 0.3720930233vw;
  color: #fafcfc;
  -webkit-text-stroke: 1px #f37d00;
  text-stroke: 1px #f37d00;
}
.monitor-screen .content-container .right-container .earth-content .earth-map .ns {
  left: 6.511627907vw;
  top: 14.7286821705vh;
  font-size: 0.5581395349vw;
}
.monitor-screen .content-container .right-container .earth-content .earth-map .as {
  right: 5.5813953488vw;
  top: 17.0542635659vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-map .eu {
  right: 2.3255813953vw;
  top: 10.8527131783vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-map .af {
  right: 5.9302325581vw;
  bottom: 24.6511627907vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-map .oc {
  right: 3.6279069767vw;
  bottom: 21.0852713178vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-map .ws {
  left: 10.4651162791vw;
  bottom: 21.0852713178vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-map .sa {
  right: 6.0465116279vw;
  bottom: 15.503875969vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc {
  width: 17.4418604651vw;
  margin-top: 1.5503875969vh;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p {
  min-width: 120px;
  width: 4.6511627907vw;
  font-size: 0.3720930233vw;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p span {
  font-size: 0.5581395349vw;
  margin: 0 0.2325581395vw;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p.square:before {
  display: inline-block;
  content: "";
  width: 17px;
  height: 17px;
  vertical-align: top;
  margin-right: 0.2325581395vw;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p.as-bg:before {
  background: #61faf1;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p.af-bg:before {
  background: #0264f7;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p.eu-bg:before {
  background: #bf2ffb;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p.sa-bg:before {
  background: #6319fd;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p.na-bg:before {
  background: #d7fe62;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p.oc-bg:before {
  background: #39f859;
}
.monitor-screen .content-container .right-container .earth-content .earth-content-desc .earth-content-desc-container p.ws-bg:before {
  background: #7c4afb;
}
.monitor-screen .content-container .center-container {
  width: 53.8139534884vw;
  height: 100vh;
}
.monitor-screen .content-container .center-container .map-title {
  width: 8.0930232558vw;
  height: 10.0775193798vh;
  background: url(../../static/img/square.c3f9cbbd.png) no-repeat;
  background-size: 8.0930232558vw 10.0775193798vh;
  margin-top: 2.6356589147vh;
  color: #62e0f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.6046511628vw;
  line-height: 2.015503876vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monitor-screen .content-container .center-container .map-title span {
  display: inline-block;
  margin-bottom: 0.7751937984vh;
}
.monitor-screen .content-container .center-container .map-container {
  height: 69.5348837209vh;
}
.monitor-screen .content-container .center-container .map-container .amap-marker-label {
  padding: 0;
  background: transparent;
  border: none;
}
.monitor-screen .content-container .center-container .map-container .map-box {
  width: 53.8139534884vw;
  height: 69.5348837209vh;
}
.monitor-screen .content-container .center-container ::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
.monitor-screen .content-container .center-container ::-webkit-scrollbar-thumb {
  background-color: #061855;
}
.monitor-screen .content-container .center-container .company-list-container {
  margin-top: 2.3255813953vh;
  width: 53.8139534884vw;
  overflow-x: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.monitor-screen .content-container .center-container .company-list-container .company-list-item {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.3488372093vw;
  margin-left: 0.3488372093vw;
}
.monitor-screen .content-container .center-container .company-list-container .company-list-item:hover {
  cursor: pointer;
}
.monitor-screen .content-container .center-container .company-list-container .company-list-item .company-list-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.7209302326vw;
  height: 10.2325581395vh;
  background: url(../../static/img/company-icon-box.96d1fdda.png) no-repeat;
  background-size: 3.7209302326vw 10.2325581395vh;
}
.monitor-screen .content-container .center-container .company-list-container .company-list-item .company-list-item-top span {
  display: inline-block;
  font-size: 0.8372093023vw;
  color: #00eaff;
  margin-bottom: 2.7906976744vh;
}
.monitor-screen .content-container .center-container .company-list-container .company-list-item p {
  margin-top: 0.9302325581vh;
  font-size: 0.6976744186vw;
  color: #00eaff;
  width: 3.7209302326vw;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.monitor-screen .content-container .right-container {
  width: 23.0930232558vw;
  height: 100vh;
  background: url(../../static/img/right-bg.f6c26989.png) no-repeat;
  background-size: cover;
}
.monitor-screen .marker-info {
  width: 5.3023255814vw;
  height: 13.2558139535vh;
  background: url(../../static/img/marker-card.3c4da86c.png) no-repeat;
  background-size: 5.3023255814vw 13.2558139535vh;
}
.monitor-screen .marker-info h5 {
  font-weight: 700;
  color: #ffffff;
  font-size: 0.3255813953vw;
  padding: 0.6976744186vh 0.3488372093vw;
}
.monitor-screen .marker-info img {
  width: 4.488372093vw;
  height: 8.5271317829vh;
  padding: 0.7751937984vh 0.3953488372vw;
}
.monitor-screen .scroll {
  width: 53.488372093vw;
  margin: 0 auto;
  height: 16.2790697674vh;
  overflow: hidden;
}
@media (max-width: 1920px) {
.earth-content-ball img {
    height: 309px !important;
}
.earth-content-ball .ns {
    left: 60px !important;
    top: 100px !important;
}
.earth-content-ball .as {
    top: 130px !important;
    right: 60px !important;
}
.earth-content-ball .eu {
    top: 120px !important;
}
.earth-content-ball .af {
    bottom: 120px !important;
}
.earth-content-ball .oc {
    bottom: 100px !important;
}
.earth-content-ball .sa {
    bottom: 100px !important;
}
.earth-map img {
    height: 312px !important;
}
.earth-map .ns {
    top: 100px !important;
}
.earth-map .as {
    top: 85px !important;
    right: 100px !important;
}
.earth-map .eu {
    top: 50px !important;
    right: 30px !important;
}
.earth-map .af {
    top: 165px !important;
    right: 100px !important;
}
.earth-map .oc {
    right: 60px !important;
    bottom: 120px !important;
}
.earth-map .ws {
    top: 160px !important;
    left: 150px !important;
}
.earth-map .sa {
    top: 210px !important;
    right: 100px !important;
}
.earth-content-desc-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.earth-content-desc-container div {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}
.earth-content-desc-container p {
    line-height: 3;
}
.ml {
    margin-left: 64px;
}
.company-list-item-top {
    height: 60px !important;
    background-size: contain !important;
}
.company-list-item .company-list-item-top span {
    margin-bottom: 20px !important;
}
}