.vehicle-select-body[data-v-34b73c98]{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.vehicle-select-body .card[data-v-34b73c98]{height:100%}.vehicle-select-body .reload[data-v-34b73c98]{cursor:pointer}.video-item-wrapper[data-v-7ab26430]{width:100%;height:100%;position:relative;background-color:#333}.video-item-wrapper .title-wrapper[data-v-7ab26430]{position:absolute;top:0;left:0;right:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));background-image:linear-gradient(#000,transparent)}.video-item-wrapper .title-wrapper .title[data-v-7ab26430]{margin:0 12px;color:#fff}.video-item-wrapper .title-wrapper .close-btn[data-v-7ab26430]{padding:12px;cursor:pointer;border-radius:5px}.video-item-wrapper .title-wrapper .close-btn[data-v-7ab26430]:hover{background-color:rgba(0,0,0,.5)}.video-item-wrapper video[data-v-7ab26430]{width:100%;height:100%}.realtime-content[data-v-a8d4bfb2]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 192px)}.realtime-content .left[data-v-a8d4bfb2]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;overflow:hidden}.realtime-content .right[data-v-a8d4bfb2]{-webkit-box-flex:4;-ms-flex:4;flex:4;margin-left:16px;overflow:hidden;position:relative}.realtime-content .right .history-list-content[data-v-a8d4bfb2]{position:absolute;left:0;top:0;bottom:0;z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateX(0);transform:translateX(0)}.realtime-content .right .history-list-content.gone[data-v-a8d4bfb2],.realtime-content .right .history-list-content[data-v-a8d4bfb2]{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.realtime-content .right .history-list-content.gone[data-v-a8d4bfb2]{-webkit-transform:translateX(-950px);transform:translateX(-950px)}.realtime-content .right .history-list-content .history-list-card[data-v-a8d4bfb2]{width:950px;height:100%}.realtime-content .right .history-list-content .history-list-card .history-list-card-title[data-v-a8d4bfb2]{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}.realtime-content .right .history-list-content .history-list-card .history-list-card-title .camera-select[data-v-a8d4bfb2],.realtime-content .right .history-list-content .history-list-card .history-list-card-title .plate[data-v-a8d4bfb2],.realtime-content .right .history-list-content .history-list-card .history-list-card-title .time-select[data-v-a8d4bfb2]{margin-right:12px}.realtime-content .right .history-list-content .history-list-card .history-list-card-title .plate[data-v-a8d4bfb2]{width:120px}.realtime-content .right .history-list-content .history-list-card .history-list-card-title .camera-select[data-v-a8d4bfb2],.realtime-content .right .history-list-content .history-list-card .history-list-card-title .time-select[data-v-a8d4bfb2]{width:150px}.realtime-content .right .history-list-content .history-list-card .history-list-card-body[data-v-a8d4bfb2]{height:100%;overflow:auto;display:inline}.realtime-content .right .history-list-content .history-list-card .history-list-card-body[data-v-a8d4bfb2]::-webkit-scrollbar{display:none}.realtime-content .right .history-list-content .history-list-card .history-list-card-body .history-list-item-body[data-v-a8d4bfb2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.realtime-content .right .history-list-content .extend-btn[data-v-a8d4bfb2]{width:20px;height:160px;border:1px solid #e8e8e8;border-left:none;border-top-right-radius:20px;border-bottom-right-radius:20px;background-color:#fff;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;cursor:pointer;color:#1890ff;font-size:20px}.realtime-content .right .history-list-content .extend-btn .icon[data-v-a8d4bfb2]{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.realtime-content .right .history-list-content .extend-btn .icon.gone[data-v-a8d4bfb2]{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.realtime-content .right .map-content[data-v-a8d4bfb2]{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#fff;border:1px solid #e8e8e8}.realtime-content .right .video-item[data-v-a8d4bfb2]{position:absolute;right:0;top:0;width:560px;height:420px;z-index:899}