MeetMateApp/pages/chat/groupSetting.scss

page {
		background: #121212;
	width: 100%;
	height: 100vh;
}
.page {
	background-color: #121212;
	width: 100%;
	background: url('../../static/home/top_bg.png');
	background-size: 100% 320rpx;
	background-repeat: no-repeat;
}
.header {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 750rpx;height: 320rpx;
	padding-top: calc(var(--status-bar-height) + 0rpx);
	.left {
		display: flex;flex-direction: row;width:200rpx;height:120rpx;
		justify-content: center;
		padding-left:50rpx;
		image {
			width:124rpx;height:40rpx;
		}
	}
}
.thread {
	height: 20rpx;
}
.thread2 {
	height: 60rpx;
}
	.list {
		height: 86vh;

		.item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 20rpx;
			padding-bottom: 10rpx;
			border-bottom: dotted 1px #f0f0f0;

			.left {
				display: flex;
				align-items: center;

				.avatorImg2 {
					width: 90rpx;
					height: 90rpx;
					background-color: #d4237a;
					border-radius: 50%;
					display: flex;
					justify-content: center;
					align-items: center;
					color: #fff;
					font-weight: bold;
					font-size: 40rpx;
				}

				.nick {
					margin-left: 20rpx;
				}

				.avatar {
					border-radius: 100%;
					width: 75rpx;
					height: 75rpx;
				}

				.gender {
					margin-left: 20rpx;
					width: 30rpx;
					height: 30rpx;
				}
			}

			.hi {
				width: 45rpx;
				height: 45rpx;
			}

		}

	}

	.list_info {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		color: #121212;
		background-color: #121212;
		width: 100%;

		.item {
			width: 690rpx;
			height: 84rpx;
			margin-top: 10rpx;
			color: #fff;
			font-size: 28rpx;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;

			text {}

			input {
				text-align: right;
			}

			.arrow {
				width: 36rpx;
			}

			.desc {
				color: #333;
			}
			.right {
				display: flex;flex-direction: row;justify-content: center;align-items: center;
				font-size: 28rpx;color: #999999;
				image {
					width:36rpx;height:36rpx;margin-top:4rpx;
				}
			}
		}
	}

	.title {}

	.bcenter {
		display: flex;
		align-items: center;
		padding-top: 20rpx;
		padding-left: 30rpx;
		background-color: #121212;
		flex-wrap: wrap;

		.avator {
			width: 132rpx;
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size: 22rpx;
			padding-bottom: 12rpx;

			image {
				border-radius: 100rpx;
				width: 88rpx;
				height: 88rpx;
			}

			text {
				height: 30rpx;color:#fff;font-size: 28rpx;margin-top:10rpx;
			}
			.delit {
				position: absolute;right:8rpx;top:0rpx;
				width:36rpx;height:36rpx;
			}
		}

		.active {
			image {
				border-radius: 100rpx;
				border: solid 4rpx #FF2A95;
				border-radius: 100rpx;
			}
		}
	}

	.line {
		width: 750rpx;
		height: 2rpx;
		background-color: #393939;
	}

	.viewMore {
		width: 750rpx;
		height: 70rpx;
		background-color: #121212;
		text-align: center;
		line-height: 70rpx;
		font-size: 24rpx;
		color:#fff;
		display: flex;flex-direction: row;justify-content: center;align-items: center;
		image {
			width:36rpx;height:36rpx;
		}
	}

	.submitLogout {
		width: 660rpx;height: 96rpx;
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		border: 2rpx solid #404040;
		position: fixed;
		bottom: 50rpx;
		left: 45rpx;
		font-size: 32rpx;
		color: #FF2A95;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.blankHeight {
		height: 30rpx;
	}