.flex[data-v-324396b2]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex1[data-v-324396b2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.clear[data-v-324396b2]{clear:both}#container[data-v-324396b2]{padding:0;margin:0;height:100vh;width:100%}.wrapper[data-v-324396b2]{position:relative;overflow:hidden;width:100%;height:100vh}.topLayer[data-v-324396b2]{position:absolute;top:0;left:0;z-index:9;width:100%;height:69px;overflow:hidden;background:url(../img/topBg.bbaa91e3.png) 100% 100%}.leftLayer[data-v-324396b2]{position:absolute;top:89px;left:20px;z-index:9;width:440px;-webkit-transition:left 1s,opacity 1s;transition:left 1s,opacity 1s}.rightLayer[data-v-324396b2]{position:absolute;top:149px;right:30px;z-index:9;width:250px;-webkit-transition:right 1s,opacity 1s;transition:right 1s,opacity 1s}.mainLayer[data-v-324396b2]{top:5px}.mainLayer2[data-v-324396b2],.mainLayer[data-v-324396b2]{overflow:hidden;position:absolute;left:5px;z-index:9;-webkit-transition:left 1s;transition:left 1s}.mainLayer2[data-v-324396b2]{top:180px}.toggleButton[data-v-324396b2]{float:left;width:80px;height:30px;line-height:30px;text-align:center;background:#fff;color:#409eff;font-size:14px;border:1px solid rgba(73,147,255,.18);border-radius:3px}.warnLayer[data-v-324396b2]{position:absolute;top:70px;right:30px;z-index:9;width:880px;height:75px;background:url(../img/warnBg.a3984acd.png)}.warnBox[data-v-324396b2]{float:left;width:64px;height:64px;margin:5px 0 0 -32px;background:url(../img/warn.3cd40a3a.png);-webkit-animation:breath_light-324396b2 1.5s linear infinite;animation:breath_light-324396b2 1.5s linear infinite}@-webkit-keyframes breath_light-324396b2{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}50%{-webkit-filter:brightness(200%);filter:brightness(200%)}to{-webkit-filter:brightness(100%);filter:brightness(100%)}}@keyframes breath_light-324396b2{0%{-webkit-filter:brightness(100%);filter:brightness(100%)}50%{-webkit-filter:brightness(200%);filter:brightness(200%)}to{-webkit-filter:brightness(100%);filter:brightness(100%)}}.warnTitle[data-v-324396b2]{float:left;font-size:26px;line-height:75px;font-family:PangMenZhengDao;margin-left:25px;font-weight:400;color:#fff;text-shadow:-1px 1px 8px rgba(70,11,5,.95)}.warnInfo[data-v-324396b2]{float:left;width:550px;margin-left:30px;font-size:20px;font-family:Source Han Sans CN;line-height:75px;color:#fff;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.areaLayer[data-v-324396b2]{position:absolute;top:300px;right:305px;z-index:9;width:160px;-webkit-transition:right 1s,opacity 1s;transition:right 1s,opacity 1s}.area[data-v-324396b2]{width:100%;height:56px;clear:both}.areaButton[data-v-324396b2]{float:left;margin:7px 0;width:120px;height:40px;line-height:40px;text-align:center;font-size:14px;font-family:PingFang SC;font-weight:400;color:#828ca3;background:#fff;border:1px solid #8db0fe;opacity:.75;border-radius:4px;cursor:pointer}.activeAreaButton[data-v-324396b2]{background:#0569d9;color:#fff}.areaLine[data-v-324396b2]{width:30px;height:1px;background:#63a7f7;float:left;margin-top:28px}.areaLineActive[data-v-324396b2]{width:25px}.areaCircle[data-v-324396b2]{float:right;width:10px;height:10px;background:#fff;border-radius:50%;margin:23px -5px 23px 0}.areaCircleActive[data-v-324396b2]{float:right;width:26px;height:24px;margin:16px -13px 16px 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDI5MTg1QjVDNzg3MTFFREIyNURCRTlENUU2NkY3OUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDI5MTg1QjZDNzg3MTFFREIyNURCRTlENUU2NkY3OUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMjkxODVCM0M3ODcxMUVEQjI1REJFOUQ1RTY2Rjc5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMjkxODVCNEM3ODcxMUVEQjI1REJFOUQ1RTY2Rjc5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpSLyr8AAAbQSURBVHjajFZdbBxX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)}.areaArrow[data-v-324396b2]{width:30px;height:30px;margin-left:145px}.scaleX[data-v-324396b2]{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.circle[data-v-324396b2]{width:10px;height:10px;margin-left:155px;background:#fff;border-radius:5px}.videoButton[data-v-324396b2]{position:absolute;top:120px;right:20px;z-index:999}.search-card[data-v-324396b2]{width:240px;height:30px;background:#fafdff;border:1px solid rgba(73,147,255,.18);border-radius:4px;float:left;margin-right:10px}[data-v-324396b2] .searchInput .el-input__inner{width:100%;color:#828ca3;border:none}.searchButton[data-v-324396b2],[data-v-324396b2] .searchInput .el-input__inner{height:30px;line-height:30px;font-size:14px;font-family:Source Han Sans CN;font-weight:500}.searchButton[data-v-324396b2]{width:80px;text-align:center;color:#0569d9;background:#eff4fd;border-radius:4px}.shipInfo[data-v-324396b2]{background:#fff;width:300px;margin:5px 0}.shipInfoMain[data-v-324396b2]{height:60px;padding:0 15px;background:#0569d9}.shipInfoOther[data-v-324396b2]{height:30px;line-height:30px;padding:0 5px;background:#fff;font-size:12px}[data-v-324396b2] .el-card{border:none}.el-card[data-v-324396b2] .el-card__body{padding:0}.shipInfoLine[data-v-324396b2]{font-size:12px;color:#fff;height:25px;line-height:25px;font-family:Source Han Sans CN}.shipInfoButtonBox[data-v-324396b2]{margin-top:10px}.shipInfoButton[data-v-324396b2]{width:70px;height:20px;padding:7px 15px;border:1px solid #d1e4fa;border-radius:4px;color:#fff;cursor:pointer}.shipInfoButton img[data-v-324396b2]{display:block;float:left;font-size:20px;margin-right:10px}.input-card[data-v-324396b2]{background:#fff;width:180px;padding:5px 10px;opacity:.9}.guijiTitle[data-v-324396b2]{font-size:16px;font-weight:700;color:#0569d9;padding-bottom:5px;border-bottom:1px solid #dbe3f5;margin-bottom:5px}.deleteBox[data-v-324396b2]{width:30px;height:30px;margin:0 5px}.deleteBox i[data-v-324396b2]{font-size:24px;display:inline-block;text-align:center;margin:3px 0;color:red}.shipInfoButton2[data-v-324396b2]{width:100%;height:30px;border:1px solid #d1e4fa;text-align:center;border-radius:4px;color:#fff;cursor:pointer;background:#0569d9;line-height:30px;font-size:14px}.input-item[data-v-324396b2]{margin:10px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.actionInput[data-v-324396b2]{width:60px;background:#0569d9;text-align:center;padding:5px 3px;font-size:12px;float:left;margin:5px}.oepnDialog[data-v-324396b2]{position:absolute;top:0;left:0;z-index:999;width:100%;height:100vh;background:#fff}.topWrapper[data-v-324396b2]{height:40px;padding:15px 0;margin:0 50px}.topLogo[data-v-324396b2]{display:block;float:left;padding:2px 0 3px 0;height:35px}.shu[data-v-324396b2]{display:block;float:left;width:2px;height:40px;margin:0 20px;background:#d5dcf1}.timeHMS[data-v-324396b2]{display:block;float:left;width:130px;height:40px;font-size:36px;font-family:HeitiSC;font-weight:300;color:#0468d8;line-height:40px}.timeWrapper[data-v-324396b2]{display:block;float:left;margin-left:10px}.timeD[data-v-324396b2],.timeYMD[data-v-324396b2]{font-size:14px;font-family:HeitiSC;font-weight:300;color:#0468d8;line-height:20px}.jiankongWrapper[data-v-324396b2]{display:block;float:right;height:40px;margin-right:50px;cursor:pointer}.jiankong[data-v-324396b2]{float:right;width:40px;height:40px;margin-right:5px}.jiankongTitle[data-v-324396b2]{float:right;font-size:18px;font-family:Source Han Sans CN;font-weight:400;color:#43669c;line-height:40px;cursor:pointer}.houtaiWrapper[data-v-324396b2]{display:block;float:right;height:40px;cursor:pointer}.houtai[data-v-324396b2]{float:right;width:30px;height:30px;margin:5px}.houtaiTitle[data-v-324396b2]{float:right;font-size:18px;font-family:Source Han Sans CN;font-weight:400;color:#43669c;line-height:40px;cursor:pointer}.statisticsBox[data-v-324396b2]{width:380px}.statisticsBox2[data-v-324396b2],.statisticsBox[data-v-324396b2]{padding:10px 15px;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(9,39,129,.27);box-shadow:0 0 10px 0 rgba(9,39,129,.27);border-radius:6px}.statisticsBox2[data-v-324396b2]{width:200px;cursor:pointer}.titleName[data-v-324396b2]{float:left;font-size:24px;font-family:Source Han Sans CN;font-weight:500;color:#0468d8;line-height:30px}.titleName2[data-v-324396b2]{float:right;font-size:12px;font-family:PangMenZhengDao;font-weight:400;color:#367ccc;height:12px;padding-top:18px}.titleBox[data-v-324396b2]{overflow:hidden;margin-bottom:10px}.lineBox[data-v-324396b2]{position:relative;width:100%;height:1px;background:#0468d8}.lineL[data-v-324396b2]{left:0}.lineL[data-v-324396b2],.lineR[data-v-324396b2]{position:absolute;top:-1px;width:30px;height:1px;background:#0468d8}.lineR[data-v-324396b2]{right:0}.contentBox[data-v-324396b2]{margin-top:10px;overflow:hidden}.boatManChart[data-v-324396b2],.shipNumberChart[data-v-324396b2]{float:left;width:190px;height:190px}.infoWrapper[data-v-324396b2]{float:left;margin-left:35px;overflow:hidden}.infoBox[data-v-324396b2]{display:-webkit-box;display:-ms-flexbox;display:flex}.infoImgBox[data-v-324396b2]{width:30px;height:30px;margin-right:15px;margin-top:11px}.infoImgBoxBoatMan[data-v-324396b2]{width:36px;height:36px}.infoImgBox img[data-v-324396b2]{display:block;width:100%;height:100%}.infoContent[data-v-324396b2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.infoTitle[data-v-324396b2]{font-size:13px;font-family:Source Han Sans CN;color:#666767;line-height:12px}.infoNumber[data-v-324396b2]{font-size:30px;font-family:PangMenZhengDao;color:#303030;line-height:30px;margin-top:10px}.infoImgBox2[data-v-324396b2]{width:60px;height:60px;margin-right:20px}.infoImgBox2 img[data-v-324396b2]{display:block;width:100%;height:100%}.infoTitle2[data-v-324396b2]{font-size:14px;font-family:Source Han Sans CN;color:#666767;line-height:14px;opacity:.9}.infoNumber2[data-v-324396b2]{font-size:24px;font-family:PangMenZhengDao;color:#303030;line-height:30px}.lineWrapper[data-v-324396b2]{width:100%;margin-bottom:15px}.lineTitle[data-v-324396b2]{float:left;font-size:14px;font-family:Source Han Sans CN;font-weight:400;color:#666767}.lineNumber[data-v-324396b2]{float:right;font-size:16px;font-family:PangMenZhengDao;font-weight:400;color:#047aff}.progressBox[data-v-324396b2]{position:relative;margin-top:10px;width:100%;height:20px}.progressFont[data-v-324396b2]{border-radius:10px;position:absolute;top:0;left:0;z-index:1;height:20px}.progressBg[data-v-324396b2]{border-radius:10px;width:100%;height:20px;background:#deeafd}.hideBox[data-v-324396b2]{cursor:pointer;position:absolute;z-index:9;top:50%;left:0;width:0;height:160px;margin-top:-80px;border-left:15px solid #4592fc;border-top:15px solid transparent;border-bottom:15px solid transparent}.hideIcon[data-v-324396b2]{position:absolute;z-index:1;top:50%;left:-15px;color:#fff;margin-top:-8px}.hideLeft[data-v-324396b2]{left:-450px;opacity:0}.hideRight[data-v-324396b2]{right:-290px;opacity:0}.hideArea[data-v-324396b2]{right:20px}.moveMain[data-v-324396b2]{left:20px}