.tunnel-overview[data-v-ee8f0e7c]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.tunnel-overview .btn-list[data-v-ee8f0e7c]{align-self:flex-end;width:fit-content;display:flex;flex-direction:column;gap:12px}.tunnel-overview .process-container[data-v-ee8f0e7c]{display:flex;flex-direction:column;gap:16px}.tunnel-overview .process-container .process-header[data-v-ee8f0e7c]{display:flex;justify-content:space-between;align-items:center;gap:16px}.tunnel-overview .process-container .process-header .legend-list[data-v-ee8f0e7c]{display:flex;gap:16px}.tunnel-overview .process-container .process-header .legend-list .legend-item[data-v-ee8f0e7c]{display:flex;align-items:center;gap:8px}.tunnel-overview .process-container .process-header .legend-list .legend-item .legend-color[data-v-ee8f0e7c]{width:8px;height:8px;border-radius:1px}.tunnel-overview .process-container .process-header .legend-list .legend-item .legend-label[data-v-ee8f0e7c]{color:#adc3d9;line-height:20px}.tunnel-overview .process-container .process-content[data-v-ee8f0e7c]{display:flex;gap:16px;height:98px}.tunnel-overview .process-container .process-content .process-bar[data-v-ee8f0e7c]{margin-top:24px;height:24px;width:100%;border-radius:4px;position:relative;display:flex;align-items:center;gap:4px;z-index:1}.tunnel-overview .process-container .process-content .process-bar .process-bar-item[data-v-ee8f0e7c]{height:100%;position:relative;display:flex}.tunnel-overview .process-container .process-content .process-bar .process-bar-item .process-split-line[data-v-ee8f0e7c]{width:10px;height:100%;position:absolute;top:0;left:0;transform:translateX(-50%);z-index:2;background:#f53d3d}.tunnel-overview .process-container .process-content .process-bar .process-bar-item .process-start-label[data-v-ee8f0e7c]{position:absolute;bottom:calc(100% + 4px);left:2px;color:#adc3d9}.tunnel-overview .process-container .process-content .process-bar .process-bar-item .process-end-label[data-v-ee8f0e7c]{position:absolute;bottom:calc(100% + 4px);right:2px;color:#adc3d9}.tunnel-overview .process-container .process-content .process-bar .process-bar-item .process-bar-item-content[data-v-ee8f0e7c]{height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:3;position:relative}.tunnel-overview .process-container .process-content .process-bar .process-bar-item .process-bar-item-content .process-bar-item-rate[data-v-ee8f0e7c]{color:#fff;font-family:D-DIN Bold;line-height:15px;overflow:hidden}.tunnel-overview .process-container .process-content .process-bar .process-bar-item .process-bar-item-content .process-bar-item-info[data-v-ee8f0e7c]{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.tunnel-overview .process-container .process-content .process-bar .process-bar-item .process-bar-item-content .process-bar-item-info .process-bar-item-info-length[data-v-ee8f0e7c]{height:24px;padding:0 8px;color:#dae6f2;background:#000;box-shadow:inset 0 0 10px hsla(0,0%,100%,.6);border-radius:4px;display:flex;align-items:center;justify-content:center}.tunnel-overview .process-container .process-content .process-bar .process-bar-item .process-bar-item-content .process-bar-item-info .process-bar-item-info-length[data-v-ee8f0e7c]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);width:9px;height:6px;background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/tunnel_info_icon.png) no-repeat 50%;background-size:100% 100%}.tunnel-overview .process-container .process-content .process-bar .process-bar-item .process-bar-item-content[data-v-ee8f0e7c]:hover{z-index:4}