page { background-color: rgba(246, 246, 246, 1); } .page { .header { padding: 26rpx 32rpx 30rpx; background-color: #fff; border-radius: 16rpx; border-radius: 0 0 0 32rpx; .info { padding: 24rpx; background: #f6f6f6; box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.1); border-radius: 16rpx 16rpx 16rpx 16rpx; border: 2rpx solid #ffffff; display: flex; gap: 28rpx; align-items: flex-start; .photos { padding: 4rpx; display: grid; grid-template-columns: repeat(2, 40rpx); grid-template-rows: repeat(2, 40rpx); background-color: #fff; border-radius: 8rpx; gap: 4rpx; .photo { width: 100%; height: 100%; } } .inner { flex: 1; padding-left: 24rpx; border-left: 1px solid rgba(205, 205, 205, 0.5); .c-header { display: flex; align-items: center; justify-content: space-between; .id { font-size: 28rpx; color: rgba(20, 21, 21, 1); } .detail { font-size: 28rpx; color: rgba(153, 153, 153, 1); } } .c-footer { margin-top: 16rpx; line-height: 28rpx; .name { display: inline-block; font-size: 28rpx; color: rgba(20, 21, 21, 1); } .line { margin: 0 10rpx; display: inline; font-size: 24rpx; color: rgba(205, 205, 205, 0.5); } .hostipal { margin-right: 10rpx; display: inline; font-size: 28rpx; color: rgba(20, 21, 21, 1); } .site { display: inline-block; padding: 0 8rpx; font-size: 24rpx; line-height: 32rpx; color: rgba(148, 87, 30, 1); background: #fae5ce; border-radius: 4rpx 4rpx 4rpx 4rpx; } } } } } }