.video-detail-box .video-box {
  background: #000;
  width: 100%;
  height: 4.2rem;
}
.video-detail-box .video-box .vjs-poster {
  width: 100%;
  height: 4.2rem;
  background-color: initial;
  z-index: 4;
}
.video-detail-box .video-box #videoid{
  background: '#000';
  overflow: hidden;
  position: relative;
}
/* 部分浏览器播放器默认样式显示大按钮 */
.video-detail-box .video-box #videoid video{
  display: block;
  margin: 0 auto;
  z-index: 3;
  width: auto;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}


.video-detail-box .scroll-content {
  height: calc(100vh - 4.2rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.video-detail-box .scroll-content .desc-box {
  padding: 0.32rem 0.3rem;
  border-bottom: 0.16rem solid #f0f0f0;
}
.video-detail-box .scroll-content .desc-box .title {
  font-size: 0.36rem;
  color: #262626;
  line-height: 0.56rem;
  margin-bottom: 0.22rem;
}
.video-detail-box .scroll-content .desc-box .desc {
  font-size: 0.3rem;
  color: #777777;
  line-height: 0.48rem;
  white-space: pre-wrap;
  margin-bottom: 0.22rem;

}
.video-detail-box .scroll-content .desc-box .desc a {
  color: #4b75ff;
  margin-left: 0.02rem;
}
.video-detail-box .scroll-content .desc-box .desc .expend {
  display: none;
  flex-shrink: 0;
}
.video-detail-box .scroll-content .desc-box .desc .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
}
.video-detail-box .scroll-content .desc-box .desc-zd {
  display: flex;
}
.video-detail-box .scroll-content .desc-box .desc-all {
  display: none;
}
.video-detail-box .scroll-content .desc-box .label-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
  margin-bottom: 0.22rem;
}
.video-detail-box .scroll-content .desc-box .label-box .label {
  font-size: 0.3rem;
  color: #3b81f7;
  line-height: 0.42rem;
  margin: 0 0.15rem;
}
.video-detail-box .scroll-content .desc-box .origin-box {
  display: flex;
  align-items: center;
  padding: 0.08rem 0;
}
.video-detail-box .scroll-content .desc-box .origin-box .logo {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  border: 0.01rem solid #dcdcdc;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.video-detail-box .scroll-content .desc-box .origin-box .info-b .name {
  font-size: 0.24rem;
  color: #303030;
}
.video-detail-box .scroll-content .desc-box .origin-box .time {
  font-size: 0.22rem;
  color: #999999;
}
.video-detail-box .scroll-content .module-title {
  font-size: 0.36rem;
  color: #0b182a;
  line-height: 1;
}
.video-detail-box .scroll-content .recommend-video {
  padding: 0.4rem 0.3rem 0;
  border-bottom: 0.16rem solid #f0f0f0;
}
.video-detail-box .scroll-content .recommend-video .row-screen-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.2rem -0.15rem 0;
}
.video-detail-box .scroll-content .recommend-video .row-screen-list .video-item {
  display: block;
  width: 50%;
  padding: 0.2rem 0.15rem;
  box-sizing: border-box;
}
.video-detail-box .scroll-content .recommend-video .row-screen-list .video-item .cover-box {
  position: relative;
  width: 100%;
  padding-bottom: calc((100% - 0.3rem) / 1.793);
  height: 0;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-detail-box .scroll-content .recommend-video .row-screen-list .video-item .cover-box .imgcon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.video-detail-box .scroll-content .recommend-video .row-screen-list .video-item .cover-box .imgcon .cover-img {
  width: 100%;
  height: 100%;
}
.video-detail-box .scroll-content .recommend-video .row-screen-list .video-item .cover-box .time-mark {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 0.7rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  border-radius: 0px 0px 5px 5px;
}
.video-detail-box .scroll-content .recommend-video .row-screen-list .video-item .cover-box .time-mark .time {
  font-size: 0.24rem;
  color: #ffffff;
  margin: 0.3rem 0.16rem 0;
}
.video-detail-box .scroll-content .recommend-video .row-screen-list .video-item .v-title {
  font-size: 0.3rem;
  color: #303030;
  line-height: 0.44rem;
  margin: 0.19rem 0 0.15rem;
  height: 0.88rem;
}
.video-detail-box .scroll-content .recommend-video .row-screen-list .video-item .create-time {
  font-size: 0.24rem;
  color: #999999;
  margin-top: 0.14rem;
  line-height: 1;
}
.video-detail-box .scroll-content::-webkit-scrollbar {
  display: none;
}
.video-detail-column .video-box {
  height: 6.9rem;
}
.video-detail-column .video-box .vjs-poster {
  width: 100%;
  height: 6.9rem;
  background-color: initial;
  z-index: 4;
}
/* .video-detail-column .video-box #videoid::after{
  content: " ";
  position: absolute;
  inset: 0;
  z-index: 1;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
} */
.video-detail-column .scroll-content {
  height: calc(100vh - 6.9rem);
}