reader/pages/mycollection/mycollection.wxss

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

}
.collection-article {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 385rpx;
  background: #fff;
  /* border-radius: 12rpx; */
  margin: 0 auto 20rpx;

}

.video-preview {
  display: block;
  width: 704rpx;
  height: 290rpx;
  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;

}

.comment_section{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 98%;
  background: rgba(0,0,0, .2);
  overflow: hidden;
}