@font-face{font-family:YouSheBiaoTiHei;src:url(../fonts/优设标题黑.1726685c.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.box-wrapper[data-v-7b173fca]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.box-title[data-v-7b173fca]{height:30px;min-height:30px;max-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;color:#fff;background:url(../img/bgr.5b9a2e70.png) 100% 0/60% 100% no-repeat;-ms-flex-negative:0;flex-shrink:0}.box-title[data-v-7b173fca],.title-container[data-v-7b173fca]{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-container[data-v-7b173fca]{padding-left:10px;padding-right:12px;padding-bottom:2px;height:24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px}.title-text[data-v-7b173fca]{font-size:18px;font-family:YouSheBiaoTiHei,sans-serif;color:#fff;letter-spacing:1px;-ms-flex-negative:0;flex-shrink:0}.box-content[data-v-7b173fca]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column;background-color:rgba(0,6,12,.5)}.box-content[data-v-7b173fca],.sec-wrapper-class-over[data-v-7b173fca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;overflow:hidden}.sec-wrapper-class-over[data-v-7b173fca]{width:100%;height:100%;background:url(../img/1659755014900-baseinfo-bg.dca3f889.png) 50%/100% 100% no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;flex-direction:column;padding:6px 8px}.video-grid[data-v-ee120ae0]{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;min-height:0}.video-grid.is-loading .video-mask .hint[data-v-ee120ae0]{color:rgba(0,229,255,.95)}.video-card[data-v-ee120ae0]{position:relative;border:1px solid rgba(0,229,255,.25);border-radius:4px;overflow:hidden;background:rgba(0,10,20,.8);cursor:pointer;min-height:0}.video-player[data-v-ee120ae0]{position:absolute;inset:0;width:100%;height:100%;z-index:0}.video-hit-layer[data-v-ee120ae0]{position:absolute;inset:0;z-index:3;background:transparent}.video-card.status-offline[data-v-ee120ae0]{border-color:rgba(255,77,79,.35)}.video-card.status-empty[data-v-ee120ae0]{border-color:hsla(0,0%,100%,.12);cursor:default}.video-card.status-error[data-v-ee120ae0]{border-color:rgba(250,173,20,.45)}.video-mask[data-v-ee120ae0]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,30,50,.55)),to(rgba(0,10,20,.85)));background:linear-gradient(180deg,rgba(0,30,50,.55),rgba(0,10,20,.85));pointer-events:none;z-index:2}.road-name[data-v-ee120ae0]{color:#fff;font-size:12px;font-family:YouSheBiaoTiHei,sans-serif;text-align:center;padding:0 6px}.hint[data-v-ee120ae0]{margin-top:4px;font-size:10px;color:rgba(0,229,255,.8)}.status-error .hint[data-v-ee120ae0],.status-offline .hint[data-v-ee120ae0]{color:rgba(255,180,180,.9)}.status-empty .hint[data-v-ee120ae0]{color:rgba(200,220,240,.55)}.video-label[data-v-ee120ae0]{position:absolute;left:0;right:0;bottom:0;padding:2px 4px;font-size:10px;color:#fff;background:rgba(0,0,0,.55);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;z-index:4}.label-text[data-v-ee120ae0]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot[data-v-ee120ae0]{width:6px;height:6px;border-radius:50%;background:#ff4d4f;-webkit-box-shadow:0 0 4px #ff4d4f;box-shadow:0 0 4px #ff4d4f;-ms-flex-negative:0;flex-shrink:0}.status-pill[data-v-ee120ae0]{-ms-flex-negative:0;flex-shrink:0;font-size:9px;line-height:14px;padding:0 4px;border-radius:2px;border:1px solid currentColor}.status-pill.offline[data-v-ee120ae0]{color:#ff7875}.status-pill.error[data-v-ee120ae0]{color:#ffc53d}.status-pill.empty[data-v-ee120ae0]{color:rgba(200,220,240,.55)}.status-pill.loading[data-v-ee120ae0]{color:#00e5ff}.zhjc-video-fs-overlay{position:absolute;inset:0;z-index:10050;background:#000;pointer-events:auto}.zhjc-video-fs-player{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.zhjc-video-fs-player canvas,.zhjc-video-fs-player video{-o-object-fit:cover;object-fit:cover}.zhjc-video-fs-loading{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;color:rgba(0,229,255,.95);font-size:14px;pointer-events:none;white-space:nowrap}.zhjc-video-fs-hit{position:absolute;inset:0;z-index:2;background:transparent;cursor:pointer}.zhjc-video-fs-label{position:absolute;left:0;right:0;bottom:0;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;color:#fff;background:rgba(0,0,0,.55);pointer-events:none}.zhjc-video-fs-dot{width:8px;height:8px;border-radius:50%;background:#ff4d4f;-webkit-box-shadow:0 0 4px #ff4d4f;box-shadow:0 0 4px #ff4d4f;-ms-flex-negative:0;flex-shrink:0}.zhjc-video-fs-name{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zhjc-video-fs-tip{-ms-flex-negative:0;flex-shrink:0;font-size:12px;color:#7ec8ff}