.user-box {
	width: 100vw;
	background-color: #fff;
	box-sizing: border-box;
	padding: 20rpx 0 0 30rpx;

	.user {
		display: flex;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20rpx;

		.profile {
			height: 84rpx;
			width: 84rpx;
			text-align: center;
			overflow: hidden;
			border-radius: 50%;
			flex-shrink: 0;
			margin-right: 20rpx;

			.text {
				line-height: 84rpx;
				text-align: center;
				background-color: #3874F6;
				color: #fff;
			}
		}

		.content {
			flex: 1;
			height: 84rpx;
			width: 0;

			.name {
				font-size: 28rpx;
				margin-bottom: 4rpx;
			}
		}

		.set {
			display: flex;
			align-items: center;
			flex-shrink: 0;
			height: 84rpxrpx;
			margin-right: 30rpx;
		}
	}
}

.search {
	position: relative;
	box-shadow: rgba(50, 50, 93, 0.1) 0px 6px 12px -2px, rgba(0, 0, 0, 0.05) 0px 3px 7px -3px;
	z-index: 9;
	position: sticky;
	top: 0;
	z-index: 999;
	width: 100vw;
}

.footer {
	display: flex;
	justify-content: center;
	position: fixed;
	bottom: 0;
	width: 100vw;
	min-height: 130rpx;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5rpx 15rpx 0px;
	z-index: 999999999999999;

	.but {
		width: 690rpx;
		height: 90rpx;
		background: #FA8C16;
		border-radius: 16rpx;
		font-size: 28rpx;
		font-weight: 600;
		color: #FFFFFF;
		margin-top: 10rpx;
	}
}