.dialog-map .el-dialog__body[data-v-28003356]{padding:0 20px}.map-controls-container[data-v-28003356]{width:100%;position:relative}.map-controls-container .map-box[data-v-28003356]{position:relative;width:100%;overflow:hidden}.map-controls-container .map-box .ship-img[data-v-28003356]{position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;cursor:move;z-index:2}.map-controls-container .map-box .only-show-svg[data-v-28003356]{position:absolute;z-index:9;-webkit-transform-origin:0 0;transform-origin:0 0;left:0;top:0}.map-controls-container .map-box .svg-line-animation-box[data-v-28003356]{position:absolute;z-index:10;-webkit-transform-origin:0 0;transform-origin:0 0;left:0;top:0}.map-controls-container .map-box .set-deck-canvas[data-v-28003356]{position:absolute;left:0;top:0;z-index:9}.map-controls-container .map-box .set-deck-canvas canvas[data-v-28003356]{background:rgba(255,0,0,.1)}.map-controls-container .map-box .set-base-station-box[data-v-28003356]{position:absolute;left:0;top:0;z-index:10;background:rgba(0,0,255,.1);cursor:crosshair}.map-controls-container .map-box .set-base-station-box span[data-v-28003356]{display:block;width:10px;height:10px;border-radius:50%;background:red;position:absolute;left:0;top:0;z-index:11;margin:-5px 0 0 -5px}.map-controls-container .map-box .draw-area-box[data-v-28003356]{position:absolute;left:0;top:0;z-index:11;background:rgba(0,0,255,.1);cursor:crosshair}.map-controls-container .map-box .draw-area-box span[data-v-28003356]{display:block;width:10px;height:10px;border-radius:50%;background:red;position:absolute;left:0;top:0;z-index:11;margin:-5px 0 0 -5px}.map-controls-container .map-box .draw-point-box[data-v-28003356]{position:absolute;left:0;top:0;z-index:11;background:rgba(0,0,255,.1);cursor:crosshair}.map-controls-container .map-box .draw-point-box span[data-v-28003356]{display:block;width:10px;height:10px;border-radius:50%;background:red;position:absolute;left:0;top:0;z-index:12;margin:-5px 0 0 -5px}.map-controls-container .tmp-btns[data-v-28003356]{position:absolute;left:10px;top:10px;z-index:99;opacity:.7}.map-controls-container .map-info[data-v-28003356]{position:absolute;left:10px;bottom:5px;z-index:10;width:400px;height:32px;line-height:32px}.map-controls-container .controls[data-v-28003356]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:15px;bottom:15px;z-index:10}.map-controls-container .controls .item[data-v-28003356]{margin-left:12px;width:32px;height:32px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(51,72,169,.31);box-shadow:0 2px 6px 0 rgba(51,72,169,.31);border-radius:2px;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;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer}.map-controls-container .controls .item[data-v-28003356]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.map-controls-container .controls .item span[data-v-28003356]{-webkit-transition:all .2s ease;transition:all .2s ease;font-size:20px;color:#3348a9;display:inline-block}.color-green[data-v-28003356]{color:#00a950}.person-location[data-v-28003356]{width:150px;height:35px;line-height:35px;text-align:center;background:#fff;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;position:absolute;left:300px;top:300px;z-index:99}@-webkit-keyframes depict98-2-28003356{0%{stroke-dashoffset:98;stroke:red}to{stroke-dashoffset:0}}.animate-stop[data-v-28003356]{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes depict-28003356{0%{stroke:red;stroke-dashoffset:1000}to{stroke:red;stroke-dashoffset:0}}@keyframes depict-28003356{0%{stroke:red;stroke-dashoffset:1000}to{stroke:red;stroke-dashoffset:0}}.svg-box[data-v-28003356]{width:100%;height:100%;position:relative;background:transparent}.svg-box svg line[data-v-28003356]{stroke-width:3
  /*!*animation-duration: 10s;*!*/}.svg-box span[data-v-28003356]{position:absolute;font-size:24px;margin:-12px 0 0 -12px;color:red;display:block;width:30px;height:30px;background:red;z-index:99;border-radius:50%}@-webkit-keyframes depict1001-1-28003356{0%{stroke-dashoffset:1002;stroke:red}to{stroke-dashoffset:0}}@keyframes depict1001-1-28003356{0%{stroke-dashoffset:1002;stroke:red}to{stroke-dashoffset:0}}.animation1001-1[data-v-28003356]{stroke-dasharray:1002;-webkit-animation-name:depict1001-1-28003356;animation-name:depict1001-1-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@keyframes depict98-2-28003356{0%{stroke-dashoffset:98;stroke:red}to{stroke-dashoffset:0}}.animation98-2[data-v-28003356]{stroke-dasharray:98;-webkit-animation-name:depict98-2-28003356;animation-name:depict98-2-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict4-3-28003356{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}@keyframes depict4-3-28003356{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}.animation4-3[data-v-28003356]{stroke-dasharray:4;-webkit-animation-name:depict4-3-28003356;animation-name:depict4-3-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict98-4-28003356{0%{stroke-dashoffset:98;stroke:red}to{stroke-dashoffset:0}}@keyframes depict98-4-28003356{0%{stroke-dashoffset:98;stroke:red}to{stroke-dashoffset:0}}.animation98-4[data-v-28003356]{stroke-dasharray:98;-webkit-animation-name:depict98-4-28003356;animation-name:depict98-4-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict291-5-28003356{0%{stroke-dashoffset:291;stroke:red}to{stroke-dashoffset:0}}@keyframes depict291-5-28003356{0%{stroke-dashoffset:291;stroke:red}to{stroke-dashoffset:0}}.animation291-5[data-v-28003356]{stroke-dasharray:291;-webkit-animation-name:depict291-5-28003356;animation-name:depict291-5-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict44-6-28003356{0%{stroke-dashoffset:44;stroke:red}to{stroke-dashoffset:0}}@keyframes depict44-6-28003356{0%{stroke-dashoffset:44;stroke:red}to{stroke-dashoffset:0}}.animation44-6[data-v-28003356]{stroke-dasharray:44;-webkit-animation-name:depict44-6-28003356;animation-name:depict44-6-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict281-7-28003356{0%{stroke-dashoffset:281;stroke:red}to{stroke-dashoffset:0}}@keyframes depict281-7-28003356{0%{stroke-dashoffset:281;stroke:red}to{stroke-dashoffset:0}}.animation281-7[data-v-28003356]{stroke-dasharray:281;-webkit-animation-name:depict281-7-28003356;animation-name:depict281-7-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict252-8-28003356{0%{stroke-dashoffset:252;stroke:red}to{stroke-dashoffset:0}}@keyframes depict252-8-28003356{0%{stroke-dashoffset:252;stroke:red}to{stroke-dashoffset:0}}.animation252-8[data-v-28003356]{stroke-dasharray:252;-webkit-animation-name:depict252-8-28003356;animation-name:depict252-8-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict4-9-28003356{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}@keyframes depict4-9-28003356{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}.animation4-9[data-v-28003356]{stroke-dasharray:4;-webkit-animation-name:depict4-9-28003356;animation-name:depict4-9-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict252-10-28003356{0%{stroke-dashoffset:252;stroke:red}to{stroke-dashoffset:0}}@keyframes depict252-10-28003356{0%{stroke-dashoffset:252;stroke:red}to{stroke-dashoffset:0}}.animation252-10[data-v-28003356]{stroke-dasharray:252;-webkit-animation-name:depict252-10-28003356;animation-name:depict252-10-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict316-11-28003356{0%{stroke-dashoffset:316;stroke:red}to{stroke-dashoffset:0}}@keyframes depict316-11-28003356{0%{stroke-dashoffset:316;stroke:red}to{stroke-dashoffset:0}}.animation316-11[data-v-28003356]{stroke-dasharray:316;-webkit-animation-name:depict316-11-28003356;animation-name:depict316-11-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict271-12-28003356{0%{stroke-dashoffset:271;stroke:red}to{stroke-dashoffset:0}}@keyframes depict271-12-28003356{0%{stroke-dashoffset:271;stroke:red}to{stroke-dashoffset:0}}.animation271-12[data-v-28003356]{stroke-dasharray:271;-webkit-animation-name:depict271-12-28003356;animation-name:depict271-12-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict4-13-28003356{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}@keyframes depict4-13-28003356{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}.animation4-13[data-v-28003356]{stroke-dasharray:4;-webkit-animation-name:depict4-13-28003356;animation-name:depict4-13-28003356;-webkit-animation-iteration-count:1;animation-iteration-count:1}.dialog-map .el-dialog__body[data-v-36d63fc0]{padding:0 20px}.map-controls-container[data-v-36d63fc0]{width:100%;position:relative}.map-controls-container .map-box[data-v-36d63fc0]{position:relative;width:100%;overflow:hidden}.map-controls-container .map-box .ship-img[data-v-36d63fc0]{position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;cursor:move;z-index:2}.map-controls-container .map-box .only-show-svg[data-v-36d63fc0]{position:absolute;z-index:9;-webkit-transform-origin:0 0;transform-origin:0 0;left:0;top:0}.map-controls-container .map-box .svg-line-animation-box[data-v-36d63fc0]{position:absolute;z-index:10;-webkit-transform-origin:0 0;transform-origin:0 0;left:0;top:0}.map-controls-container .map-box .set-deck-canvas[data-v-36d63fc0]{position:absolute;left:0;top:0;z-index:9}.map-controls-container .map-box .set-deck-canvas canvas[data-v-36d63fc0]{background:rgba(255,0,0,.1)}.map-controls-container .map-box .set-base-station-box[data-v-36d63fc0]{position:absolute;left:0;top:0;z-index:10;background:rgba(0,0,255,.1);cursor:crosshair}.map-controls-container .map-box .set-base-station-box span[data-v-36d63fc0]{display:block;width:10px;height:10px;border-radius:50%;background:red;position:absolute;left:0;top:0;z-index:11;margin:-5px 0 0 -5px}.map-controls-container .map-box .draw-area-box[data-v-36d63fc0]{position:absolute;left:0;top:0;z-index:11;background:rgba(0,0,255,.1);cursor:crosshair}.map-controls-container .map-box .draw-area-box span[data-v-36d63fc0]{display:block;width:10px;height:10px;border-radius:50%;background:red;position:absolute;left:0;top:0;z-index:11;margin:-5px 0 0 -5px}.map-controls-container .map-box .draw-point-box[data-v-36d63fc0]{position:absolute;left:0;top:0;z-index:11;background:rgba(0,0,255,.1);cursor:crosshair}.map-controls-container .map-box .draw-point-box span[data-v-36d63fc0]{display:block;width:10px;height:10px;border-radius:50%;background:red;position:absolute;left:0;top:0;z-index:12;margin:-5px 0 0 -5px}.map-controls-container .tmp-btns[data-v-36d63fc0]{position:absolute;left:10px;top:10px;z-index:99;opacity:.7}.map-controls-container .map-info[data-v-36d63fc0]{position:absolute;left:10px;bottom:5px;z-index:10;width:400px;height:32px;line-height:32px}.map-controls-container .controls[data-v-36d63fc0]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:15px;bottom:15px;z-index:10}.map-controls-container .controls .item[data-v-36d63fc0]{margin-left:12px;width:32px;height:32px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(51,72,169,.31);box-shadow:0 2px 6px 0 rgba(51,72,169,.31);border-radius:2px;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;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer}.map-controls-container .controls .item[data-v-36d63fc0]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.map-controls-container .controls .item span[data-v-36d63fc0]{-webkit-transition:all .2s ease;transition:all .2s ease;font-size:20px;color:#3348a9;display:inline-block}.color-green[data-v-36d63fc0]{color:#00a950}.person-location[data-v-36d63fc0]{width:150px;height:35px;line-height:35px;text-align:center;background:#fff;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;position:absolute;left:300px;top:300px;z-index:99}@-webkit-keyframes depict98-2-36d63fc0{0%{stroke-dashoffset:98;stroke:red}to{stroke-dashoffset:0}}.animate-stop[data-v-36d63fc0]{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes depict-36d63fc0{0%{stroke:red;stroke-dashoffset:1000}to{stroke:red;stroke-dashoffset:0}}@keyframes depict-36d63fc0{0%{stroke:red;stroke-dashoffset:1000}to{stroke:red;stroke-dashoffset:0}}.svg-box[data-v-36d63fc0]{width:100%;height:100%;position:relative;background:transparent}.svg-box svg line[data-v-36d63fc0]{stroke-width:3
  /*!*animation-duration: 10s;*!*/}.svg-box span[data-v-36d63fc0]{position:absolute;font-size:24px;margin:-12px 0 0 -12px;color:red;display:block;width:30px;height:30px;background:red;z-index:99;border-radius:50%}@-webkit-keyframes depict1001-1-36d63fc0{0%{stroke-dashoffset:1002;stroke:red}to{stroke-dashoffset:0}}@keyframes depict1001-1-36d63fc0{0%{stroke-dashoffset:1002;stroke:red}to{stroke-dashoffset:0}}.animation1001-1[data-v-36d63fc0]{stroke-dasharray:1002;-webkit-animation-name:depict1001-1-36d63fc0;animation-name:depict1001-1-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@keyframes depict98-2-36d63fc0{0%{stroke-dashoffset:98;stroke:red}to{stroke-dashoffset:0}}.animation98-2[data-v-36d63fc0]{stroke-dasharray:98;-webkit-animation-name:depict98-2-36d63fc0;animation-name:depict98-2-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict4-3-36d63fc0{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}@keyframes depict4-3-36d63fc0{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}.animation4-3[data-v-36d63fc0]{stroke-dasharray:4;-webkit-animation-name:depict4-3-36d63fc0;animation-name:depict4-3-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict98-4-36d63fc0{0%{stroke-dashoffset:98;stroke:red}to{stroke-dashoffset:0}}@keyframes depict98-4-36d63fc0{0%{stroke-dashoffset:98;stroke:red}to{stroke-dashoffset:0}}.animation98-4[data-v-36d63fc0]{stroke-dasharray:98;-webkit-animation-name:depict98-4-36d63fc0;animation-name:depict98-4-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict291-5-36d63fc0{0%{stroke-dashoffset:291;stroke:red}to{stroke-dashoffset:0}}@keyframes depict291-5-36d63fc0{0%{stroke-dashoffset:291;stroke:red}to{stroke-dashoffset:0}}.animation291-5[data-v-36d63fc0]{stroke-dasharray:291;-webkit-animation-name:depict291-5-36d63fc0;animation-name:depict291-5-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict44-6-36d63fc0{0%{stroke-dashoffset:44;stroke:red}to{stroke-dashoffset:0}}@keyframes depict44-6-36d63fc0{0%{stroke-dashoffset:44;stroke:red}to{stroke-dashoffset:0}}.animation44-6[data-v-36d63fc0]{stroke-dasharray:44;-webkit-animation-name:depict44-6-36d63fc0;animation-name:depict44-6-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict281-7-36d63fc0{0%{stroke-dashoffset:281;stroke:red}to{stroke-dashoffset:0}}@keyframes depict281-7-36d63fc0{0%{stroke-dashoffset:281;stroke:red}to{stroke-dashoffset:0}}.animation281-7[data-v-36d63fc0]{stroke-dasharray:281;-webkit-animation-name:depict281-7-36d63fc0;animation-name:depict281-7-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict252-8-36d63fc0{0%{stroke-dashoffset:252;stroke:red}to{stroke-dashoffset:0}}@keyframes depict252-8-36d63fc0{0%{stroke-dashoffset:252;stroke:red}to{stroke-dashoffset:0}}.animation252-8[data-v-36d63fc0]{stroke-dasharray:252;-webkit-animation-name:depict252-8-36d63fc0;animation-name:depict252-8-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict4-9-36d63fc0{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}@keyframes depict4-9-36d63fc0{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}.animation4-9[data-v-36d63fc0]{stroke-dasharray:4;-webkit-animation-name:depict4-9-36d63fc0;animation-name:depict4-9-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict252-10-36d63fc0{0%{stroke-dashoffset:252;stroke:red}to{stroke-dashoffset:0}}@keyframes depict252-10-36d63fc0{0%{stroke-dashoffset:252;stroke:red}to{stroke-dashoffset:0}}.animation252-10[data-v-36d63fc0]{stroke-dasharray:252;-webkit-animation-name:depict252-10-36d63fc0;animation-name:depict252-10-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict316-11-36d63fc0{0%{stroke-dashoffset:316;stroke:red}to{stroke-dashoffset:0}}@keyframes depict316-11-36d63fc0{0%{stroke-dashoffset:316;stroke:red}to{stroke-dashoffset:0}}.animation316-11[data-v-36d63fc0]{stroke-dasharray:316;-webkit-animation-name:depict316-11-36d63fc0;animation-name:depict316-11-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict271-12-36d63fc0{0%{stroke-dashoffset:271;stroke:red}to{stroke-dashoffset:0}}@keyframes depict271-12-36d63fc0{0%{stroke-dashoffset:271;stroke:red}to{stroke-dashoffset:0}}.animation271-12[data-v-36d63fc0]{stroke-dasharray:271;-webkit-animation-name:depict271-12-36d63fc0;animation-name:depict271-12-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes depict4-13-36d63fc0{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}@keyframes depict4-13-36d63fc0{0%{stroke-dashoffset:4;stroke:red}to{stroke-dashoffset:0}}.animation4-13[data-v-36d63fc0]{stroke-dasharray:4;-webkit-animation-name:depict4-13-36d63fc0;animation-name:depict4-13-36d63fc0;-webkit-animation-iteration-count:1;animation-iteration-count:1}.monitoring-cabin-container{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitoring-cabin-container .video-tracking-box{width:100%;min-height:500px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.monitoring-cabin-container .video-tracking-box .left{width:200px}.monitoring-cabin-container .video-tracking-box .left .left-table{height:300px;overflow-y:auto;background:#fff}.monitoring-cabin-container .video-tracking-box .left .left-table .item{width:100%;height:40px;line-height:40px;border-bottom:1px solid #eee;color:#333;cursor:pointer}.monitoring-cabin-container .video-tracking-box .left .left-table .item.active,.monitoring-cabin-container .video-tracking-box .left .left-table .item:hover{background:#eee}.monitoring-cabin-container .video-tracking-box .left .left-table .item span{display:inline-block;text-align:center;font-size:12px}.monitoring-cabin-container .video-tracking-box .left .detail{background:#fff;margin-top:10px;height:225px;overflow-y:auto}.monitoring-cabin-container .video-tracking-box .left .detail .item{padding:5px 10px;font-size:12px;line-height:20px;cursor:pointer}.monitoring-cabin-container .video-tracking-box .left .detail .item.active,.monitoring-cabin-container .video-tracking-box .left .detail .item:hover{background:#eee}.monitoring-cabin-container .video-tracking-box .left .detail .item:last-child{margin-bottom:0}.monitoring-cabin-container .video-tracking-box .right{width:0;height:535px;background:#fff;border:1px solid #e6e6e6;padding:15px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:15px}