.commentArea { width: 100%; } .padding-bottom{ padding-bottom: 92rpx; width: 100%; } .commentArea .commentItem { width: 100%; padding: 0 0 0 23rpx; height: 100%; border-bottom: solid 2rpx #DEDEE2; display: flex; position: relative; background: #F0F1F5; } .commentArea .commentItemFirst{ background: #fff; border-bottom: none; min-height: 280rpx; } .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: 60rpx; font-size: 32rpx; color: #000; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } .reply-all{ /* position: absolute; */ box-sizing: border-box; padding: 16rpx 23rpx; width: 674rpx; border-top: 2rpx solid #F0F1F5; /* left: 40rpx; */ /* top: 200rpx; */ font-size: 28rpx; color: #000000; } .reply-msg{ position: fixed; bottom: 0; width: 750rpx; height: 92rpx; z-index: 100rpx; box-sizing: border-box; display: flex; justify-content: space-around; align-items: center; background: #FFFFFF; font-size: 28rpx; } .reply-input{ width: 610rpx; height: 60rpx; line-height: 60rpx; padding-left: 20rpx; border-radius: 12rpx; background: #F0F1F5; } .reply-btn{ color: #3BAF34; }