.tunnel[data-v-7d9b3210]{width:100%;background:#707070;display:flex;position:relative;margin-top:30px;margin-bottom:10px}.tunnel[data-v-7d9b3210]:nth-child(2){margin-top:20px}.tunnel-name[data-v-7d9b3210]{position:absolute;top:60%;left:47%;transform:translate(-50%);font-size:14px;font-weight:700;color:#fff;white-space:nowrap}.tunnel-entrance[data-v-7d9b3210]{position:relative;width:10vh;z-index:999;line-height:1;font-size:0}.tunnel-entrance img[data-v-7d9b3210]{width:100%}.tunnel-entrance .hole[data-v-7d9b3210]{position:absolute;top:45%;left:47%;transform:translate(-50%,-50%);width:40%}.tunnel-inside[data-v-7d9b3210]{flex:1;padding-left:15px;position:relative}.tunnel[data-v-7d9b3210]:before{content:"";position:absolute;top:10%}.tunnel[data-v-7d9b3210]:after{content:"";position:absolute;bottom:10%}.tunnel[data-v-7d9b3210]:after,.tunnel[data-v-7d9b3210]:before{left:0;width:100%;height:5%;background-color:#fff;z-index:998}.tunnel-positionList[data-v-7d9b3210]{height:100%;width:calc(100% - 15px);position:absolute;left:15px;top:0;z-index:999}.tunnel-point[data-v-7d9b3210]{position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#10a8ff}.tunnel-point.alarm[data-v-7d9b3210]{background:#ff1010}.tunnel-point .point-name[data-v-7d9b3210]{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);font-size:12px;color:#fff;background:rgba(51,51,51,.9);padding:10px;width:-moz-max-content;width:max-content;border-radius:8px;text-align:center}.tunnel-lineList[data-v-7d9b3210]{height:100%;width:calc(100% - 15px);position:absolute;left:15px;top:0;z-index:997}.tunnel-line[data-v-7d9b3210]{position:absolute;top:50%;transform:translateY(-50%);height:15px;background:#47f3ff}.tunnel-line[data-v-7d9b3210]:first-child{background:linear-gradient(90deg,#47f3ff 0,#47f3ff 25%,transparent 0,transparent 75%,#47f3ff 0,#47f3ff);background-size:90px 100%;background-repeat:repeat-x}.tunnel-line.alarm[data-v-7d9b3210]{background:#ff1010}.tunnel-empty[data-v-7d9b3210]{height:100%;width:calc(100% - 15px);position:absolute;left:15px;top:0;transform:translateX(calc(-10vh - 15px));font-size:0;white-space:nowrap}.tunnel-empty[data-v-7d9b3210]:after{content:"";display:inline-block;width:10vh;height:100%;background:#b2b2b2;border-radius:0 10vh 10vh 0}.tunnel-emptyWidth[data-v-7d9b3210]{display:inline-block;height:100%;background:#b2b2b2;border:1px solid #b2b2b2;margin-right:-1px}.tunnel-tagList[data-v-7d9b3210]{width:calc(100% - 15px);position:absolute;left:15px;bottom:-20px;z-index:997}.tunnel-tag[data-v-7d9b3210]{position:inherit;white-space:nowrap;transform:translateX(-50%)}.realTimePosition[data-v-44b48170]{height:100%;width:100%;padding:0 10px}.realTimePosition table[data-v-44b48170]{text-align:center;border-spacing:1px}.realTimePosition table th[data-v-44b48170]{background:rgba(34,201,255,.2)}.realTimePosition table td[data-v-44b48170]{background:rgba(34,201,255,.0392)}.realTimePosition table td.isAlarm[data-v-44b48170]{background:#ff1010}.realTimePosition table tr:nth-child(2n) td[data-v-44b48170]{background:rgba(34,201,255,.2)}.realTimePosition table td[data-v-44b48170],.realTimePosition table th[data-v-44b48170]{font-size:12px;padding:10px 20px}.realTimePosition .tunnel-table[data-v-44b48170]{display:flex;justify-content:flex-end;align-items:flex-start}.realTimePosition .tunnel-box[data-v-44b48170]{padding:0 5rem;display:flex;flex-direction:column;justify-content:space-around;align-items:center}