/* purgecss start ignore */

.home h2{
  font-size:2rem;
  text-transform:uppercase;
  text-align:center;
  padding:1rem
}

.home .chartjs-render-monitor{
  height:75vh !important
}

/* purgecss end ignore */
/* purgecss start ignore */

.video{
  width:100vw;
  height:100vh
}

.video .video-left{
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  border-right:1px solid #333
}

.video .video-left .header{
  width:100%;
  padding:1rem;
  background:#dadada;
  overflow:hidden;
  border-bottom:1px solid #333
}

.video .video-left .header span{
  font-size:1rem;
  font-weight:600;
  text-transform:uppercase
}

.video .video-left .header .back i{
  font-size:1.1rem;
  margin-right:1rem
}

.video .video-left .header .back:hover{
  cursor:pointer
}

.video .video-left .video-list .video-item{
  padding:1rem;
  border-bottom:1px solid #dadada
}

.video .video-left .video-list .video-item .video-icon{
  margin-right:1rem
}

.video .video-left .video-list .video-item .video-icon i{
  font-size:1.2rem;
  color:#79d0f9
}

.video .video-left .video-list .video-item .video-icon .fa-film{
  font-size:1rem
}

.video .video-left .video-list .video-item:hover{
  cursor:pointer
}

.video .video-left .video-list .video-item.success .video-icon i{
  font-size:1.2rem;
  color:green
}

.video .video-left .video-list .video-item.active .video-title span{
  font-weight:600
}

.video .video-left .video-list .video-item.active .video-icon i{
  color:#fc4364
}

.video .video-left .chapter-item .panel-title{
  padding:1rem;
  background:#7e819a;
  color:#fff
}

.video .video-left .chapter-item .panel-title i{
  margin-right:.5rem;
  font-size:1.2rem
}

.video .video-right{
  max-height:100%;
  max-width:100%;
  display:flex;
  flex-direction:column
}

.video .video-right .header{
  padding:1.5rem 1rem;
  display:flex;
  align-items:center
}

.video .video-right .header span{
  text-transform:uppercase;
  margin-left:.5rem;
  font-size:1.3rem;
  color:#fff
}

.video .video-right .header i{
  font-size:1.5rem;
  color:#fff
}

.video .video-right .video-player{
  width:100%;
  padding:0 1rem
}

.video .video-right .video-player .video-js{
  width:100%
}

.video .video-right .video-player .video-js .vjs-tech{
  width:100%
}

.video .video-right .video-player .article p,.video .video-right .video-player .article span,.video .video-right .video-player .article a{
  color:#fff !important;
  text-decoration:underline
}

.video .video-right .video-control{
  height:7rem;
  padding:0 1rem;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.video .video-right .video-control .control-item{
  display:flex
}

.video .video-right .video-control .control-item a{
  display:flex;
  border:1px solid #fff;
  border-radius:5px;
  padding:.2rem .7rem;
  margin-left:.5rem
}

.video .video-right .video-control .control-item a i{
  font-size:1.5rem;
  color:#fff
}

.video .video-right .video-control .control-item a:hover{
  background:#fff
}

.video .video-right .video-control .control-item a:hover i{
  color:#23262a
}

.question-content{
  padding:1rem 0;
  height:100%;
  width:100%;
  overflow-y:auto;
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}

.question-content .question-list .question-item .answer-list{
  display:flex;
  flex-direction:column;
  padding-left:1rem
}

.question-content .question-list .answer-list .answer-item span{
  margin-right:.5rem
}

/* purgecss end ignore */

/*# sourceMappingURL=main~3d9b8e9e.55a01a47.chunk.css.map*/