.my-collection {
  width: 750rpx;
  min-height: 100%;
  background: rgba(240, 241, 245, 1);
  padding-top: 22rpx;
  /* background: #F0F1F5; */
}

.collection-article {
  position: relative;
  overflow: hidden;
  width: 720rpx;
  height: 374rpx;
  background: #fff;
  border-radius: 12rpx;
  margin: 0 auto 20rpx;

}

.video-preview {
  display: block;
  width: 662rpx;
  height: 272rpx;
  margin: 26rpx auto 0;
  border-radius: 20rpx;

}

.video-preview>image {
  width: 100%;
  height: 100%;
  border-radius: 20rpx;
}

.content-title {
  margin-top: 10rpx;
  width: 77%;
  height: 52rpx;
  font-size: 32rpx;
  color: #444;
  display: inline-block;
  padding-left: 14rpx;


}

.content-detail {
  /* width: 100%; */

  height: 50rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24rpx;
  display: inline-block;

}

.left {
  /* width: 200rpx; */
}