MoeNovaClient/pages/my/security.scss

page {
	background-color: #f8f8f8;
}

.page {
	padding: 20rpx;
}

.group {
	background-color: #ffffff;
	border-radius: 16rpx;
	margin-bottom: 20rpx;
	padding: 0 30rpx;
	
	.item {
		height: 100rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1rpx solid #f5f5f5;
		
		&:last-child {
			border-bottom: none;
		}
		
		.title {
			font-size: 28rpx;
			color: #333;
		}
		
		.right {
			display: flex;
			align-items: center;
			
			.value, .action {
				font-size: 28rpx;
				color: #999;
				margin-right: 10rpx;
			}
			
			.action {
				color: #FF2A95;
			}
			
			.arrow {
				width: 36rpx;
				height: 36rpx;
			}
		}
	}
}