.drag-components-wrap[data-v-0388abf4]{height:100%}.drag-components-wrap .chart-content-wrap[data-v-0388abf4]{height:calc(100% - 27px)}.drag-components-wrap .chart-content-wrap .pier-wrap[data-v-0388abf4]{height:100%}.drag-components-wrap .chart-item-title[data-v-0388abf4]{font-weight:700;display:flex;justify-content:space-between}.drag-components-wrap .chart-item-title .title-wrap[data-v-0388abf4]{display:flex;align-items:center}.drag-components-wrap .chart-item-title .pier-loading-icon[data-v-0388abf4]{background:url(../img/loading.264cef77.png) no-repeat 0 0/100%;width:20px;height:20px;animation:rotate1 1s linear infinite;margin-left:10px}.drag-components-wrap .chart-item-title .right-option[data-v-0388abf4]{display:flex;font-size:14px;align-items:center}.drag-components-wrap .chart-item-title .right-option .more[data-v-0388abf4]{cursor:pointer;margin-left:5px}.drag-components-wrap .remove[data-v-0388abf4]{position:absolute;top:0;right:0;font-size:18px;line-height:.4;cursor:pointer;background:rgba(0,0,0,.9);padding:8px;z-index:2}.drag-components-wrap .size-btn[data-v-0388abf4]{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.9);padding:6px;cursor:pointer;z-index:2}.chart-content-wrap[data-v-06bed3aa]{height:calc(100% - 38px)}.pier-wrap[data-v-06bed3aa]{overflow-y:auto;height:100%;overflow-x:hidden}.pier-wrap .ant-table-cell-scrollbar[data-v-06bed3aa]{width:4px}.pier-wrap[data-v-06bed3aa]::-webkit-scrollbar{width:4px;height:.1vh;height:1vh}.pier-wrap[data-v-06bed3aa]::-webkit-scrollbar-track{background:#fff;border-radius:.2vh}.pier-wrap[data-v-06bed3aa]::-webkit-scrollbar-thumb{background:#ccc;border-radius:1vh}.pier-wrap .pier-item[data-v-06bed3aa]{display:flex;margin-bottom:8px}.pier-wrap .pier-item>div[data-v-06bed3aa]:first-child{width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.pier-wrap .pier-item>div[data-v-06bed3aa]:nth-child(2){flex:1;display:flex;flex-wrap:wrap;gap:2px}.pier-wrap .pier-item>div:nth-child(2)>div[data-v-06bed3aa]{text-align:center;background:#8c8c8c;color:#000;margin-bottom:2px;width:calc((100% - 2px*(var(--max-length) - 1))/var(--max-length));min-width:calc(20% - 2px);line-height:2}.pier-wrap .pier-item>div:nth-child(2)>div.active[data-v-06bed3aa]{background:#75f9fd}.pier-wrap .pier-item>div[data-v-06bed3aa]:nth-child(3){width:40px;padding:0 5px}.edit-page[data-v-06bed3aa]{height:100%;display:flex}.edit-page .component-list[data-v-06bed3aa]{width:280px;padding:10px;display:flex;flex-direction:column}.edit-page .component-list .list-head[data-v-06bed3aa]{padding:20px 0}.edit-page .component-list .list-content[data-v-06bed3aa]{flex:1;max-height:calc(100vh - 190px)}.edit-page .component-list .list-content .list[data-v-06bed3aa]{height:100%;overflow-y:auto;padding:4px 0}.edit-page .component-list .list-content .list .ant-table-cell-scrollbar[data-v-06bed3aa]{width:4px}.edit-page .component-list .list-content .list[data-v-06bed3aa]::-webkit-scrollbar{width:4px;height:.1vh;height:1vh}.edit-page .component-list .list-content .list[data-v-06bed3aa]::-webkit-scrollbar-track{background:#fff;border-radius:.2vh}.edit-page .component-list .list-content .list[data-v-06bed3aa]::-webkit-scrollbar-thumb{background:#ccc;border-radius:1vh}.edit-page .component-list .list-content .list .list-item[data-v-06bed3aa]{display:block;width:100%;height:170px;cursor:move;color:#fff;padding:10px;border-radius:10px}.edit-page .component-list .list-content .list .list-item+.list-item[data-v-06bed3aa]{margin-top:5px}.edit-page .component-list .list-content .list .list-item.pier[data-v-06bed3aa]{background:url(../img/pic-pier.7b96fb4f.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.anchorArea[data-v-06bed3aa]{background:url(../img/pic-anchor-area.fa36027f.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.channel[data-v-06bed3aa]{background:url(../img/pic-channel.797aa1ff.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.ppt[data-v-06bed3aa]{background:url(../img/pic-ppt.fdf4d1d0.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.sailingSafety[data-v-06bed3aa]{background:url(../img/pic-sailing-safety.35895ef6.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.dynamicMonitorList[data-v-06bed3aa]{background:url(../img/pic-dynamic-monitorList.89fac23e.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.shipPlan[data-v-06bed3aa]{background:url(../img/pic-sailing-plan.447f7a9e.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.shipsDetail[data-v-06bed3aa]{background:url(../img/pic-ship-detail.a0597693.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.pierHistoryTotal[data-v-06bed3aa]{background:url(../img/pic-pier-ships.cd633726.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.portHistoryTotal[data-v-06bed3aa]{background:url(../img/pic-port-ships.1e264ce6.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.vhf[data-v-06bed3aa]{background:url(../img/vhftip.f6833e75.png) no-repeat 0 0/100%}.edit-page .component-list .list-content .list .list-item.instrumentPanel[data-v-06bed3aa]{background:url(../img/instrumentPanel.5972c6d8.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.weather[data-v-06bed3aa]{background:url(../img/weather.62d8ebb0.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.tideHigh[data-v-06bed3aa]{background:url(../img/tideHigh.f9c85efc.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.theDayWeather[data-v-06bed3aa]{background:url(../img/theDayWeather.c9799659.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.perHourWeather[data-v-06bed3aa]{background:url(../img/perHourWeather.daec6c43.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.sevenDayWeather[data-v-06bed3aa]{background:url(../img/sevenDayWeather.ec24fe36.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.typhoon[data-v-06bed3aa]{background:url(../img/typhoon.8dd2e34b.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-content .list .list-item.shipStatistics[data-v-06bed3aa],.edit-page .component-list .list-content .list .list-item.typhoonAnchorage[data-v-06bed3aa]{background:url(../img/shipStatistics.ec952e99.png) no-repeat 0 0/100% 100%}.edit-page .component-list .list-footer[data-v-06bed3aa]{height:280px;padding:10px 0;display:flex;flex-direction:column}.edit-page .component-list .list-footer .btn-wrap[data-v-06bed3aa]{flex:1;display:flex;align-items:center;justify-content:space-around}.edit-page .edit-area[data-v-06bed3aa]{width:25%}.edit-page .vue-grid-item[data-v-06bed3aa]{background:#2a334e;padding:10px;color:#fff}.edit-page .vue-grid-item.zIndex[data-v-06bed3aa]{z-index:2}.edit-page .vue-grid-item .chart-item-title[data-v-06bed3aa]{font-weight:700;display:flex;justify-content:space-between}.edit-page .vue-grid-item .chart-item-title .right-option[data-v-06bed3aa]{display:flex;font-size:14px;align-items:center}.edit-page .vue-grid-item .chart-item-title .right-option .more[data-v-06bed3aa]{cursor:pointer;margin-left:5px}.edit-page .vue-grid-item .remove[data-v-06bed3aa]{position:absolute;top:0;right:0;font-size:18px;line-height:.4;cursor:pointer;background:rgba(0,0,0,.9);padding:8px;z-index:2}.edit-page .vue-grid-item .size-btn[data-v-06bed3aa]{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.9);padding:6px;cursor:pointer;z-index:2}.edit-page .chart-content-wrap[data-v-06bed3aa]{height:calc(100% - 28px)}.edit-page .seperate-line[data-v-06bed3aa]{flex:1}