.vjs-custom-skin > .video-js {
  width: 100%;
  font-family: "PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei","微软雅黑",sans-serif;
}

.vjs-custom-skin > .video-js .vjs-menu-button-inline.vjs-slider-active,.vjs-custom-skin > .video-js .vjs-menu-button-inline:focus,.vjs-custom-skin > .video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 10em
}

.vjs-custom-skin > .video-js .vjs-controls-disabled .vjs-big-play-button {
  display: none!important
}

.vjs-custom-skin > .video-js .vjs-control {
  width: 3em
}

.vjs-custom-skin > .video-js .vjs-control.vjs-live-control{
  width: auto;
  padding-left: .5em;
  letter-spacing: .1em;
}

.vjs-custom-skin > .video-js .vjs-menu-button-inline:before {
  width: 1.5em
}

.vjs-menu-button-inline .vjs-menu {
  left: 3em
}

.vjs-paused.vjs-has-started.vjs-custom-skin > .video-js .vjs-big-play-button,.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button {
  display: block
}

.vjs-custom-skin > .video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button {
  display: none!important
}

.vjs-custom-skin > .video-js .vjs-mouse-display:after,.vjs-custom-skin > .video-js .vjs-play-progress:after {
  padding: 0 .4em .3em
}

.video-js.vjs-ended .vjs-loading-spinner {
  display: none;
}

.video-js.vjs-ended .vjs-big-play-button {
  display: block !important;
}

.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.vjs-custom-skin > .video-js .vjs-big-play-button {
  display: block
}

.vjs-custom-skin > .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -1.5em;
  margin-top: -1em
}

.vjs-custom-skin > .video-js .vjs-big-play-button {
  background-color: rgba(0,0,0,0.45);
  font-size: 3.5em;
   /*border-radius: 50%;*/
  height: 2em !important;
  line-height: 2em !important;
  margin-top: -1em !important
}

.video-js:hover .vjs-big-play-button,.vjs-custom-skin > .video-js .vjs-big-play-button:focus,.vjs-custom-skin > .video-js .vjs-big-play-button:active {
  background-color: rgba(36,131,213,0.9)
}

.vjs-custom-skin > .video-js .vjs-loading-spinner {
  border-color: rgba(36,131,213,0.8)
}

.vjs-custom-skin > .video-js .vjs-control-bar2 {
  background-color: #000000
}

.vjs-custom-skin > .video-js .vjs-control-bar {
   /*background-color: rgba(0,0,0,0.3) !important;*/
  color: #ffffff;
  font-size: 14px
}

.vjs-custom-skin > .video-js .vjs-play-progress,.vjs-custom-skin > .video-js  .vjs-volume-level {
  background-color: #2483d5
}

.vjs-custom-skin > .video-js .vjs-play-progress:before {
  top: -0.3em;
}

.vjs-custom-skin > .video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.3em;
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0em;
}

.vjs-custom-skin > .video-js .vjs-menu li {
  padding: 0;
  line-height: 2em;
  font-size: 1.1em;
  font-family: "PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei","微软雅黑",sans-serif;
}

.vjs-custom-skin > .video-js .vjs-time-tooltip,
.vjs-custom-skin > .video-js .vjs-mouse-display:after, 
.vjs-custom-skin > .video-js .vjs-play-progress:after {
  border-radius: 0;
  font-size: 1em;
  padding: 0;
  width: 3em;
  height: 1.5em;
  line-height: 1.5em;
  top: -3em;
}

.vjs-custom-skin > .video-js .vjs-menu-button-popup .vjs-menu {
  width: 5em;
  left: -1em;
}

.vjs-custom-skin > .video-js .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0;
}

.vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button .vjs-menu {
   /*order: 4;*/
}

 /*排序顺序*/
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-play-control {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.vjs-custom-skin > .video-js .vjs-control-bar .vjs-time-control {
  min-width: 1em;
  padding: 0;
  margin: 0 .1em;
  text-align: center;
  display: block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.vjs-custom-skin > .video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value{
  font-size: 1.2em;
  line-height: 2.4;
}

.vjs-custom-skin > .video-js .vjs-progress-control.vjs-control {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.vjs-custom-skin > .video-js .vjs-control-bar .vjs-volume-menu-button {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label {
  display: block;
  line-height: 3em;
}

.vjs-custom-skin > .video-js .vjs-control-bar .vjs-playback-rate {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.vjs-custom-skin > .video-js .vjs-control-bar .vjs-fullscreen-control {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.gate-client[data-v-ea514d56]{min-height:100vh;background:#f5f7fa;position:relative}.navbar[data-v-ea514d56]{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;background:#409eff;color:#fff;padding:0 32px;-webkit-box-shadow:0 2px 8px rgba(64,158,255,.08);box-shadow:0 2px 8px rgba(64,158,255,.08)}.navbar-left[data-v-ea514d56]{font-size:22px;font-weight:600;letter-spacing:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-center[data-v-ea514d56]{font-size:16px;opacity:.9}.navbar-right[data-v-ea514d56]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-name[data-v-ea514d56]{margin:0 10px;font-size:15px}.el-button[data-v-ea514d56]{margin-left:8px}.mjgk-container[data-v-ea514d56]{padding:20px;background-color:#f5f7fa;min-height:calc(100vh - 84px)}.mjgk-container .statistics-cards[data-v-ea514d56]{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:20px}.mjgk-container .statistics-cards .stat-card[data-v-ea514d56]{background:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.05);box-shadow:0 2px 12px 0 rgba(0,0,0,.05);-webkit-transition:all .3s ease;transition:all .3s ease}.mjgk-container .statistics-cards .stat-card[data-v-ea514d56]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.1);box-shadow:0 4px 20px 0 rgba(0,0,0,.1)}.mjgk-container .statistics-cards .stat-card .stat-title[data-v-ea514d56]{color:#909399;font-size:14px;margin-bottom:10px}.mjgk-container .statistics-cards .stat-card .stat-value[data-v-ea514d56]{color:#303133;font-size:24px;font-weight:bold}.mjgk-container .statistics-cards .stat-card .stat-value.status[data-v-ea514d56]{color:#67c23a;font-size:20px}.mjgk-container .content-section[data-v-ea514d56]{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.mjgk-container .content-section .monitor-section[data-v-ea514d56]{background:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.05);box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.mjgk-container .content-section .monitor-section .section-header[data-v-ea514d56]{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;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ebeef5}.mjgk-container .content-section .monitor-section .section-header .title[data-v-ea514d56]{font-size:16px;font-weight:bold;color:#303133}.mjgk-container .content-section .monitor-section .section-header .refresh-btn[data-v-ea514d56]{padding:6px 15px;-webkit-transition:all .3s ease;transition:all .3s ease}.mjgk-container .content-section .monitor-section .section-header .refresh-btn[data-v-ea514d56]:hover{background-color:#ecf5ff;color:#409eff}.mjgk-container .content-section .monitor-section .video-container[data-v-ea514d56]{width:100%;height:400px;background:#000;margin-bottom:20px;border-radius:4px;overflow:hidden}.mjgk-container .content-section .monitor-section .vehicle-info[data-v-ea514d56]{background:#f8f9fb;padding:15px;border-radius:4px}.mjgk-container .content-section .monitor-section .vehicle-info .info-row[data-v-ea514d56]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.mjgk-container .content-section .monitor-section .vehicle-info .info-row .label[data-v-ea514d56]{width:100px;color:#606266}.mjgk-container .content-section .monitor-section .vehicle-info .info-row .value[data-v-ea514d56]{color:#303133;-webkit-box-flex:1;-ms-flex:1;flex:1}.mjgk-container .content-section .monitor-section .vehicle-info .ai-info[data-v-ea514d56]{color:#909399;font-size:13px}.mjgk-container .content-section .alarm-section[data-v-ea514d56]{background:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.05);box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.mjgk-container .content-section .alarm-section .section-header[data-v-ea514d56]{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;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ebeef5}.mjgk-container .content-section .alarm-section .section-header .title[data-v-ea514d56]{font-size:16px;font-weight:bold;color:#303133}.mjgk-container .content-section .alarm-section .section-header .view-all[data-v-ea514d56]{color:#409eff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.mjgk-container .content-section .alarm-section .section-header .view-all[data-v-ea514d56]:hover{color:#66b1ff;text-decoration:underline}.mjgk-container .content-section .alarm-section .alarm-list .alarm-item[data-v-ea514d56]{padding:10px 0;border-bottom:1px solid #ebeef5;-webkit-transition:all .3s ease;transition:all .3s ease}.mjgk-container .content-section .alarm-section .alarm-list .alarm-item[data-v-ea514d56]:hover{background-color:#f5f7fa;padding-left:10px}.mjgk-container .content-section .alarm-section .alarm-list .alarm-item .alarm-title[data-v-ea514d56]{color:#303133;margin-bottom:5px;font-size:14px}.mjgk-container .content-section .alarm-section .alarm-list .alarm-item .alarm-time[data-v-ea514d56]{color:#909399;font-size:12px}.mjgk-container .content-section .alarm-section .alarm-list .alarm-item.warning .alarm-title[data-v-ea514d56]{color:#e6a23c}.mjgk-container .content-section .alarm-section .alarm-list .alarm-item.error .alarm-title[data-v-ea514d56]{color:#f56c6c}.mjgk-container .records-section[data-v-ea514d56]{background:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.05);box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.mjgk-container .records-section .section-header[data-v-ea514d56]{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;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ebeef5}.mjgk-container .records-section .section-header .title[data-v-ea514d56]{font-size:16px;font-weight:bold;color:#303133}.mjgk-container .records-section .section-header .filter-group[data-v-ea514d56]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.mjgk-container .records-section .el-table .el-button--text[data-v-ea514d56]{padding:0 5px;-webkit-transition:all .3s ease;transition:all .3s ease}.mjgk-container .records-section .el-table .el-button--text[data-v-ea514d56]:hover{color:#66b1ff;text-decoration:underline}.mjgk-container .records-section .el-table .status-tag[data-v-ea514d56]{-webkit-transition:all .3s ease;transition:all .3s ease}.mjgk-container .records-section .el-table .status-tag[data-v-ea514d56]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.mjgk-container .records-section .el-table .duration-cell[data-v-ea514d56]{color:#606266}.mjgk-container .records-section .el-table .nested-header[data-v-ea514d56]{background-color:#f5f7fa}.mjgk-container .records-section .el-table .nested-header .el-table__header th[data-v-ea514d56]{background-color:#f5f7fa}.pagination-container[data-v-ea514d56]{margin-top:20px;text-align:right}.fade-enter-active[data-v-ea514d56],.fade-leave-active[data-v-ea514d56]{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.fade-enter[data-v-ea514d56],.fade-leave-to[data-v-ea514d56]{opacity:0}.slide-fade-enter-active[data-v-ea514d56]{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-fade-leave-active[data-v-ea514d56]{-webkit-transition:all .3s cubic-bezier(1, 0.5, 0.8, 1);transition:all .3s cubic-bezier(1, 0.5, 0.8, 1)}.slide-fade-enter[data-v-ea514d56],.slide-fade-leave-to[data-v-ea514d56]{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}