.tiao[data-v-747145f7]{width:100%;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f5f5f5;position:relative}.tiao .have[data-v-747145f7]{width:100%;height:5px}.tiao .have .test[data-v-747145f7]{position:absolute;width:200px;height:5px;background-color:#0dbf8d;top:0;left:20px}.tiao .have .v[data-v-747145f7]{position:absolute;height:5px;background-color:#a2ebd6;top:0;border-right:.5px solid #333;border-left:.5px solid #333;-webkit-transition:all .2s;transition:all .2s}.tiao .have .v.select[data-v-747145f7]{background-color:#0dbf8d}.tiao .scales[data-v-747145f7]{width:100%;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border-right:1px solid #333}.tiao .scales .hand[data-v-747145f7]{width:1px;height:30px;background:#1dbf8d;position:absolute;left:30px}.tiao .scales>.scale[data-v-747145f7]{-webkit-box-flex:1;-ms-flex:1;flex:1;border-left:1px solid #333;border-top:1px solid #333;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;position:relative;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiao .scales .timeStep[data-v-747145f7]{padding:2px 4px;background:#0dbf8d;color:#fff;position:absolute;top:30px;z-index:10;-webkit-transform:translate(-50%);transform:translate(-50%)}.monitor[data-v-4a718beb]{width:100%;height:100%;padding:1vh;background-color:#e3eeff}.monitor[data-v-4a718beb] .ant-spin-blur{overflow:visible}.monitor .playback[data-v-4a718beb]{width:100%;height:100%;background-color:#fff;position:relative;padding-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitor .playback .date[data-v-4a718beb]{position:absolute;left:10px;top:10px}.monitor .playback .close[data-v-4a718beb]{position:absolute;right:10px;top:10px;cursor:pointer}.monitor .playback .video[data-v-4a718beb]{width:100%;height:700px;background-color:#e9e9e9;position:relative}.monitor .playback .video>video[data-v-4a718beb]{width:100%;height:100%}.monitor .playback .oprection[data-v-4a718beb]{width:100%;height:111px;padding:0 20px}.monitor .playback .oprection .btns[data-v-4a718beb],.monitor .playback .oprection .name[data-v-4a718beb]{width:100%;height:50%;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}.monitor .playback .oprection .name .icon[data-v-4a718beb]{color:#0dbf8d}.monitor .playback .oprection .btns[data-v-4a718beb]{-webkit-box-flex:1;-ms-flex:1;flex:1}.monitor .playback .oprection .btns .icon[data-v-4a718beb]{font-size:20px;margin:0 5px;color:#0dbf8d;cursor:pointer}.monitor .playback .oprection .btns .time[data-v-4a718beb]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor .playback .oprection .btns .time>div[data-v-4a718beb]{margin-right:10px}.monitor .playback .oprection .btns .time .myTime[data-v-4a718beb]{-webkit-box-flex:1;-ms-flex:1;flex:1}.monitor .monitorMain[data-v-4a718beb]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.monitor .monitorMain .console[data-v-4a718beb]{width:300px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitor .monitorMain .console .buttons[data-v-4a718beb]{height:400px;background:#f0f0f0}.monitor .monitorMain .console .step[data-v-4a718beb]{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;margin-top:10px}.monitor .monitorMain .console .button[data-v-4a718beb]{width:100%;height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.monitor .monitorMain .console .button>div[data-v-4a718beb]{width:40px;height:40px;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;font-size:20px;background-color:#e9e9e9;border-radius:50%;margin:10px 28px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.monitor .monitorMain .console .button>div[data-v-4a718beb]:hover{color:#fff;background-color:#0dbf8d}.monitor .monitorMain .console .button .b1[data-v-4a718beb]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.monitor .monitorMain .console .button .b3[data-v-4a718beb]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.monitor .monitorMain .console .button .b4[data-v-4a718beb]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.monitor .monitorMain .console .button .b6[data-v-4a718beb]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.monitor .monitorMain .console .button .b7[data-v-4a718beb]{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.monitor .monitorMain .console .button .b8[data-v-4a718beb]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.monitor .monitorMain .console .button .b9[data-v-4a718beb]{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.monitor .monitorMain .console .operation[data-v-4a718beb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:14px;margin-bottom:14px}.monitor .monitorMain .console .operation>[data-v-4a718beb]{margin-right:20px}.monitor .monitorMain .view[data-v-4a718beb]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:24px}.monitor .monitorMain .view .window[data-v-4a718beb]{width:100%;height:calc(98vh - 108px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.monitor .monitorMain .view .window .select[data-v-4a718beb]{border:3px solid #0dbf8d}.monitor .monitorMain .view .window>div[data-v-4a718beb]{width:49%;height:calc((98vh - 118px)/2);background-color:#fff;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitor .monitorMain .view .window>div .video[data-v-4a718beb]{width:100%;height:300px;background-color:#f8f8f8;position:relative}.monitor .monitorMain .view .window>div .video>video[data-v-4a718beb]{width:100%;height:100%}.monitor .monitorMain .view .window>div .video .set[data-v-4a718beb]{position:absolute;left:0;bottom:0;width:100%;height:30px;background:rgba(0,0,0,.7);opacity:0;-webkit-transition:all .2s;transition:all .2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;z-index:9}.monitor .monitorMain .view .window>div .video .set .volume[data-v-4a718beb]{width:100px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.monitor .monitorMain .view .window>div .video .set .volume>.icon[data-v-4a718beb]{margin-right:4px}.monitor .monitorMain .view .window>div .video .set.show[data-v-4a718beb]{opacity:1}.monitor .monitorMain .view .window>div .btns[data-v-4a718beb]{-webkit-box-flex:1;-ms-flex:1;flex:1;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;padding:0 24px}.monitor .monitorMain .view .window>div .btns>div[data-v-4a718beb]{cursor:pointer}.monitor .monitorMain .view .window>div .btns .long[data-v-4a718beb]{display:-webkit-box;display:-ms-flexbox;display:flex}.monitor .monitorMain .view .window>div .btns .long[data-v-4a718beb] .ant-dropdown-menu-item a:hover{color:#000}.monitor .monitorMain .view .window>div .btns .name[data-v-4a718beb]{margin-bottom:40px}.monitor .monitorMain .view .window>div .btns .name .icon[data-v-4a718beb]{color:#0dbf8d}.monitor .monitorMain .view .window>div .btns .break[data-v-4a718beb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor .monitorMain .view .window>div .btns .break .icon[data-v-4a718beb]{color:#0dbf8d;font-size:30px}.monitor .monitorMain .view .window>div .btns .opertion .icon[data-v-4a718beb]{font-size:20px;margin-left:8px}.monitor .monitorMain .view .page[data-v-4a718beb]{margin-top:10px;width:100%;height:50px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 24px}