
.video__header{
  width: 100%;
}

.video__header video{
  width: 100% !important;
  height: 420rpx !important;
}
.header__tips{
  background: #FFFFFF;
  padding: 30rpx 38rpx;
  font-size: 32rpx;
  color: #020202;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.item__tag{
  width: 84rpx;
  height: 34rpx;
  font-size: 24rpx;
  text-align: center;
  color: #FFFFFF;
  border-radius: 4rpx;
}

.no--study{
  background: #EBAC14;
}

.is--study{
  background: #1BE9BC;
}

.is--finish{
  background: #006DF7;
}

.video__content{
  background: #F6F6F6;
  padding: 20rpx 30rpx;
}

.content{
  padding: 36rpx 40rpx;
  min-height: calc(100vh - 580rpx);
  background: #FFFFFF;
  border-radius: 30rpx 30rpx 0px 0px;
}

.content__title{
  font-size: 32rpx;
  color: #000000;
  margin-bottom: 50rpx;
  display: inline-block;
  box-shadow: 0 -10rpx 0rpx 0rpx rgba(30, 121, 250, 0.5) inset;
}

.content__detail{
  font-size: 32rpx;
  color: #767881;
  line-height: 50rpx;
}