/* pages/transmit/transmit.wxss */ .art { width: 100%; padding: 0 15rpx; box-sizing: border-box; } .works { width: 100%; margin: 20rpx 0; border-radius: 25rpx; padding: 20rpx 0; box-sizing: border-box; background: #fff; position: relative; } /* 分享评论 */ .works { padding: 16rpx 25rpx; } .works .title { position:relative; width: 100%; text-align: center; font-size: 32rpx; font-weight: 600; border-bottom: 2rpx #878787 solid; padding-bottom: 16rpx; background: #fff; } .xing { width: 20rpx; height: 20rpx; margin: 0 10rpx; } .uploading { position: absolute; right: 0; top: 10rpx; font-size: 24rpx; } .share-con, .questions { position:relative; margin-top: 28rpx; padding-bottom: 58rpx; border-bottom: 2rpx #878787 solid; } .share-con .head { position:relative; padding:20rpx 0; } .head-img { width: 86rpx; height: 86rpx; float: left; margin-right: 18rpx; } .head-img image { width: 100%; height: 100%; border-radius: 50%; } .lesson-name { display: flex; flex-direction: column; margin: 8rpx 16rpx; } .lesson-name text:nth-child(1) { height: 38rpx; font-size: 32rpx; font-weight: 600; } .lesson-name text:nth-child(2) { height: 30rpx; margin-top: 10rpx; font-size: 24rpx; color: #C3C3C3; } .picture { display: flex; justify-content: center; margin: 24rpx 112rpx 17rpx 103rpx; } .picture image { width: 236rpx; height: 176rpx; border-radius: 15rpx; } .picture image:nth-child(2) { margin-left: 8rpx; } .share-up-box { position: absolute; right: 0; top: 20rpx; height: 100rpx; width: 100rpx; } .share_up { position: absolute; right: 0; top: 0rpx; height: 19rpx; width: 19rpx; } .message { position: absolute; right: 0; top: 10rpx; width: 68rpx; height: 56rpx; } .icon { display: flex; align-items: center; margin: 0 112rpx 17rpx 103rpx; } .icon view { display: flex; align-items: center; margin-right: 60rpx; } .icon .zan { width: 26rpx; height: 23rpx; } .icon .weatch { width: 30rpx; height: 23rpx; } .icon .discuss { width: 32rpx; height: 29rpx; } .icon view text { font-size: 24rpx; color: #878787; margin-left: 14rpx; } .more { margin-top: 18rpx; font-size: 28rpx; text-align: center; color: #787878; }