.facilitiesView { margin: 50rpx 20rpx; } .facilitiesView .itemView { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .facilitiesView .itemView .singleItem { box-sizing: border-box; width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 30rpx; } .facilitiesView .itemView .singleItem .img { width: 70rpx; height: 70rpx; } .facilitiesView .itemView .singleItem .name { margin-top: 16rpx; } .serviceView {} .serviceView .leftLineTitle { margin-left: 20rpx; } .serviceView .serviceItemView { margin-top: 30rpx; } .serviceView .serviceItemView .serviceItem { border-bottom: 1px solid rgb(126, 126, 126, 0.2); display: flex; justify-content: space-between; align-items: center; word-break: break-all; padding: 40rpx 20rpx; } .serviceView .serviceItemView .serviceItem:first-of-type { border-top: 1px solid rgb(126, 126, 126, 0.2); } .serviceView .serviceItem .name { position: relative; flex: 1; margin-right: 20rpx; padding-left: 30rpx; font-size: 26rpx; } .serviceView .serviceItem .name::after { content: ''; display: block; position: absolute; left: 0; top: 12rpx; width: 12rpx; height: 12rpx; border-radius: 20rpx; background: #4c4949; } .serviceView .serviceItem .content { color: red; font-size: 24rpx; max-width: 400rpx; } .statementView { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 80rpx 40rpx; } .statementView .content { font-size: 24rpx; color: gray; margin-bottom: 10rpx; }