.user .user-list { background-color: #fff; border-radius: 20rpx; position: relative; top: -100rpx; } .user .user-list ._li { height: 120rpx; line-height: 120rpx; display: flex; justify-content: space-between; padding: 0 24rpx; } .user .user-list ._li .list-left { display: flex; } .user .user-list ._li .list-left image { width: 48rpx; height: 48rpx; margin: 36rpx 16rpx 36rpx 0; } .user .user-info { background: linear-gradient(180deg, #3370ff, #f1f1f1); height: 500rpx; display: flex; align-items: center; justify-content: space-between; padding: 0 24rpx; color: #fff; } .user .user-info .user-text { position: relative; left: -10%; } .user .user-info .name { font-size: 40rpx; } .user .user-info .address { font-size: 28rpx; margin-top: 10rpx; } .user .user-info .user-img { width: 120rpx; height: 120rpx; border-radius: 50%; background-color: #fff; } .user .user-info .user-img image { width: 100rpx; height: 100rpx; margin: 10rpx; } .user .user-info > view { position: relative; top: -50rpx; } .user text { color: #fff; } .user .login-out { height: 90rpx; line-height: 90rpx; text-align: center; margin: 0 auto; position: fixed; left: 45rpx; right: 45rpx; bottom: 180rpx; background-color: #EAF0FF; color: #3370FF; border-radius: 45rpx; }