.height {
  height: calc(100vh - 80rpx - env(safe-area-inset-bottom));
  overflow: hidden;
  box-sizing: border-box;
}

.box {
  margin-left:30rpx;
  margin-bottom: 24rpx;
  width:690rpx;
  display: flex;
  margin-bottom: 20rpx;
  background-color: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  box-sizing: border-box;
  position: relative;
}
.image{
  background-color: #ededed;
  border-radius: 8rpx;
}
.play {
  position: absolute;
  z-index: 9999;
  width: 50rpx !important;
  height: 50rpx !important;
  top: 99rpx;
  left: 99rpx;
  background: transparent !important;
}
.rightBox{
  padding-left: 24rpx;
  box-sizing: border-box;
  flex: 1;
}
.articleLeftBox{
  padding-right: 24rpx;
  box-sizing: border-box;
  flex: 1;
}
.videoRightBox{
  padding-left: 24rpx;
  box-sizing: border-box;
  flex: 1;
}
.courseRightBox{
  padding-left: 24rpx;
  box-sizing: border-box;
  flex: 1;
}
.desc{
  font-size: 24rpx;
  font-weight: 500;
  color: #909795;
  line-height: 34rpx;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}