xiongmao/pages/my/accounts-and-security/accounts-and-security.css

page {
	background-color: #F2F2F2;
}

.wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 20rpx 24rpx;
	box-sizing: border-box;
}

.module {
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-radius: 16rpx;
	margin-bottom: 20rpx;
}

.row-between {
	width: 100%;
	height: 130rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20rpx;
	box-sizing: border-box;
	border-bottom: 1px solid #F6F6F6;
}

.row-between:last-child {
	border-bottom: none;
}

.label {
	color: #202020;
	font-size: 34rpx;
}

.photo-box {
	width: 106rpx;
	height: 106rpx;
	position: relative;
}

.photo {
	width: 106rpx;
	height: 106rpx;
	border-radius: 50%;
}

.replace {
	width: 100%;
	height: 50%;
	line-height: 50%;
	border-radius: 0 0 200rpx 200rpx;
	background: rgb(51, 51, 51, 0.63);
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFFFFF;
	font-size: 28rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}

.input {
	flex: 1;
	text-align: right;
	color: #202020;
	font-size: 34rpx;
}

.right-sidebar {
	display: flex;
	align-items: center;
	font-size: 34rpx;
	color: #202020;
}

.gray {
	font-size: 28rpx;
	color: #A7A7A7;
}

.back-icon {
	width: 18rpx;
	margin-left: 14rpx;
}