/* page{ background: #d2e0f6; } */ .news-title{ padding: 20rpx 30rpx; } .title{ font-size: 34rpx; font-weight: bold; color: #242424; text-align: center; } .news-info{ font-size: 28rpx; color: #949494; } .news-info text{ margin-right: 30rpx; } .news-content{ padding: 0 30rpx 10rpx; font-size: 32rpx; color: #242424; line-height: 50rpx; border-bottom: 5px solid #d2e0f6; } .comment{ padding: 30rpx; margin-bottom: 95rpx; } .commnet-box{ display: flex; justify-content: space-between; margin-bottom: 10rpx; } .commnet-box view{ flex-shrink: 0; } .commnet-avatar, .commnet-avatar image{ width: 50rpx; height: 50rpx; } .comment-right{ width: 620rpx; padding-bottom: 20rpx; border-bottom: 1px solid #EBEBEB; } .comment-people{ display: flex; font-size: 22rpx; color: #B1B1B1; justify-content: space-between; vertical-align: middle; line-height: 40rpx; } .comment-people image{ width: 40rpx; height: 40rpx; vertical-align: top; } .comment-content{ font-size: 30rpx; color: #242424; line-height: 40rpx; margin: 10rpx 0; } .date-reply{ font-size: 24rpx; } .date{ color: #949494; margin-right: 20rpx; } .reply{ color: #242424; } .reply-box{ padding: 20rpx; background: #EDEDED; font-size: 24rpx; margin-top: 10rpx; line-height: 40rpx; } .reply-people{ color: #242424; } .comment-img{ margin: 10rpx 0; } .comment-img image{ width: 30%; height: 150rpx; margin-right: 15rpx; } .page-bottom{ position: fixed; left: 0; right: 0; bottom: 0; padding: 10rpx 30rpx; height: 90rpx; box-sizing: border-box; background: #fff; box-shadow:0px 0px 17px 0px rgba(0,0,0,0.1); display: flex; justify-content: space-between; } .do-comment{ width: 500rpx; padding: 0 20rpx; height: 100%; background: #EDEDED; flex-shrink: 0; display: flex; align-items: center; color: #B1B1B1; font-size: 26rpx; } .btn-box{ width: 150rpx; display: flex; justify-content: space-between; } .collect, .share, .collect image, .share image{ width: 70rpx; height: 100%; }