.monitoring-box[data-v-26cc8967]{width:100%;height:100%}.monitoring-box #monitoring[data-v-26cc8967],.monitoring-box #videoCenter[data-v-26cc8967]{width:100%;height:100%;z-index:0}.iframe[data-v-8ac0b470]{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);background:transparent}.bottom-nav[data-v-8ac0b470]{position:absolute;bottom:0;height:7.3rem;width:100%;padding:0 5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:rgba(1,31,67,.8)}.bottom-nav[data-v-8ac0b470],.common-bg[data-v-8ac0b470]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-bg[data-v-8ac0b470]{height:6.4375rem;background-color:#111b25;border:1px solid #1d469e;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.com1[data-v-8ac0b470]{padding:0 3.75rem}.com1 form[data-v-8ac0b470]{margin-top:25px}.com2[data-v-8ac0b470]{padding:0 5.8125rem}.com2 img[data-v-8ac0b470]{height:1.5rem;width:1.5rem}.com2 span[data-v-8ac0b470]{font-size:1.5rem;color:#fff;margin:0 1.25rem}.com3[data-v-8ac0b470]{padding:0 7.8125rem}.com3 img[data-v-8ac0b470]{height:2.625rem;width:2.625rem}.com3 img[data-v-8ac0b470]:nth-child(2){height:3.0625rem;width:3.0625rem}.com3 img+img[data-v-8ac0b470]{margin-left:1.5rem}.mb20[data-v-8ac0b470]{margin-bottom:1.25rem}.nop[data-v-8ac0b470]{padding:0}.shexiangtou[data-v-8ac0b470]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.shexiangtou .item[data-v-8ac0b470]{width:6.9375rem;height:6.5625rem;background-color:#1f3751;border:1px solid #1d469e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1rem;color:#c7e3fb;margin-bottom:.5rem;margin-right:.5rem}.shexiangtou .item[data-v-8ac0b470]:nth-child(3n){margin-right:0}.shexiangtou .item img[data-v-8ac0b470]{margin-bottom:8px;width:2.625rem;height:3.25rem}.mytitle2[data-v-8ac0b470]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:1.125rem;margin:.9375rem 0}.mytitle2 img[data-v-8ac0b470]{margin-right:.625rem}.con2[data-v-8ac0b470]{padding:1.25rem 0}.con2 .one-item[data-v-8ac0b470]{height:40.9375rem;width:100%;overflow-x:hidden}.con2 .one-item .header[data-v-8ac0b470]{padding-left:1.5rem;background-color:#1f3751}.con2 .one-item .header[data-v-8ac0b470],.con2 .one-item .lists[data-v-8ac0b470]{height:2.8125rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#c7e3fb}.con2 .one-item .lists[data-v-8ac0b470]{padding-left:1.625rem;background-color:#162840}.con1[data-v-8ac0b470]{padding:1.25rem 0}.con1 .map[data-v-8ac0b470]{width:100%;height:20.3125rem;background:#fff}.ftabs[data-v-8ac0b470]{display:-webkit-box;display:-ms-flexbox;display:flex}.ftabs .tab[data-v-8ac0b470]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:2.1875rem;line-height:2.1875rem;color:#56c3fb;text-align:center;border-bottom:1px solid #56c3fb}.ftabs .tab[data-v-8ac0b470]:first-child{border-right:1px solid #56c3fb}.ftabs .tab[data-v-8ac0b470]:nth-child(2){border-left:1px solid #56c3fb}.ftabs .tab.active[data-v-8ac0b470]{border-bottom:none;color:#fff}.page-con[data-v-8ac0b470]{height:61.625rem;width:100%;position:relative}.jiankongbg[data-v-8ac0b470]{float:left;width:80%;height:calc(100% - 7.3rem)}.video-right[data-v-8ac0b470]{padding:2.25rem 1.875rem}.monitoring-right[data-v-8ac0b470],.video-right[data-v-8ac0b470]{float:left;width:20%;height:calc(100% - 7.3rem);background:rgba(1,31,67,.9);-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;z-index:2}.monitoring-right[data-v-8ac0b470]{padding:0 1.875rem 2.25rem 1.875rem}.monitoring-right .title[data-v-8ac0b470]{font-size:1.125rem;color:#fff;font-weight:600;height:4.875rem;line-height:3.125rem}.monitoring-right .mytitle2[data-v-8ac0b470]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:1.125rem}.monitoring-right .mytitle2 img[data-v-8ac0b470]{margin-right:.625rem}.monitoring-right .one-item[data-v-8ac0b470]{height:40.9375rem;width:100%;overflow-x:hidden}.monitoring-right .one-item .header[data-v-8ac0b470]{padding-left:1.5rem;background-color:#1f3751}.monitoring-right .one-item .header[data-v-8ac0b470],.monitoring-right .one-item .lists[data-v-8ac0b470]{height:2.8125rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#c7e3fb}.monitoring-right .one-item .lists[data-v-8ac0b470]{padding-left:1.625rem;background-color:#162840}.monitoring-right .one-item .lists .point[data-v-8ac0b470]{width:.625rem;height:.625rem;border-radius:50%;margin-left:1.25rem;margin-right:.625rem}.monitoring-right .one-item .lists .point.success[data-v-8ac0b470]{background-color:#57ae5c}.monitoring-right .one-item .lists .point.offline[data-v-8ac0b470]{background-color:#e60012}