MeetMateApp/pages/my/wishHelp.scss

page {
	background-color: #161616;
	width:750rpx;height:100vh;
}
.page {
	background-color: #161616;
}

.list_info {
	display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
	width:750rpx;
	
	.item {
		margin-top: 20rpx;color:#fff;font-size: 28rpx;
		display: flex;flex-direction: column;justify-content: center;align-items: center;
		width: 690rpx;
		.avator {
			width:258rpx;height:258rpx;
			.icon {
				width:258rpx;height:258rpx;border-radius: 18rpx;
			}
		}
		.tit {
			width:690rpx;display: flex;flex-direction: column;justify-content: center;align-items: center;
			margin-top:50rpx;
			.name {
				font-size: 32rpx;
			}
			.desc {
				color:#999;font-size: 28rpx;margin-top:12rpx;
			}
		}
		.title {
			width:690rpx;font-weight: normal;font-size: 28rpx;color: #FFFFFF;margin:20rpx 0;
		}
		.jindu {
			display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top:30rpx;
			.bord {
				width: 386rpx;height: 20rpx;margin-left:50rpx;
				background: #28292D;
				border-radius: 24rpx 24rpx 24rpx 24rpx;
				.active {
					width: 0%;height: 20rpx;
					background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
					border-radius: 24rpx;
				}
			}
			.tips {
				margin-left:20rpx;font-weight: 400;font-size: 24rpx;color: #FF3D83;
			}
		}
		
		.list_mem {
			width:100%;margin-top:0rpx;flex-wrap: wrap;
			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
			image {
				width:88rpx;height:88rpx;border-radius: 44rpx;
			}
			.mem {
				display: flex;flex-direction: column;justify-content: center;align-items: center;
				width:130rpx;height:160rpx;
			}
		}
		.list_record {
			width:100%;margin-top:0rpx;
			display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
			image {
				width:76rpx;height:76rpx;margin-right:10rpx;border-radius: 44rpx;
			}
			.record {
				display: flex;flex-direction: row;justify-content: space-between;align-items: center;
				width:100%;margin-bottom:20rpx;font-size:28rpx;
				.left {
					display: flex;flex-direction: row;justify-content: space-between;align-items: center;
				}
				.right {
					color:#FF2A95;
				}
			}
		}
		.btnList {
			width:100%;display: flex;flex-direction: row;justify-content: space-around;align-items: center;
			margin-top: 50rpx;
			.btn_submit1 {
				width: 320rpx;height: 96rpx;margin-top:30rpx;
				border-radius: 28rpx 28rpx 28rpx 28rpx;border: 2rpx solid #D0D0D0;
				display: flex;flex-direction: column;justify-content: center;align-items: center;
			}
			.btn_submit {
				width: 320rpx;height: 96rpx;margin-top:30rpx;
				background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
				border-radius: 28rpx 28rpx 28rpx 28rpx;
				display: flex;flex-direction: column;justify-content: center;align-items: center;
			}
		}
	}
}
.blankHeight {
	height:300rpx;
}