.ptz .outer-ring[data-v-4f9dcf00]{position:relative;width:150px;height:150px;background-color:#fff;border-radius:50%;box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333}.ptz .outer-ring i[data-v-4f9dcf00]{font-size:20px;cursor:pointer}.ptz .outer-ring i[data-v-4f9dcf00]:hover{color:#00b176}.ptz .outer-ring .caret-up[data-v-4f9dcf00]{position:absolute;top:6px;left:75px;margin-left:-10px}.ptz .outer-ring .caret-down[data-v-4f9dcf00]{position:absolute;bottom:6px;left:75px;margin-left:-10px}.ptz .outer-ring .caret-left[data-v-4f9dcf00]{position:absolute;left:6px;top:75px;margin-top:-10px}.ptz .outer-ring .caret-right[data-v-4f9dcf00]{position:absolute;right:6px;top:75px;margin-top:-10px}.ptz .outer-ring .ob-caret-left[data-v-4f9dcf00]{transform:rotate(45deg);position:absolute;top:24px;left:24px}.ptz .outer-ring .ob-caret-up[data-v-4f9dcf00]{transform:rotate(45deg);position:absolute;top:24px;right:24px}.ptz .outer-ring .ob-caret-right[data-v-4f9dcf00]{transform:rotate(45deg);position:absolute;bottom:24px;right:24px}.ptz .outer-ring .ob-caret-down[data-v-4f9dcf00]{transform:rotate(45deg);position:absolute;bottom:24px;left:24px}.ptz .outer-ring .inner-ring[data-v-4f9dcf00]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background-color:#fff;border:1px solid #ddd}.ptz .outer-ring .inner-ring .plus[data-v-4f9dcf00]{position:absolute;top:10px;left:40px;margin-left:-10px}.ptz .outer-ring .inner-ring .line[data-v-4f9dcf00]{height:1px;width:100%;background-color:#ddd;position:absolute;top:39px;left:0}.ptz .outer-ring .inner-ring .minus[data-v-4f9dcf00]{position:absolute;bottom:10px;left:40px;margin-left:-10px}.container[data-v-108246b3]{position:fixed;margin:auto;top:0;bottom:0;left:0;right:0;width:90vw;height:80vh;max-width:1720px;max-height:1200px;z-index:999;background-color:var(--detail-bgcolor);border-radius:10px}.container>.header[data-v-108246b3]{background-color:var(--default-bgcolor);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 1vw;line-height:4vh;border-top-left-radius:10px;border-top-right-radius:10px}.container .card-content[data-v-108246b3]{padding:2vh 1vw;gap:1vh 1em;box-shadow:0 3px 10px rgba(0,0,0,.16);border-radius:10px;display:flex}.content[data-v-108246b3]{padding:2vh 1vw;display:grid;grid-template-columns:repeat(2,1fr);gap:1vh 1em;color:#adadad}.content .item[data-v-108246b3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1vh}.content .item .label[data-v-108246b3]{min-width:4em}.content .item .value[data-v-108246b3]{color:var(--theme-color)}.content .col-2[data-v-108246b3]{grid-column-start:1;grid-column-end:3}.info-title[data-v-108246b3]{display:flex;align-items:center;justify-content:space-between;padding:1vh 1vw}.info-title>div[data-v-108246b3]:first-child{font-weight:700}.info-title>div[data-v-108246b3]:last-child{color:#999;font-size:12px;display:flex;align-items:center}.info-title .refresh[data-v-108246b3]{margin-left:4px}@keyframes rotate-108246b3{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.rotate[data-v-108246b3]{animation:rotate-108246b3 1s linear infinite}#video[data-v-108246b3]{width:100%}.body .model[data-v-108246b3]{margin:0 auto}.body .preview[data-v-108246b3]{padding:2vh 1vw;position:relative;font-size:12px;font-weight:700}.body .preview img[data-v-108246b3]{width:100%}.body .preview .height1[data-v-108246b3]{color:#555;position:absolute;bottom:13vh;border-bottom:2px solid #555}.body .preview .height1[data-v-108246b3]:after{content:"";position:absolute;bottom:-24px;right:-.2vw;border-top:12px solid #555;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid transparent}.body .preview .height2[data-v-108246b3]{color:#555;position:absolute;bottom:10vh;left:11vw}.body .preview .height3[data-v-108246b3]{color:#555;position:absolute;bottom:6vh;right:2vw;border-bottom:2px solid #555}.body .preview .height3[data-v-108246b3]:after{content:"";position:absolute;bottom:-24px;left:-.2vw;border-top:12px solid #555;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid transparent}.body .preview .gate[data-v-108246b3]{color:#555;position:absolute;bottom:15vh;right:8vw}.body .ptz_panel[data-v-108246b3]{display:flex;justify-content:space-around;align-items:center;padding:2rem;background-color:var(--themeColor)}.body .ptz_panel .left-panel[data-v-108246b3]{display:flex;flex-direction:column}.base-panel[data-v-108246b3]{flex:1;margin-right:.5rem}.statistic-panel[data-v-108246b3]{flex:1}.monitor-panel[data-v-108246b3]{flex:1;margin-right:.5rem;color:#adadad}.list[data-v-261faf90]{display:flex;flex-direction:column;gap:1em}.list .item[data-v-261faf90]{border:1px solid #f0f0f0;padding:1em;color:#fff}.list .item .header[data-v-261faf90]{display:flex;align-items:center;justify-content:space-between}.list .item .header .title[data-v-261faf90]{font-weight:700;font-size:1.1em}.list .item .header .extra[data-v-261faf90]{color:#999;font-size:.9em}.list .item .info[data-v-261faf90]{margin-top:.5em;color:#999;display:flex;align-items:center}.list[data-v-214a3a59]{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}.list .item[data-v-214a3a59]{border:1px solid #f0f0f0;padding:1em;display:flex;flex-direction:column}.list .item .header[data-v-214a3a59]{display:flex;align-items:center;justify-content:space-between}.list .item .header .title[data-v-214a3a59]{font-weight:700;font-size:1.1em;white-space:nowrap}.list .item .header .extra[data-v-214a3a59]{color:#999;font-size:.9em;white-space:nowrap;margin-left:1em}.list .item .info[data-v-214a3a59]{margin-top:.5em;color:#999;display:flex;align-items:center}.list .item .content[data-v-214a3a59]{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:.5em;column-gap:.5em}.list .item .footer[data-v-214a3a59]{padding-top:.5em;margin-top:auto}#map[data-v-53fdeff3]{position:fixed;top:0;left:0;height:100vh;width:100vw}.card[data-v-53fdeff3]{position:fixed;top:11vh;left:1vw;z-index:99;bottom:2vh;overflow-y:auto;background-color:var(--detail-bgcolor);box-shadow:0 3px 10px rgba(0,0,0,.16);border-radius:10px;border:1px solid #065645}.card>.header[data-v-53fdeff3]{background-color:rgba(0,0,0,.9);color:#00ff96;position:sticky;top:0;left:0;z-index:998;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.2rem;line-height:4vh;border-top-left-radius:10px;border-top-right-radius:10px}.card .body[data-v-53fdeff3]{padding:2vh 1vw}