.userInfo { width: 100%; height: 488rpx; margin-bottom: 24rpx; box-sizing: border-box; padding: 185rpx 40rpx 0; background: linear-gradient(#F3F9FD 0%, #FFFFFF 100%); } .user { width: 100%; height: 136rpx; display: flex; flex-wrap: nowrap; margin-bottom: 46rpx; } .user>view:first-of-type { width: 126rpx; height: 126rpx; margin-right: 24rpx; border-radius: 50%; border: 5rpx solid #FFFFFF; } .user>view:last-of-type { color: #252536; flex: 1; height: 136rpx; font-size: 40rpx; font-weight: bold; line-height: 136rpx; } .info { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; } .info>view:nth-of-type(1), .info>view:nth-of-type(3), .info>view:nth-of-type(5) { flex: 1; } .info>view:nth-of-type(2n) { width: 2rpx; height: 52rpx; background-color: #EAECF1; } .info>view>view:first-of-type { color: #394356; width: 100%; height: 28rpx; font-size: 28rpx; line-height: 28rpx; text-align: center; margin-bottom: 18rpx; } .info>view>view:last-of-type { color: #394356; width: 100%; height: 36rpx; font-size: 36rpx; font-weight: bold; line-height: 36rpx; text-align: center; } .content { width: 100%; padding: 0 30rpx; box-sizing: border-box; margin-bottom: 480rpx; } .content .arrowAfter::after { right: 36rpx; } .service { width: 100%; margin-bottom: 24rpx; border-radius: 16rpx; background-color: #FFFFFF; } .title { color: #394356; width: 100%; height: 96rpx; line-height: 96rpx; padding: 0 30rpx; font-size: 30rpx; font-weight: bold; box-sizing: border-box; border-bottom: 1rpx solid #EAECF1; } .list { width: 100%; height: 96rpx; padding: 0 30rpx; display: flex; flex-wrap: nowrap; align-items: center; box-sizing: border-box; border-bottom: 1rpx solid #EAECF1; } .list:last-of-type { border-bottom: none; } .list>view:nth-of-type(1) { width: 56rpx; height: 56rpx; margin-right: 30rpx; } .list>view:nth-of-type(2) { flex: 1; color: #394356; height: 96rpx; line-height: 96rpx; font-size: 32rpx; font-weight: bold; } .list>view:nth-of-type(3) { color: #77849E; height: 96rpx; font-size: 28rpx; line-height: 96rpx; padding-right: 34rpx; } .agreement { width: 100%; border-radius: 16rpx; background-color: #FFFFFF; } .btn { width: 100%; padding: 0 85rpx; box-sizing: border-box; } .btn>view { color: #8363F9; width: 580rpx; height: 88rpx; line-height: 88rpx; font-size: 32rpx; border-radius: 44rpx; text-align: center; background-color: #F5F7FB; border: 1rpx solid #8363F9; }