/* component/documentItem/documentItem.wxss */ .topLayout { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .topLayout_ImgLayout { display: flex; flex-direction: row; align-items: center; } .topLayout_ImgLayout_img { width: 70rpx; height: 70rpx; margin-left: 27rpx; } .topLayout_ImgLayout_text { font-size: 34rpx; margin-left: 37rpx } .topLayout_ImgLayout_more { height: 43rpx; display: flex; flex-direction: row; align-items: center; margin-right: 28rpx; } .topLayout_ImgLayout_more_img { width: 32rpx; height: 8rpx; } .timeLayout { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 23rpx } .timeLayout_time { font-size: 28rpx; margin-left: 27rpx; } .timeLayout_download_text { margin-right: 25rpx; color: #64C55A; font-size: 28rpx; } .playerLayout { width: 100%; height: 425rpx; background-color: royalblue; margin-top: 22rpx; } .player { width: 100%; height: 100%; }