.commentArea { width: 100%; } .commentArea .commentItem { width: 100%; padding: 0 0 0 23rpx; height: 100%; border-bottom: solid 2rpx #979797; /* margin: 0 auto 10; */ display: flex; position: relative; background: #f0f1f5; } .commentArea .commentItemFirst{ background: #fff; border-bottom: none; min-height: 200rpx; } .commentItem .commentCore { margin-left: 14rpx; width: 600rpx; height: 100%; display: flex; flex-direction: column; } .commentItem .avatar { border-radius: 50%; width: 96rpx; height: 96rpx; margin-top: 18rpx; } .commentItem .nickName { margin-top: 18rpx; height: 44rpx; font-size: 32rpx; color: #000; font-family: PingFangSC-Regular; } .commentItem .time { width: 200rpx; height: 44rpx; font-size: 32rpx; color: #686868; } .commentItem .gut { margin-top: 12rpx; width: 420rpx; /* height: 44rpx; */ line-height: 44rpx; font-size: 32rpx; color: #000; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } .commentItem .btnWrapper { position: absolute; top: 10rpx; right: 30rpx; display: flex; align-items: center; } .btnWrapper .commentBtn { width: 32rpx; height: 30rpx; margin-left: 8rpx; } .btnWrapper .commentText, .likeText { width: 58rpx; height: 40rpx; color: #545454; font-size: 28rpx; line-height: 40rpx; margin-left: 8rpx; } .btnWrapper .likeBtn { width: 32rpx; height: 28rpx; margin-left: 8rpx; } .replySection{ width: 100%; height: 300rpx; position: fixed; bottom: 0; background: #eee; } .replySection input{ width: 100%; height: 300rpx; text-indent: 4rpx; }