.monitor-wrapper[data-v-5b850276]{height:100%;background:#0a2843;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.32),0 3px 6px -4px rgba(0,0,0,.48),inset 3px 3px 10px 0 rgba(0,112,188,.45),inset -3px -3px 10px 0 rgba(0,112,188,.45);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.32),0 3px 6px -4px rgba(0,0,0,.48),inset 3px 3px 10px 0 rgba(0,112,188,.45),inset -3px -3px 10px 0 rgba(0,112,188,.45);border:1px solid rgba(53,194,255,.4)}.monitor-wrapper .title[data-v-5b850276]{width:100%;height:80px;padding:0 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.monitor-wrapper .title .title_name[data-v-5b850276]{width:36px;height:22px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:hsla(0,0%,100%,.85);line-height:22px;justify-self:start;white-space:nowrap}.monitor-wrapper .title .cur_page[data-v-5b850276]{color:#fff;font-weight:600;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.monitor-wrapper .title .add_btn[data-v-5b850276]{width:82px;height:32px;text-align:center;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:hsla(0,0%,100%,.85)}.monitor-wrapper .monitor[data-v-5b850276]{width:100%;height:calc(100% - 80px);overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.monitor-wrapper .monitor:hover .page_button button[data-v-5b850276]{opacity:1}.monitor-wrapper .monitor .page_button[data-v-5b850276]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.monitor-wrapper .monitor .page_button button[data-v-5b850276]{background:rgba(0,0,0,.6);color:#fff;border-color:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .3s;transition:all .3s}.monitor-wrapper .monitor .page_button button[data-v-5b850276]:hover{color:#35c2ff;-webkit-transform:scale(1.1);transform:scale(1.1)}.monitor-wrapper .monitor .pre_button[data-v-5b850276]{left:30px}.monitor-wrapper .monitor .next_button[data-v-5b850276]{right:30px}.monitor-wrapper .monitor_box[data-v-5b850276]{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.monitor-wrapper .monitor_main[data-v-5b850276]{width:100%;padding:0 30px;height:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:1%;-moz-column-gap:1%;column-gap:1%;row-gap:2%}.monitor-wrapper .monitor_main .monitor_card[data-v-5b850276]{width:49%;height:48%;padding:0 20px 20px;position:relative;background:-webkit-gradient(linear,left top,left bottom,from(rgba(9,74,121,.3)),to(rgba(9,72,118,.2)));background:linear-gradient(180deg,rgba(9,74,121,.3),rgba(9,72,118,.2));-webkit-box-shadow:inset 3px 3px 10px 0 rgba(0,112,188,.2),inset -3px -3px 10px 0 rgba(0,112,188,.2);box-shadow:inset 3px 3px 10px 0 rgba(0,112,188,.2),inset -3px -3px 10px 0 rgba(0,112,188,.2);border:1px solid rgba(53,194,255,.2);margin-bottom:0}.monitor-wrapper .monitor_main .monitor_card .card_title[data-v-5b850276]{font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:hsla(0,0%,100%,.85);height:36px;line-height:36px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;unicode-bidi:bidi-override}.monitor-wrapper .monitor_main .monitor_card .card_content[data-v-5b850276]{position:relative;width:100%;height:calc(100% - 36px)}.monitor-wrapper .monitor_main .monitor_card .hover[data-v-5b850276]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.monitor-wrapper .monitor_main .monitor_card .hover .hover_btn[data-v-5b850276]{width:60px;height:60px;background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;font-size:18px}.monitor-wrapper .monitor_main .monitor_card .enlarge_btn[data-v-5b850276]{width:25px;height:25px;padding:0;position:absolute;bottom:0;right:0;background:transparent;border:none}.monitor-wrapper .video_status-box[data-v-5b850276]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#000;color:#fff;font-size:.8rem}