.cargo-list-congestion[data-v-fcce4afe]{align-items:center;display:inline-flex;height:20px;justify-content:center;position:relative;width:20px}.cargo-list-congestion.is-hover-trigger:hover .congestion-popup[data-v-fcce4afe]{opacity:1;transform:translate(-50%,-6px);visibility:visible}.state-icon[data-v-fcce4afe]{cursor:pointer;height:20px;margin-top:-4px;width:20px}.congestion-popup[data-v-fcce4afe]{border-radius:8px;box-shadow:0 4px 10px 1px #03547b1a;box-sizing:border-box;left:50%;opacity:0;padding:12px 14px;position:absolute;top:calc(100% + 20px);transform:translate(-50%);transition:all .2s ease;visibility:hidden;width:250px;z-index:10}.congestion-popup[data-v-fcce4afe]:after{background:#fff;content:"";height:14px;left:50%;position:absolute;top:-6px;transform:translate(-50%) rotate(45deg);width:14px;z-index:-1}.congestion-popup[data-v-fcce4afe] .el-tooltip__trigger{display:block;width:100%}.popup-visible[data-v-fcce4afe]{opacity:1;transform:translate(-50%,-6px);visibility:visible}.popup-state-row[data-v-fcce4afe]{align-items:center;display:flex}.popup-state-icon[data-v-fcce4afe]{height:18px;margin-right:4px;width:18px}.popup-state-text[data-v-fcce4afe]{font-family:Source Han Sans;font-size:16px;font-weight:600}.popup-state-trend[data-v-fcce4afe]{font-family:Source Han Sans;font-size:14px;font-weight:350}.popup-port-name[data-v-fcce4afe]{color:#303133;display:block;font-family:Poppins;font-size:18px;font-weight:600;margin:10px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.popup-berthing-row[data-v-fcce4afe]{align-items:center;display:flex;margin-bottom:4px}.popup-time-icon[data-v-fcce4afe]{color:#f5a623;margin-right:8px;width:20px}.popup-berthing-label[data-v-fcce4afe],.popup-berthing-value[data-v-fcce4afe]{color:#6b7280;font-size:12px}.popup-berthing-value[data-v-fcce4afe]{color:#4b5563;font-weight:600;margin-left:2px;text-transform:none}.popup-default[data-v-fcce4afe],.popup-default[data-v-fcce4afe]:after{background:#fff}.popup-yellow[data-v-fcce4afe]{background:linear-gradient(180deg,#f7ebc2,#fff 31%)}.popup-yellow[data-v-fcce4afe]:after{background:#f5e9c6}.popup-yellow .popup-state-text[data-v-fcce4afe],.popup-yellow .popup-state-trend[data-v-fcce4afe]{color:#e2ad00}.popup-orange[data-v-fcce4afe]{background:linear-gradient(180deg,#ffdcb9,#fff 31%)}.popup-orange[data-v-fcce4afe]:after{background:#ffe1c7}.popup-orange .popup-state-text[data-v-fcce4afe],.popup-orange .popup-state-trend[data-v-fcce4afe]{color:#f37d06}.popup-red[data-v-fcce4afe]{background:linear-gradient(180deg,#ffd2d2,#fff 31%)}.popup-red[data-v-fcce4afe]:after{background:#fdd}.popup-red .popup-state-text[data-v-fcce4afe],.popup-red .popup-state-trend[data-v-fcce4afe]{color:#fa5151}.pol-pod-node-list[data-v-e02454ea]{display:flex;justify-content:space-between;overflow:visible;padding-bottom:12px;position:relative;--node-line-gap:8px;--node-line-inset:calc(32px + var(--node-line-gap))}.pol-pod-node-list .pol-line-tt[data-v-e02454ea]{background:#2d64f6;border-radius:4px;color:#fff;font-size:12px;left:50%;margin-top:-6px;padding:4px 8px;pointer-events:none;position:absolute;top:12px;transform:translate(-50%,-100%);white-space:nowrap;z-index:8}.pol-pod-node-list .pol-line-tt[data-v-e02454ea]:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #2d64f6;bottom:-5px;content:"";left:50%;position:absolute;transform:translate(-50%)}.pol-pod-node-list .node-item[data-v-e02454ea]{flex:1;position:relative;text-align:center}.pol-pod-node-list .node-item .icon-line-box[data-v-e02454ea]{align-items:center;display:flex;height:40px;justify-content:center;margin-bottom:12px;position:relative}.pol-pod-node-list .node-item .icon-line-box .line-icon[data-v-e02454ea]{border-top:2px dotted #c7c8cb;height:0;left:calc(50% + var(--node-line-inset));position:absolute;top:50%;width:calc(100% - var(--node-line-inset)*2);z-index:1}.pol-pod-node-list .node-item .icon-line-box .line-icon.solid[data-v-e02454ea]{border-top:2px solid #2d64f6}.pol-pod-node-list .node-item .icon-line-box .line-icon .line-progress[data-v-e02454ea]{border-top:2px solid #2d64f6;height:0;left:0;position:absolute;top:-2px;z-index:1}.pol-pod-node-list .node-item .icon-line-box .node-icon[data-v-e02454ea]{position:relative;z-index:2}.pol-pod-node-list .node-item .icon-line-box .node-icon .node-img[data-v-e02454ea]{display:block;height:28px;margin:0 auto;width:28px}.pol-pod-node-list .node-item .icon-line-box .node-icon .node-img.ship-img[data-v-e02454ea]{height:64px;-o-object-fit:contain;object-fit:contain;width:64px}.pol-pod-node-list .node-item .icon-line-box .node-icon .grey-dot[data-v-e02454ea]{background-color:#c7c8cb;border-radius:50%;height:12px;margin:0 auto;width:12px}.pol-pod-node-list .node-item .desc[data-v-e02454ea]{color:#a7a9af;font-size:14px;font-weight:700;margin-bottom:4px}.pol-pod-node-list .node-item .desc.have-light[data-v-e02454ea]{color:#303133}.pol-pod-node-list .node-item .time[data-v-e02454ea]{color:#a7a9af;font-size:12px;margin-bottom:4px;min-height:16px}.pol-pod-node-list .node-item .location[data-v-e02454ea]{align-items:center;color:#a7a9af;display:inline-flex;font-size:12px;font-weight:700;gap:4px;justify-content:center;max-width:100%;text-transform:uppercase}.pol-pod-node-list .node-item .location .location-text[data-v-e02454ea]{min-width:0}.pol-pod-node-list .node-item .location.have-light[data-v-e02454ea]{color:#2d64f6}.zuobiao[data-v-e02454ea]{height:28px;width:28px}.map-box[data-v-ec044430]{height:100%;position:relative;width:100%}.map-box .map-track-update-tip[data-v-ec044430]{align-items:center;background:#333333d9;border:1px solid hsla(0,0%,100%,.35);border-radius:4px;display:flex;left:16px;max-width:calc(100% - 120px);padding:8px 12px;pointer-events:none;position:absolute;top:16px;z-index:500}.map-box .map-track-update-tip .map-track-update-tip__icon[data-v-ec044430]{border:1.5px solid #fff;border-radius:2px;flex-shrink:0;height:16px;margin-right:8px;position:relative;width:16px}.map-box .map-track-update-tip .map-track-update-tip__icon[data-v-ec044430]:after{border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;content:"";height:6px;left:3px;position:absolute;top:3px;width:6px}.map-box .map-track-update-tip .map-track-update-tip__text[data-v-ec044430]{color:#fff;font-size:12px;line-height:18px;white-space:nowrap}.map-box .my-map-container[data-v-ec044430]{height:100%;width:100%}.map-box .my-map-container[data-v-ec044430] .custom-m-marker{background:transparent;border:none}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container{align-items:center;display:flex;flex-direction:column;position:relative}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .port-alert-badge{background:#333333eb;border-radius:6px;box-shadow:0 2px 10px #0003;color:#fff;font-size:13px;font-weight:700;left:50%;line-height:18px;padding:8px 12px;position:absolute;top:0;transform:translate(-50%,calc(-100% - 8px));white-space:nowrap;z-index:4}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .port-alert-badge:after{border:6px solid transparent;border-top-color:#333333eb;content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .port-time-badge{background:#1164d8;border-radius:4px;box-shadow:0 2px 8px #0000001f;color:#fff;left:65px;padding:6px 10px;position:absolute;top:0;white-space:nowrap;z-index:3}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .port-time-badge .port-time-row{color:#fff;font-size:12px;font-weight:700}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .port-time-badge .port-time-row+.port-time-row{margin-top:2px}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bubble-box{align-items:flex-start;display:flex;height:38px;justify-content:center;position:relative;width:32px;z-index:2}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bubble-box .bubble-bg{height:100%;left:0;position:absolute;top:0;width:100%}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bubble-box .type-text{color:#fff;font-size:14px;font-weight:700;margin-top:4px;position:relative;z-index:1}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .location-name{color:#fff;font-size:12px;font-weight:800;position:relative;text-shadow:1px 1px 2px rgba(0,0,0,.5);text-transform:uppercase;white-space:nowrap;z-index:2}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light{bottom:14px;left:50%;position:absolute;transform:translate(-50%);z-index:1}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light .outer{background:#1164d84d;border-radius:49px/15px;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:98px;z-index:1}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light .inner{background:#4b9cff;border-radius:33px/10px;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:66px;z-index:2}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light .inner-core{background:#1164d8;border-radius:12px/4px;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;z-index:3}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light.high-congestion .inner-core{background:#ff6969}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light.high-congestion .inner{background:#ffc7c7}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light.high-congestion .outer{background:#fa51514d}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light.mid-congestion .inner-core{background:#f19c45}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light.mid-congestion .inner{background:#f4c595}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light.mid-congestion .outer{background:#f19c454d}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light.low-congestion .inner-core{background:#e4bb0d}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light.low-congestion .inner{background:#e5d59f}.map-box .my-map-container[data-v-ec044430] .custom-m-marker .marker-container .bottom-ellipse-light.low-congestion .outer{background:#e4bb0d4d}.map-box .my-map-container[data-v-ec044430] .custom-m-marker.has-port-time,.map-box .my-map-container[data-v-ec044430] .custom-m-marker.has-port-alert{overflow:visible!important}.map-box .my-map-container[data-v-ec044430] .custom-ship-marker{background:transparent;border:none;overflow:visible!important}.map-box .my-map-container[data-v-ec044430] .custom-ship-marker .ship-marker-container{height:110px;position:relative;width:200px}.map-box .my-map-container[data-v-ec044430] .custom-ship-marker .ship-marker-container .ship-icon{bottom:0;height:50px;left:50%;position:absolute;transform:translate(-50%);width:50px}.map-box .my-map-container[data-v-ec044430] .custom-ship-marker .ship-marker-container .ship-tooltip{background:#fff;border-radius:6px;bottom:48px;box-shadow:0 2px 10px #0000001f;left:50%;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.map-box .my-map-container[data-v-ec044430] .custom-ship-marker .ship-marker-container .ship-tooltip:after{border:6px solid transparent;border-top-color:#fff;content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.map-box .my-map-container[data-v-ec044430] .custom-ship-marker .ship-marker-container .ship-tooltip .ship-tooltip-title{color:#303133;font-size:13px;font-weight:600;line-height:20px}.map-box .my-map-container[data-v-ec044430] .custom-ship-marker .ship-marker-container .ship-tooltip .ship-tooltip-row{color:#606266;font-size:12px;line-height:18px;margin-top:4px}.map-box .my-map-container[data-v-ec044430] .custom-ship-marker .ship-marker-container:hover .ship-tooltip{opacity:1;visibility:visible}.map-tool-box .expand-btn[data-v-600a58c5]{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000004d;cursor:pointer;display:flex;height:26px;justify-content:center;margin-bottom:8px;width:26px}.map-tool-box .expand-btn .icon[data-v-600a58c5]{height:14px;width:14px}.map-tool-box .zoom-btn-group[data-v-600a58c5]{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000004d}.map-tool-box .zoom-btn-group .tool-item[data-v-600a58c5]{align-items:center;cursor:pointer;display:flex;height:26px;justify-content:center;width:26px}.map-tool-box .zoom-btn-group .tool-item .icon[data-v-600a58c5]{height:14px;width:14px}.map-tool-box .zoom-btn-group .tool-item.zoom-in-btn[data-v-600a58c5]{border-bottom:1px solid #e6e6e6}.congestion-wrap[data-v-419e6249]{bottom:10px;left:10px;max-width:600px;position:absolute;width:90%;z-index:2}.congestion[data-v-419e6249]{background:#ffffffe6;border-radius:4px;box-shadow:0 4px 10px 1px #03547b1a;padding:14px 16px 8px;width:100%}.congestion-collapsed .analysis-block[data-v-419e6249]{display:none}.congestion-header[data-v-419e6249]{align-items:center;display:flex;margin-bottom:12px}.port-name[data-v-419e6249]{color:#303133;font-family:Source Han Sans;font-size:16px;font-weight:700;margin-bottom:10px}.update-time[data-v-419e6249]{color:#64748b;flex:1;font-family:Poppins;font-size:12px;text-align:right}.state-row[data-v-419e6249]{align-items:center;display:inline-flex}.state-row .state-icon[data-v-419e6249]{height:20px;width:20px}.state-row .state-text[data-v-419e6249]{font-family:Source Han Sans;font-size:16px;font-weight:500;margin-left:6px}.state-row .state-trend[data-v-419e6249]{font-family:Source Han Sans;font-size:14px;font-weight:350}.state-yellow span[data-v-419e6249]{color:#e2ad00}.state-orange span[data-v-419e6249]{color:#f37d06}.state-red span[data-v-419e6249]{color:#fa5151}.analysis-block[data-v-419e6249]{margin-top:6px}.analysis-title[data-v-419e6249]{align-items:center;color:#303133;display:inline-flex;font-size:18px;font-weight:600;margin-bottom:4px}.analysis-title .analysis-title-text[data-v-419e6249]{background:#ebf3f9;border-radius:4px;color:#0d2344;font-family:Source Han Sans;font-size:14px;font-weight:500;height:26px;line-height:26px;opacity:1;text-align:center;width:116px}.analysis-title-icon[data-v-419e6249]{height:18px;margin-right:10px;width:18px}.indicators-icon[data-v-419e6249]{color:#1f82ff}.reason-icon[data-v-419e6249]{color:#40a0ff}.analysis-content[data-v-419e6249]{color:#3d4f69cc;font-family:Source Han Sans;font-size:14px;line-height:22px;margin-bottom:8px;margin-left:26px}.bottom-bar[data-v-419e6249]{align-items:center;color:#1f6bd8;display:flex;font-size:14px;justify-content:center;line-height:20px;margin-top:8px;position:relative}.fold-btn[data-v-419e6249]{align-items:center;cursor:pointer;display:inline-flex;font-size:12px;gap:6px}.fold-arrows[data-v-419e6249]{display:inline-flex;flex-direction:column;gap:1px;transform:rotate(0);transition:transform .2s ease}.fold-arrow-line[data-v-419e6249]{border-left:1px solid;border-top:1px solid;box-sizing:border-box;height:8px;transform:rotate(45deg);width:8px}.fold-arrows-down[data-v-419e6249]{transform:rotate(180deg)}.page-text[data-v-419e6249]{color:#3d4f69cc;font-family:DINPro;font-size:12px;position:absolute;right:0}[data-v-419e6249] .el-carousel__item{overflow:visible}[data-v-419e6249] .el-carousel__arrow{height:30px;top:46%;width:30px}[data-v-419e6249] .el-carousel__arrow--left{left:0}[data-v-419e6249] .el-carousel__arrow--right{right:0}.carousel-slide[data-v-419e6249]{box-sizing:border-box;height:auto;overflow:visible;padding:0 16px}.map-component[data-v-2b3868d0]{z-index:1}.map-component[data-v-2b3868d0],.map-component .map-wrap[data-v-2b3868d0],.map-component .map-wrap .map-box[data-v-2b3868d0]{height:100%;position:relative;width:100%}.map-component .map-wrap .map-box[data-v-2b3868d0]{z-index:1}.map-component .map-wrap .right-top-absolute[data-v-2b3868d0]{position:absolute;right:30px;top:20px;z-index:2}.ocean-track-map-dialog{background:transparent!important;border:none!important;box-shadow:none!important;margin-top:3vh!important}.ocean-track-map-dialog .el-dialog__header{display:none}.ocean-track-map-dialog .el-dialog__body{height:90vh;padding:0!important}