| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 | 
							- .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;
 
- 	}
 
- }
 
 
  |