*[data-v-01f8e750] {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body[data-v-01f8e750] {
  width: 100vw;
  height: 100vh;
  background-color: #001752;
  padding: 1vh;
}
body .monitorViode[data-v-01f8e750] {
  width: 100%;
  height: 100%;
  background: url(../../static/img/jkBackground.26bfca75.jpg);
  background-size: 100% 100%;
}
.monitorViodeHeader[data-v-01f8e750] {
  width: 100%;
  height: 8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: -1vh;
}
#Title[data-v-01f8e750] {
  width: 100%;
  height: 8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-image: url(../../static/img/jkTitle.5f973a0b.png);
  background-size: 100% 100%;
  padding: 10px 20px 0 20px;
}
#Title div[data-v-01f8e750] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chkTitle[data-v-01f8e750] {
  width: 100%;
  height: 1vw;
  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;
  /* margin-top: 0.5vh; */
}
.chkTitle > div[data-v-01f8e750] {
  width: 1.5vw;
  height: 1.0708vw;
  margin: 0 0.5vw;
}
.chkTitle > div > img[data-v-01f8e750] {
  width: 100%;
  height: 100%;
}
.videoBox[data-v-01f8e750] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(90% - 1.5vh);
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-top: 1vh;
  padding: 0 20px;
}
.left[data-v-01f8e750] {
  background: url(../../static/img/jkTree.3365e606.png);
  background-size: 100% 100%;
  height: 100%;
  padding: 1.563vw 0.42vw;
  margin-right: 20px;
  position: relative;
}
.leftVideoBoxCentent[data-v-01f8e750] {
  position: absolute;
  top: 75px;
  left: 0;
  width: 100%;
  height: 500px;
  padding: 0 0.42vw;
}
.leftVideoBoxCententCentnet[data-v-01f8e750] {
  width: 100%;
  height: 100%;
  border: 1px solid #23bfe2;
  border-radius: 5px;
  padding: 10px 0;
  -webkit-box-shadow: #0093c3 0px 0px 3px;
          box-shadow: #0093c3 0px 0px 3px;
  background-color: #04173b;
}
.CameraListUI[data-v-01f8e750] {
  width: 100%;
  height: calc(100% - 30px);
  margin-top: 10px;
  overflow: auto;
}
.CameraListUI_li[data-v-01f8e750] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  color: #fff !important;
  cursor: pointer;
}
.leftTopinputTitle[data-v-01f8e750] {
  cursor: pointer;
}
.actionLi[data-v-01f8e750] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkAAAA3CAYAAABQMrzdAAAAAXNSR0IArs4c6QAABZFJREFUeF7tnXFuG0UUh9/srBMu0CqlitpSCgIk3wOuUYlDUP4k3KLXgHtEAgShtFWUJqovQGrPLHpvZtcbOwEybqqR81lauaq87fib0affvB35OeEFAQhAoGICruKxMTQIQAACgqRYBBCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQhcKak73x1+LU6ei8g9MEEAAhC4YQKn0snT2Y/Tn1f/n6sl9ezwDYK64Wnhn4cABMYETmcH04+vI6lOP+zP3to9XQgS40K6GNLVRelitHcR+6hIl98BDwEIQMD1GciJc424psnvXlzjpWlacd4bp7B3195nB9O14PRvSWqQVAwLiWEuXUiSSrLKglJZmZwQFKsSAhBYz0FOZaWSyqIyOTVenG+l8RNpfLuZpJqTUwnhnQlKRWWCCpqkNFH1okJSLE4IQOAyAiqocZJSOaUUpYJSUXm/I/F+Kn0XJSk5Ppa4eJcEZdd4y5e2fbrNS2mKFwQgAIElgZSisqRc2ubZVm9IURNp2h2R/f1ySXWvX5mkNE3FxVy6qIkqi0rTlMrJRMXUQAACEFghoAUl2+qpqJaCcpqk2omlKJWUe/CwXFLx5QsJi3MTVJ+mVFTLArqmqFHxnFmCAAQgMBDoU5QbUpQJympRmqIm4ttdaR49LpdU+OtIwvxcYk5SVkDXNJWf8mmKonDOmoQABC4noJLKhXN7oqdpKkuqVVHtiJ/siv/kSbmkFn/+npOU1qVSbcqK6KOjCOnoAfs9likEILBKYFw4z5Ia6lFpq6dJqv3083JJzY9+k7g4l2DFc7306Z5u95KohiRF4Zz1CQEIrDlqmaT6FJWOHuilglJR7crkyRebSOrXtN0bJLX6hC8/3SNJsUAhAIG1uvnFJHXxyV5OUhOV1JebSurv9IRvkc9LRa1L5ZPnelZKBUWSYoFCAAKXJSnRormeOO9PmufzUZaitCb10YaS+uOXoSaFpFiDEIDAtQjo0YP/kpRu9z77aoMkhaSuNSd8GAIQGBFAUiwHCECgagJIqurpYXAQgACSYg1AAAJVE0BSVU8Pg4MABJAUawACEKiaAJKqenoYHAQggKRYAxCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQggKdYABCBQNQEkVfX0MDgIQABJsQYgAIGqCSCpqqeHwUEAAkiKNQABCFRNAElVPT0MDgIQ+CCSOtLfOOfng1ltEIBAAYH/I6mNfz7YJEUjhoLp4RYI3HoC+tPBQ5v1tRbr760RAy2tbv1KAwAESglYe/XUHPTGWlrRHLR0drgPAhCQlSRlonrfzUFps85CgwAEygl8gDbr8eWL3NJKm4KmS7sXD333uk66LtJmvXwWuRMCW0xAJdXYlq/vu+ca7V48SVc7sTbrzaPHxmB2MHWrMNb+ov/AnWeHnf65e/0qNQbVFuuLJChrta7NQTu9tDGodjHeYs58NQhAoIyAGqaXlMvNQX0rJioVlE/Fc/fgYbmk5Pg4t1jvk9Q4Ramkcpt1OhiXTSJ3QWCLCaSieZ+mkqQutlrXNLUjsr9fLqnm5NRSVBc0Qc0l6lYv5BSlLdazpIhSW7zS+GoQKCYwPoKg2z4tnHtp8pZPi+iapuL9e+WS8mdvbXtntai8zTNRDYJSUelej/1e8TxyIwS2lsCocK7bvkaPIuh2b/yUr5Wwd3czSVltKoSUorQWZfWouBRVLyi2fFu71PhiELg2Ad3q2Stv9xpNUiqqvOVTWXlvnyiV1BsRSRmMFwQgAIGbJ3A2O5iuOefqp3vfH34jnTwXkb2bHxv/AwQgcMsJnIiTb2c/TH9a5XClpG45ML4+BCBQCQEkVclEMAwIQOByAkiKlQEBCFRNAElVPT0MDgIQQFKsAQhAoGoC/wDUGX6DXka8PgAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
.liImage[data-v-01f8e750] {
  width: 30px;
  padding-right: 15px;
}
.liImage img[data-v-01f8e750] {
  width: 100%;
}
.left-Topinput[data-v-01f8e750] {
  width: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkAAAA3CAYAAABQMrzdAAAAAXNSR0IArs4c6QAABZFJREFUeF7tnXFuG0UUh9/srBMu0CqlitpSCgIk3wOuUYlDUP4k3KLXgHtEAgShtFWUJqovQGrPLHpvZtcbOwEybqqR81lauaq87fib0affvB35OeEFAQhAoGICruKxMTQIQAACgqRYBBCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQhcKak73x1+LU6ei8g9MEEAAhC4YQKn0snT2Y/Tn1f/n6sl9ezwDYK64Wnhn4cABMYETmcH04+vI6lOP+zP3to9XQgS40K6GNLVRelitHcR+6hIl98BDwEIQMD1GciJc424psnvXlzjpWlacd4bp7B3195nB9O14PRvSWqQVAwLiWEuXUiSSrLKglJZmZwQFKsSAhBYz0FOZaWSyqIyOTVenG+l8RNpfLuZpJqTUwnhnQlKRWWCCpqkNFH1okJSLE4IQOAyAiqocZJSOaUUpYJSUXm/I/F+Kn0XJSk5Ppa4eJcEZdd4y5e2fbrNS2mKFwQgAIElgZSisqRc2ubZVm9IURNp2h2R/f1ySXWvX5mkNE3FxVy6qIkqi0rTlMrJRMXUQAACEFghoAUl2+qpqJaCcpqk2omlKJWUe/CwXFLx5QsJi3MTVJ+mVFTLArqmqFHxnFmCAAQgMBDoU5QbUpQJympRmqIm4ttdaR49LpdU+OtIwvxcYk5SVkDXNJWf8mmKonDOmoQABC4noJLKhXN7oqdpKkuqVVHtiJ/siv/kSbmkFn/+npOU1qVSbcqK6KOjCOnoAfs9likEILBKYFw4z5Ia6lFpq6dJqv3083JJzY9+k7g4l2DFc7306Z5u95KohiRF4Zz1CQEIrDlqmaT6FJWOHuilglJR7crkyRebSOrXtN0bJLX6hC8/3SNJsUAhAIG1uvnFJHXxyV5OUhOV1JebSurv9IRvkc9LRa1L5ZPnelZKBUWSYoFCAAKXJSnRormeOO9PmufzUZaitCb10YaS+uOXoSaFpFiDEIDAtQjo0YP/kpRu9z77aoMkhaSuNSd8GAIQGBFAUiwHCECgagJIqurpYXAQgACSYg1AAAJVE0BSVU8Pg4MABJAUawACEKiaAJKqenoYHAQggKRYAxCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQggKdYABCBQNQEkVfX0MDgIQABJsQYgAIGqCSCpqqeHwUEAAkiKNQABCFRNAElVPT0MDgIQ+CCSOtLfOOfng1ltEIBAAYH/I6mNfz7YJEUjhoLp4RYI3HoC+tPBQ5v1tRbr760RAy2tbv1KAwAESglYe/XUHPTGWlrRHLR0drgPAhCQlSRlonrfzUFps85CgwAEygl8gDbr8eWL3NJKm4KmS7sXD333uk66LtJmvXwWuRMCW0xAJdXYlq/vu+ca7V48SVc7sTbrzaPHxmB2MHWrMNb+ov/AnWeHnf65e/0qNQbVFuuLJChrta7NQTu9tDGodjHeYs58NQhAoIyAGqaXlMvNQX0rJioVlE/Fc/fgYbmk5Pg4t1jvk9Q4Ramkcpt1OhiXTSJ3QWCLCaSieZ+mkqQutlrXNLUjsr9fLqnm5NRSVBc0Qc0l6lYv5BSlLdazpIhSW7zS+GoQKCYwPoKg2z4tnHtp8pZPi+iapuL9e+WS8mdvbXtntai8zTNRDYJSUelej/1e8TxyIwS2lsCocK7bvkaPIuh2b/yUr5Wwd3czSVltKoSUorQWZfWouBRVLyi2fFu71PhiELg2Ad3q2Stv9xpNUiqqvOVTWXlvnyiV1BsRSRmMFwQgAIGbJ3A2O5iuOefqp3vfH34jnTwXkb2bHxv/AwQgcMsJnIiTb2c/TH9a5XClpG45ML4+BCBQCQEkVclEMAwIQOByAkiKlQEBCFRNAElVPT0MDgIQQFKsAQhAoGoC/wDUGX6DXka8PgAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  padding: 0.26vw 0.3vw;
}
[data-v-01f8e750] .el-input__inner {
  background-color: transparent !important;
  border: none !important;
  color: #0aa5ff !important;
}
[data-v-01f8e750] .el-input__icon {
  color: #0aa5ff !important;
  font-size: 20px !important;
}
.right[data-v-01f8e750] {
  width: 80vw;
  background: url(../../static/img/jkItem.3bfafb89.png);
  background-size: 100% 100%;
  height: 100%;
}
input[data-v-01f8e750]::-webkit-input-placeholder {
  color: #0aa5ff !important;
}
input[data-v-01f8e750]::-moz-placeholder {
  color: #0aa5ff !important;
}
input[data-v-01f8e750]:-ms-input-placeholder {
  color: #0aa5ff !important;
}
input[data-v-01f8e750]::-ms-input-placeholder {
  color: #0aa5ff !important;
}
input[data-v-01f8e750]::placeholder {
  color: #0aa5ff !important;
}
.left-titleName[data-v-01f8e750] {
  width: 100%;
  margin-top: 37px;
  color: #fff;
  padding: 5px 12px;
  font-size: 18px;
  font-family: "Microsoft YaHei";
}
.left-el-tree[data-v-01f8e750] {
  width: 100%;
  height: calc(100% - 60px);
  padding: 0 0.417vw;
  font-family: "Microsoft YaHei";
}
[data-v-01f8e750] .el-tree {
  height: 100%;
  width: 100%;
  background-color: transparent !important;
  color: #fff !important;
  overflow: auto;
}
[data-v-01f8e750] .el-tree-node__content {
  height: 30px !important;
}
[data-v-01f8e750] .el-tree-node__content:hover,
.el-upload-list__item[data-v-01f8e750]:hover {
  background-color: transparent !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkAAAA3CAYAAABQMrzdAAAAAXNSR0IArs4c6QAABZFJREFUeF7tnXFuG0UUh9/srBMu0CqlitpSCgIk3wOuUYlDUP4k3KLXgHtEAgShtFWUJqovQGrPLHpvZtcbOwEybqqR81lauaq87fib0affvB35OeEFAQhAoGICruKxMTQIQAACgqRYBBCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQhcKak73x1+LU6ei8g9MEEAAhC4YQKn0snT2Y/Tn1f/n6sl9ezwDYK64Wnhn4cABMYETmcH04+vI6lOP+zP3to9XQgS40K6GNLVRelitHcR+6hIl98BDwEIQMD1GciJc424psnvXlzjpWlacd4bp7B3195nB9O14PRvSWqQVAwLiWEuXUiSSrLKglJZmZwQFKsSAhBYz0FOZaWSyqIyOTVenG+l8RNpfLuZpJqTUwnhnQlKRWWCCpqkNFH1okJSLE4IQOAyAiqocZJSOaUUpYJSUXm/I/F+Kn0XJSk5Ppa4eJcEZdd4y5e2fbrNS2mKFwQgAIElgZSisqRc2ubZVm9IURNp2h2R/f1ySXWvX5mkNE3FxVy6qIkqi0rTlMrJRMXUQAACEFghoAUl2+qpqJaCcpqk2omlKJWUe/CwXFLx5QsJi3MTVJ+mVFTLArqmqFHxnFmCAAQgMBDoU5QbUpQJympRmqIm4ttdaR49LpdU+OtIwvxcYk5SVkDXNJWf8mmKonDOmoQABC4noJLKhXN7oqdpKkuqVVHtiJ/siv/kSbmkFn/+npOU1qVSbcqK6KOjCOnoAfs9likEILBKYFw4z5Ia6lFpq6dJqv3083JJzY9+k7g4l2DFc7306Z5u95KohiRF4Zz1CQEIrDlqmaT6FJWOHuilglJR7crkyRebSOrXtN0bJLX6hC8/3SNJsUAhAIG1uvnFJHXxyV5OUhOV1JebSurv9IRvkc9LRa1L5ZPnelZKBUWSYoFCAAKXJSnRormeOO9PmufzUZaitCb10YaS+uOXoSaFpFiDEIDAtQjo0YP/kpRu9z77aoMkhaSuNSd8GAIQGBFAUiwHCECgagJIqurpYXAQgACSYg1AAAJVE0BSVU8Pg4MABJAUawACEKiaAJKqenoYHAQggKRYAxCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQggKdYABCBQNQEkVfX0MDgIQABJsQYgAIGqCSCpqqeHwUEAAkiKNQABCFRNAElVPT0MDgIQ+CCSOtLfOOfng1ltEIBAAYH/I6mNfz7YJEUjhoLp4RYI3HoC+tPBQ5v1tRbr760RAy2tbv1KAwAESglYe/XUHPTGWlrRHLR0drgPAhCQlSRlonrfzUFps85CgwAEygl8gDbr8eWL3NJKm4KmS7sXD333uk66LtJmvXwWuRMCW0xAJdXYlq/vu+ca7V48SVc7sTbrzaPHxmB2MHWrMNb+ov/AnWeHnf65e/0qNQbVFuuLJChrta7NQTu9tDGodjHeYs58NQhAoIyAGqaXlMvNQX0rJioVlE/Fc/fgYbmk5Pg4t1jvk9Q4Ramkcpt1OhiXTSJ3QWCLCaSieZ+mkqQutlrXNLUjsr9fLqnm5NRSVBc0Qc0l6lYv5BSlLdazpIhSW7zS+GoQKCYwPoKg2z4tnHtp8pZPi+iapuL9e+WS8mdvbXtntai8zTNRDYJSUelej/1e8TxyIwS2lsCocK7bvkaPIuh2b/yUr5Wwd3czSVltKoSUorQWZfWouBRVLyi2fFu71PhiELg2Ad3q2Stv9xpNUiqqvOVTWXlvnyiV1BsRSRmMFwQgAIGbJ3A2O5iuOefqp3vfH34jnTwXkb2bHxv/AwQgcMsJnIiTb2c/TH9a5XClpG45ML4+BCBQCQEkVclEMAwIQOByAkiKlQEBCFRNAElVPT0MDgIQQFKsAQhAoGoC/wDUGX6DXka8PgAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
[data-v-01f8e750] .el-tree .el-tree-node:focus > .el-tree-node__content {
  background-color: transparent !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkAAAA3CAYAAABQMrzdAAAAAXNSR0IArs4c6QAABZFJREFUeF7tnXFuG0UUh9/srBMu0CqlitpSCgIk3wOuUYlDUP4k3KLXgHtEAgShtFWUJqovQGrPLHpvZtcbOwEybqqR81lauaq87fib0affvB35OeEFAQhAoGICruKxMTQIQAACgqRYBBCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQhcKak73x1+LU6ei8g9MEEAAhC4YQKn0snT2Y/Tn1f/n6sl9ezwDYK64Wnhn4cABMYETmcH04+vI6lOP+zP3to9XQgS40K6GNLVRelitHcR+6hIl98BDwEIQMD1GciJc424psnvXlzjpWlacd4bp7B3195nB9O14PRvSWqQVAwLiWEuXUiSSrLKglJZmZwQFKsSAhBYz0FOZaWSyqIyOTVenG+l8RNpfLuZpJqTUwnhnQlKRWWCCpqkNFH1okJSLE4IQOAyAiqocZJSOaUUpYJSUXm/I/F+Kn0XJSk5Ppa4eJcEZdd4y5e2fbrNS2mKFwQgAIElgZSisqRc2ubZVm9IURNp2h2R/f1ySXWvX5mkNE3FxVy6qIkqi0rTlMrJRMXUQAACEFghoAUl2+qpqJaCcpqk2omlKJWUe/CwXFLx5QsJi3MTVJ+mVFTLArqmqFHxnFmCAAQgMBDoU5QbUpQJympRmqIm4ttdaR49LpdU+OtIwvxcYk5SVkDXNJWf8mmKonDOmoQABC4noJLKhXN7oqdpKkuqVVHtiJ/siv/kSbmkFn/+npOU1qVSbcqK6KOjCOnoAfs9likEILBKYFw4z5Ia6lFpq6dJqv3083JJzY9+k7g4l2DFc7306Z5u95KohiRF4Zz1CQEIrDlqmaT6FJWOHuilglJR7crkyRebSOrXtN0bJLX6hC8/3SNJsUAhAIG1uvnFJHXxyV5OUhOV1JebSurv9IRvkc9LRa1L5ZPnelZKBUWSYoFCAAKXJSnRormeOO9PmufzUZaitCb10YaS+uOXoSaFpFiDEIDAtQjo0YP/kpRu9z77aoMkhaSuNSd8GAIQGBFAUiwHCECgagJIqurpYXAQgACSYg1AAAJVE0BSVU8Pg4MABJAUawACEKiaAJKqenoYHAQggKRYAxCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQggKdYABCBQNQEkVfX0MDgIQABJsQYgAIGqCSCpqqeHwUEAAkiKNQABCFRNAElVPT0MDgIQ+CCSOtLfOOfng1ltEIBAAYH/I6mNfz7YJEUjhoLp4RYI3HoC+tPBQ5v1tRbr760RAy2tbv1KAwAESglYe/XUHPTGWlrRHLR0drgPAhCQlSRlonrfzUFps85CgwAEygl8gDbr8eWL3NJKm4KmS7sXD333uk66LtJmvXwWuRMCW0xAJdXYlq/vu+ca7V48SVc7sTbrzaPHxmB2MHWrMNb+ov/AnWeHnf65e/0qNQbVFuuLJChrta7NQTu9tDGodjHeYs58NQhAoIyAGqaXlMvNQX0rJioVlE/Fc/fgYbmk5Pg4t1jvk9Q4Ramkcpt1OhiXTSJ3QWCLCaSieZ+mkqQutlrXNLUjsr9fLqnm5NRSVBc0Qc0l6lYv5BSlLdazpIhSW7zS+GoQKCYwPoKg2z4tnHtp8pZPi+iapuL9e+WS8mdvbXtntai8zTNRDYJSUelej/1e8TxyIwS2lsCocK7bvkaPIuh2b/yUr5Wwd3czSVltKoSUorQWZfWouBRVLyi2fFu71PhiELg2Ad3q2Stv9xpNUiqqvOVTWXlvnyiV1BsRSRmMFwQgAIGbJ3A2O5iuOefqp3vfH34jnTwXkb2bHxv/AwQgcMsJnIiTb2c/TH9a5XClpG45ML4+BCBQCQEkVclEMAwIQOByAkiKlQEBCFRNAElVPT0MDgIQQFKsAQhAoGoC/wDUGX6DXka8PgAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
[data-v-01f8e750] .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: transparent !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkAAAA3CAYAAABQMrzdAAAAAXNSR0IArs4c6QAABZFJREFUeF7tnXFuG0UUh9/srBMu0CqlitpSCgIk3wOuUYlDUP4k3KLXgHtEAgShtFWUJqovQGrPLHpvZtcbOwEybqqR81lauaq87fib0affvB35OeEFAQhAoGICruKxMTQIQAACgqRYBBCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQhcKak73x1+LU6ei8g9MEEAAhC4YQKn0snT2Y/Tn1f/n6sl9ezwDYK64Wnhn4cABMYETmcH04+vI6lOP+zP3to9XQgS40K6GNLVRelitHcR+6hIl98BDwEIQMD1GciJc424psnvXlzjpWlacd4bp7B3195nB9O14PRvSWqQVAwLiWEuXUiSSrLKglJZmZwQFKsSAhBYz0FOZaWSyqIyOTVenG+l8RNpfLuZpJqTUwnhnQlKRWWCCpqkNFH1okJSLE4IQOAyAiqocZJSOaUUpYJSUXm/I/F+Kn0XJSk5Ppa4eJcEZdd4y5e2fbrNS2mKFwQgAIElgZSisqRc2ubZVm9IURNp2h2R/f1ySXWvX5mkNE3FxVy6qIkqi0rTlMrJRMXUQAACEFghoAUl2+qpqJaCcpqk2omlKJWUe/CwXFLx5QsJi3MTVJ+mVFTLArqmqFHxnFmCAAQgMBDoU5QbUpQJympRmqIm4ttdaR49LpdU+OtIwvxcYk5SVkDXNJWf8mmKonDOmoQABC4noJLKhXN7oqdpKkuqVVHtiJ/siv/kSbmkFn/+npOU1qVSbcqK6KOjCOnoAfs9likEILBKYFw4z5Ia6lFpq6dJqv3083JJzY9+k7g4l2DFc7306Z5u95KohiRF4Zz1CQEIrDlqmaT6FJWOHuilglJR7crkyRebSOrXtN0bJLX6hC8/3SNJsUAhAIG1uvnFJHXxyV5OUhOV1JebSurv9IRvkc9LRa1L5ZPnelZKBUWSYoFCAAKXJSnRormeOO9PmufzUZaitCb10YaS+uOXoSaFpFiDEIDAtQjo0YP/kpRu9z77aoMkhaSuNSd8GAIQGBFAUiwHCECgagJIqurpYXAQgACSYg1AAAJVE0BSVU8Pg4MABJAUawACEKiaAJKqenoYHAQggKRYAxCAQNUEkFTV08PgIAABJMUagAAEqiaApKqeHgYHAQggKdYABCBQNQEkVfX0MDgIQABJsQYgAIGqCSCpqqeHwUEAAkiKNQABCFRNAElVPT0MDgIQ+CCSOtLfOOfng1ltEIBAAYH/I6mNfz7YJEUjhoLp4RYI3HoC+tPBQ5v1tRbr760RAy2tbv1KAwAESglYe/XUHPTGWlrRHLR0drgPAhCQlSRlonrfzUFps85CgwAEygl8gDbr8eWL3NJKm4KmS7sXD333uk66LtJmvXwWuRMCW0xAJdXYlq/vu+ca7V48SVc7sTbrzaPHxmB2MHWrMNb+ov/AnWeHnf65e/0qNQbVFuuLJChrta7NQTu9tDGodjHeYs58NQhAoIyAGqaXlMvNQX0rJioVlE/Fc/fgYbmk5Pg4t1jvk9Q4Ramkcpt1OhiXTSJ3QWCLCaSieZ+mkqQutlrXNLUjsr9fLqnm5NRSVBc0Qc0l6lYv5BSlLdazpIhSW7zS+GoQKCYwPoKg2z4tnHtp8pZPi+iapuL9e+WS8mdvbXtntai8zTNRDYJSUelej/1e8TxyIwS2lsCocK7bvkaPIuh2b/yUr5Wwd3czSVltKoSUorQWZfWouBRVLyi2fFu71PhiELg2Ad3q2Stv9xpNUiqqvOVTWXlvnyiV1BsRSRmMFwQgAIGbJ3A2O5iuOefqp3vfH34jnTwXkb2bHxv/AwQgcMsJnIiTb2c/TH9a5XClpG45ML4+BCBQCQEkVclEMAwIQOByAkiKlQEBCFRNAElVPT0MDgIQQFKsAQhAoGoC/wDUGX6DXka8PgAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
[data-v-01f8e750] .el-tree-node__label {
  font-size: 0.729vw !important;
}
[data-v-01f8e750] .el-tree > .el-tree-node {
  display: inline-block;
  min-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[data-v-01f8e750] .tree .el-tree-node__children {
  padding-left: 0.938vw;
}
[data-v-01f8e750] .tree .el-tree-node :last-child:before {
  height: 1.979vw;
}
[data-v-01f8e750] .tree .el-tree > .el-tree-node:before {
  border-left: none;
}
[data-v-01f8e750] .tree-container .el-tree > .el-tree-node:after {
  border-top: none;
}
[data-v-01f8e750].tree .el-tree-node:before {
  content: "";
  left: -4px;
  position: absolute;
  right: auto;
  border-width: 1px;
}
[data-v-01f8e750] .tree .el-tree-node:after {
  content: "";
  left: -4px;
  position: absolute;
  right: auto;
  border-width: 1px;
}
[data-v-01f8e750] .tree .el-tree-node:before {
  border-left: 1px dashed #23bfe2 !important;
  bottom: 0px;
  height: 100%;
  top: -1.304vw;
  width: 1px;
}
[data-v-01f8e750] .tree .el-tree-node:after {
  border-top: 1px dashed #23bfe2;
  height: 1.042vw;
  top: 0.755vw;
  width: 1.25vw;
}
[data-v-01f8e750] .el-tree-node__content {
  padding-left: 0px !important;
}
[data-v-01f8e750].el-tree-node__label {
  font-size: 0.729vw !important;
}
[data-v-01f8e750] .tree .el-tree-node {
  position: relative;
  padding-left: 0.938vw !important;
}
[data-v-01f8e750] .tree .el-tree-node__children {
  padding-left: 0.938vw;
}
[data-v-01f8e750] .tree .el-tree-node :last-child:before {
  height: 1.979vw;
}
[data-v-01f8e750] .tree .el-tree > .el-tree-node:before {
  border-left: none;
}
[data-v-01f8e750] .tree-container .el-tree > .el-tree-node:after {
  border-top: none;
}
[data-v-01f8e750] .tree .el-tree-node:before {
  content: "";
  left: -4px;
  position: absolute;
  right: auto;
  border-width: 1px;
}
[data-v-01f8e750] .tree .el-tree-node:after {
  content: "";
  left: -4px;
  position: absolute;
  right: auto;
  border-width: 1px;
}
[data-v-01f8e750] .tree .el-tree-node:before {
  border-left: 1px dashed #23bfe2 !important;
  bottom: 0px;
  height: 100%;
  top: -1.304vw;
  width: 1px;
}
[data-v-01f8e750] .tree .el-tree-node:after {
  border-top: 1px dashed #23bfe2;
  height: 1.042vw;
  top: 0.755vw;
  width: 1.25vw;
}
[data-v-01f8e750] .el-tree-node__content {
  padding-left: 0px !important;
}
[data-v-01f8e750] .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important;
}
[data-v-01f8e750] .el-tree-node__content > .el-tree-node__expand-icon {
  padding: 1px !important;
}
[data-v-01f8e750] .scopeSlotTerr {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 5px;
}
[data-v-01f8e750] .el-tree .el-icon-caret-right:before {
  content: "";
}
[data-v-01f8e750] .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
  /* background: url(../img/SZTZK.png) no-repeat 0 3px; */
  content: "";
  /* display: block;
   width: 0.833vw;
   height: 1.042vw;
   font-size: 0.833vw;
   background-size: 0.833vw; */
}
[data-v-01f8e750] .tree-container .el-tree .el-tree-node__expand-icon.is-leaf::before {
  content: "";
}
[data-v-01f8e750] .el-tree-node.is-current > .el-tree-node__content {
  color: #fff !important;
}
.XSXXXX[data-v-01f8e750]:hover {
  cursor: pointer;
}
.style1[data-v-01f8e750] {
  width: 100%;
  height: calc(100% - 0vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.style2[data-v-01f8e750] {
  width: 100%;
  height: calc(100% - 0vw);
  padding: 10px;
}
.style2-top[data-v-01f8e750] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.style2-top-left[data-v-01f8e750] {
  border: 1px solid #009cff;
  background-color: rgba(0, 50, 115, 0.5);
  padding: 5px 10px;
}
.style2-top-rifht > div[data-v-01f8e750] {
  width: 100%;
  height: calc(50% - 5px);
  border: 1px solid #009cff;
  background-color: rgba(0, 50, 115, 0.5);
}
.style2-bottom[data-v-01f8e750] {
  width: 100%;
  height: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.style2-bottom > div[data-v-01f8e750] {
  width: calc(33.33333% - 10px);
  height: 100%;
  border: 1px solid #009cff;
  background-color: rgba(0, 50, 115, 0.5);
  padding: 5px 10px;
}
.right .style1 > div[data-v-01f8e750] {
  border: 1px solid #0093c3;
  background-color: rgba(0, 50, 115, 0.5);
  padding: 0px 10px;
}
.right .style1 .actionClass[data-v-01f8e750] {
  border: 2px solid #009cff !important;
}
.actionClass[data-v-01f8e750] {
  border: 2px solid #009cff !important;
}
.vido_divC[data-v-01f8e750] {
  width: 100%;
  height: 100%;
}
.vido_div_title[data-v-01f8e750] {
  width: 100%;
  /* height: 20px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  padding: 5px 15px;
  padding-right: 5px;
  font-size: 0.729vw;
}
.vido_div_title .vido_div_title-left > span[data-v-01f8e750] {
  border: 3px solid #1ebff4;
  border-radius: 50%;
  margin-right: 0.417vw;
  display: inline-block;
}
.vido_div_title-right > img[data-v-01f8e750] {
  width: 1.198vw;
  height: 1.042vw;
  /* margin-left: 5px; */
}
.videoSpDiv[data-v-01f8e750] {
  width: 100%;
  height: 100%;
}
.vido_div_sp[data-v-01f8e750] {
  width: 100%;
  height: calc(100% - 40px);
  background-color: #000;
}
#parent-container[data-v-01f8e750] {
  width: 100%;
  height: 100%;
}
#my-player[data-v-01f8e750] {
  position: relative;
  padding-bottom: 56.25%;
}
.custom-icon[data-v-01f8e750] {
  font-weight: 600;
  color: #22bcdf;
  font-size: 1.042vw;
}
.dialog[data-v-01f8e750] {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9;
  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;
}
.dialog-main[data-v-01f8e750] {
  width: 90%;
  height: 90%;
  background: url(../../static/img/dialogBG.a950c13d.png);
  background-size: 100% 100%;
  padding: 10px;
}
.dialog-title[data-v-01f8e750] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #00e9ff;
  /* color: #43cbfe; */
  font-weight: bold;
  font-size: 1.2vw;
  height: 40px;
  margin-bottom: 25px;
}
.dialog-title img[data-v-01f8e750] {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.dialog-iframe[data-v-01f8e750] {
  width: 100%;
  height: calc(100% - 65px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.center-top-msg div[data-v-01f8e750]:hover {
  cursor: pointer;
}
.iframe_left[data-v-01f8e750] {
  width: 85%;
  height: 100%;
  padding: 15px;
  background-color: #000;
}
.iframe_right[data-v-01f8e750] {
  width: 15%;
  height: 100%;
  padding: 15px;
}
.right_top[data-v-01f8e750] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 35%;
}
.right_top img[data-v-01f8e750] {
  width: 16%;
  /* margin: 0 5px; */
}
.PTZ[data-v-01f8e750] {
  width: 100%;
  margin-top: 30px;
  color: #fff;
  font-weight: 550;
  font-size: 0.885vw;
  padding-left: 10px;
}
.CZP[data-v-01f8e750] {
  width: 100%;
  margin-top: 10px;
  padding-left: 30px;
}
.CZP_box[data-v-01f8e750] {
  width: 8.073vw;
  height: 8.073vw;
  background-image: url(../../static/img/CZP.dd8cdc44.png);
  background-size: 100% 100%;
  padding: 10px;
}
.box_li[data-v-01f8e750] {
  width: 100%;
  height: 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.box_li2[data-v-01f8e750] {
  width: 100%;
  height: 86.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.czanImg[data-v-01f8e750] {
  width: 24px;
  height: 24px;
}
.zuoXZ[data-v-01f8e750] {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.youXZ[data-v-01f8e750] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.fanZ[data-v-01f8e750] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.iframe_ui[data-v-01f8e750] {
  width: 100%;
  padding-left: 2.604vw;
  margin-top: 2.604vw;
}
.ui_li[data-v-01f8e750] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.042vw;
}
.li-left[data-v-01f8e750] {
  width: 1.327vw;
  height: 1.327vw;
}
.li-left img[data-v-01f8e750] {
  width: 100%;
}
.li-right[data-v-01f8e750] {
  width: 1.327vw;
  height: 1.327vw;
}
.li-right img[data-v-01f8e750] {
  width: 100%;
}
.li-centent[data-v-01f8e750] {
  color: #fff;
  margin: 0 0.781vw;
  font-size: 0.885vw;
  letter-spacing: 0.781vw;
  margin-right: 0;
}
.lvjing[data-v-01f8e750] {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  cursor: not-allowed !important;
}