/* miniprogram/subpages/leaderModel/pages/commentDetail/commentDetail.wxss */ .comment-box{ width: 100%; box-sizing: border-box; /* border: 1rpx solid red; */ } .background{ margin-top: 20rpx; } .background-image{ width: 710rpx; height: 276rpx; display: block; margin: auto; } .text-top{ position: absolute; left: 0; top: 0; /* border: 1rpx solid red; */ margin-left: 20rpx; width: 710rpx; height: 276rpx; box-sizing: border-box; color: #fff; padding: 39rpx 22rpx 34rpx 40rpx; } .text-top .title{ display: flex; align-items: center; justify-content:space-between; } .text-top .title .name{ font-weight: bold; font-size: 38rpx; } .text-top .title .time { font-weight: bold; font-size: 24rpx; float: right; } .station{ font-size: 24rpx; margin-top: 20rpx; height: 64rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .totalNmu{ display: flex; justify-content:space-around; margin-top: 20rpx; } .totalNmu .left{ display: flex; flex-direction: column; } .totalNmu .left .left-top{ font-size: 40rpx; /* margin-left: 20rpx; */ text-align: center; } .totalNmu .left .left-bottom{ font-size: 26rpx; /* margin-top: 11rpx; */ } .totalNmu .right{ display: flex; flex-direction: column; } .totalNmu .right .right-top{ font-size: 40rpx; /* margin-left: 20rpx; */ text-align: center; } .totalNmu .right .right-bottom{ font-size: 26rpx; /* margin-top: 11rpx; */ } .detail{ box-sizing: border-box; width: 100%; height: auto; background: #fff; margin-top: 20rpx; padding-left: 23rpx; padding-right: 26rpx; } .detail-title{ box-sizing: border-box; height: 126rpx; line-height: 126rpx; border-bottom: 1rpx solid #EAEAEA; font-size: 30rpx; color: #999999; } .detail-content{ box-sizing: border-box; height: 126rpx; line-height: 126rpx; border-bottom: 1rpx solid #EAEAEA; color: #333333; font-size: 34rpx; } .anger{ width: 40rpx; height: 40rpx; float: right; margin-top: 44rpx; } .detail-num{ float: right; margin-left: 10rpx; color: #F08526; font-size: 34rpx; }