.video-detail .header[data-v-e49f1dc8]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:16px;margin-bottom:16px;background-color:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:4px;-webkit-box-shadow:0 1px 4px 0 #d9d9d9;box-shadow:0 1px 4px 0 #d9d9d9}.video-detail .header .left[data-v-e49f1dc8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;font-weight:700;color:#333}.video-detail .header .left span[data-v-e49f1dc8]{margin-left:10px}.video-detail .header .right .filter-button+.filter-button[data-v-e49f1dc8]{margin-left:16px}.video-detail .content[data-v-e49f1dc8]{overflow:hidden;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px 0 #d9d9d9;box-shadow:0 1px 4px 0 #d9d9d9}.video-detail .content .title[data-v-e49f1dc8]{padding:16px;border-bottom:1px solid #d9d9d9}.video-detail .content .video-box[data-v-e49f1dc8]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 16px 16px;margin-top:16px}.video-detail .content .video-box .video-player[data-v-e49f1dc8]{display:block;width:100%;height:633px;-o-object-fit:cover;object-fit:cover}.law-enforcement-recorder-index[data-v-a5c35560]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.law-enforcement-recorder-index .page-left[data-v-a5c35560]{width:336px;max-height:936px;min-height:700px;padding:16px;margin-right:16px;overflow:hidden;background:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px 0 #d9d9d9;box-shadow:0 1px 4px 0 #d9d9d9;-webkit-box-sizing:border-box;box-sizing:border-box}.law-enforcement-recorder-index .page-left[data-v-a5c35560]::-webkit-scrollbar{display:none}.law-enforcement-recorder-index .page-left .query-param-input[data-v-a5c35560]{width:304px}.law-enforcement-recorder-index .page-left .recorder-list[data-v-a5c35560]{padding-top:16px}.law-enforcement-recorder-index .page-left .recorder-list .item[data-v-a5c35560]{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;height:32px;padding:0 13px 0 10px;margin-bottom:8px;cursor:pointer;border-radius:2px}.law-enforcement-recorder-index .page-left .recorder-list .item.on[data-v-a5c35560],.law-enforcement-recorder-index .page-left .recorder-list .item[data-v-a5c35560]:hover{background-color:#e6edff}.law-enforcement-recorder-index .page-left .recorder-list .item.on .anticon[data-v-a5c35560],.law-enforcement-recorder-index .page-left .recorder-list .item:hover .anticon[data-v-a5c35560]{color:#3862cf}.law-enforcement-recorder-index .page-left .recorder-list .item .name[data-v-a5c35560]{width:calc(100% - 10px);margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.law-enforcement-recorder-index .page-left .recorder-list .item .more[data-v-a5c35560]{display:-webkit-box;display:-ms-flexbox;display:flex;width:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.law-enforcement-recorder-index .page-right[data-v-a5c35560]{-webkit-box-flex:1;-ms-flex:1;flex:1}.law-enforcement-recorder-index .page-right .filter[data-v-a5c35560]{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;height:64px;padding:16px;background:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px 0 #d9d9d9;box-shadow:0 1px 4px 0 #d9d9d9}.law-enforcement-recorder-index .page-right .filter .left[data-v-a5c35560]{position:relative}.law-enforcement-recorder-index .page-right .video-body[data-v-a5c35560]{position:relative;height:856px;padding-bottom:60px;margin-top:16px;background:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px 0 #d9d9d9;box-shadow:0 1px 4px 0 #d9d9d9}.law-enforcement-recorder-index .page-right .video-body .title[data-v-a5c35560]{padding:16px;border-bottom:1px solid #d9d9d9}.law-enforcement-recorder-index .page-right .video-body .data[data-v-a5c35560]{height:730px;padding:16px;overflow:hidden}.law-enforcement-recorder-index .page-right .video-body .data .item[data-v-a5c35560]{position:relative;height:222px;overflow:hidden;cursor:pointer;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px}.law-enforcement-recorder-index .page-right .video-body .data .item .cover[data-v-a5c35560]{display:block;width:100%;height:222px}.law-enforcement-recorder-index .page-right .video-body .data .item .info[data-v-a5c35560]{position:absolute;right:0;bottom:0;left:0;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;height:32px;padding:0 12px;font-style:normal;color:#fff;white-space:nowrap;background:rgba(0,0,0,.4)}.law-enforcement-recorder-index .page-right .video-body .data .item .info .name[data-v-a5c35560]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal}.law-enforcement-recorder-index .page-right .video-body .data .item .info .name .value[data-v-a5c35560]{display:inline-block}.law-enforcement-recorder-index .page-right .video-body .data .item .info i[data-v-a5c35560]{font-size:12px;font-style:normal}.law-enforcement-recorder-index .page-right .video-body .pagination[data-v-a5c35560]{position:absolute;right:28px;bottom:28px}