html, body { height: 100%; font-family: PingFangSC-Regular; color: #333333; } .content { box-sizing: border-box; padding: 24rpx 20rpx 0; height: 100%; } .content > .item { width: 100%; height: 260rpx; background: #ffffff; box-sizing: border-box; padding: 36rpx 0 0 40rpx; box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.03); margin-bottom: 24rpx; } .content > .person > view:first-child { display: flex; flex-direction: column; } .content > .person > view:first-child > text:first-child { font-family: PingFangSC-Semibold; font-size: 32rpx; text-align: justify; margin-bottom: 18rpx; } .content > .person > view:first-child > text:last-child { font-size: 28rpx; color: #666666; text-align: justify; margin-bottom: 30rpx; } .content > .person > .line { height: 2rpx; background: #eeeeee; margin-bottom: 30rpx; } .content > .person > .icon { display: flex; justify-content: flex-end; } .content > .person > .icon > image { width: 32rpx; height: 32rpx; } .content > .person > .icon > image:first-child { margin-right: 74rpx; } .content > .person > .icon > image:last-child { margin-right: 40rpx; } .content > .add { padding: 0; display: flex; align-items: center; justify-content: space-around; font-size: 30rpx; color: #3296fb; } .content > .add > view { display: flex; align-items: center; } .content > .add image { width: 24rpx; height: 24rpx; margin-right: 16rpx; }