page{ background-color: #fff; } .help-container{ padding: 0 20rpx; } .help-box{ padding: 20rpx 0; border-bottom: 1px solid #F9FAFC; } .help-user{ display: flex; } .help-user image{ width: 100rpx; height: 100rpx; border-radius: 50%; margin-right: 20rpx; } .user-name{ font-size: 30rpx; font-weight: bold; margin: 10rpx 0; } .user-time{ font-size: 28rpx; color: #999; } .help-content{ margin-top: 20rpx; font-size: 32rpx; color: #101010; } .new{ position: fixed; bottom: 40rpx; right: 40rpx; font-size: 80rpx; width: 120rpx; height: 120rpx; text-align: center; line-height: 120rpx; color: #fff; border-radius: 50%; background-color: #FF4949; } .help-photo{ margin-top: 20rpx; } .help-photo-box{ display: inline-block; width: 32%; height: 150rpx; margin-right: 2%; margin-bottom: 20rpx; text-align: center; position: relative; overflow: hidden; } .help-photo-box:nth-child(3n){ margin-right: 0; } /* .help-photo-box image{ height: 100%; } */ .photo-one{ width: 50%; height: auto; max-height: 600rpx; } .photo-one image{ max-width: 100%; } .photo-four image{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .photo-four:nth-child(3){ margin-right: 2%; } .photo-more image{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .help-video{ margin-top: 20rpx; } .help-video, .help-video video{ width: 100%; } .help-more{ font-size: 32rpx; line-height: 70rpx; } .load-more{ text-align: center; font-size: 32rpx; line-height: 80rpx; }