.playback-tabs>.el-tabs__content{color:#6b778c;font-weight:600}.sdcard-data-list-wrapper{display:flex;max-height:calc(100vh - 300px);overflow:auto;flex-wrap:wrap;align-items:start;align-content:start}.sdcard-data-list-wrapper>.sdcard-time-item-wrapper{padding:10px;border:#ccc 1px solid;cursor:pointer}.main-page[data-v-ecdea81e]{display:flex;min-height:100vh;flex-direction:column}.main-page .main-header[data-v-ecdea81e]{display:flex;padding:20px;height:50px;align-items:center}.main-page .main-header h1[data-v-ecdea81e]{flex:1}.main-page .main-content[data-v-ecdea81e]{flex:1;display:flex;flex-direction:row;padding:20px}.main-page .main-content .device-list-wrapper[data-v-ecdea81e]{width:200px}.main-page .main-content .device-list-wrapper label[data-v-ecdea81e]{display:inline-block;width:100%;text-align:center;background:#ccc;padding:10px 0}.main-page .main-content .device-list-wrapper .device-wrapper[data-v-ecdea81e]{margin:5px auto 0;width:100%;background:#eee;cursor:pointer}.main-page .main-content .device-list-wrapper .device-wrapper .device-thumbnail[data-v-ecdea81e]{background:#ddd no-repeat center/contain;width:100%;padding-top:56.25%;position:relative}.main-page .main-content .device-list-wrapper .device-wrapper .device-thumbnail .device-status[data-v-ecdea81e]{position:absolute;left:0;top:0}.main-page .main-content .device-list-wrapper .device-wrapper .device-name[data-v-ecdea81e]{color:#333;text-align:start;padding:5px 10px;word-break:break-all}.main-page .main-content .content-wrapper[data-v-ecdea81e]{display:flex;flex:1;padding-left:20px;flex-direction:column}.main-page .main-content .content-wrapper .device-name[data-v-ecdea81e]{padding:5px 10px}.main-page .main-content .content-wrapper .media-wrapper[data-v-ecdea81e]{display:flex;flex-direction:row}.main-page .main-content .content-wrapper .media-wrapper .video-wrapper[data-v-ecdea81e]{width:60vw;max-width:1024px}.main-page .main-content .content-wrapper .media-wrapper .video-wrapper .player-display-wrapper[data-v-ecdea81e]{width:100%;position:relative}.main-page .main-content .content-wrapper .media-wrapper .video-wrapper .player-display-wrapper[data-v-ecdea81e]:before{content:" ";display:block;width:100%;padding-top:56.25%}.main-page .main-content .content-wrapper .media-wrapper .video-wrapper .player-display-wrapper .player-display-area[data-v-ecdea81e]{position:absolute;width:100%;height:100%;background:#000;top:0;left:0}.main-page .main-content .content-wrapper .media-wrapper .video-wrapper .player-display-wrapper .playback-seekbar[data-v-ecdea81e]{position:absolute;width:100%;height:auto;padding:20px;left:0;right:0;bottom:0}.main-page .main-content .content-wrapper .media-wrapper .video-wrapper .player-operate-btn-wrapper[data-v-ecdea81e]{display:flex;flex-wrap:wrap;padding:20px 10px}.main-page .main-content .content-wrapper .media-wrapper .playback-area[data-v-ecdea81e]{flex:1;display:block;margin-left:20px}@media screen and (max-width: 450px){.main-page .main-content[data-v-ecdea81e]{flex-direction:column}}
