.my-collection { width: 750rpx; min-height: 100%; background: rgba(240, 241, 245, 1); padding-top: 10rpx; background: #eee; /* 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: fixed; top: 0; left: 0; width: 100%; height: 98%; z-index: 9999; background: rgba(0, 0, 0, .3); overflow: hidden; }