.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; */ }