.userBox{
	.userAside{
		border-right: 0;
		.el-header{
			border-bottom: 1px solid #f2f2f2;
			background: var(--el-bg-color-overlay);
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
			.user-info-top{
				display: flex;
				align-items: center;
				.userView{
					flex: 1;
					overflow: hidden;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					padding: 0 10px;
					.name{
						width: 100%;
						margin-bottom: 14px;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;
						text-align: center;
						font-size: 16px;
						font-weight: 700;
					}
				}
			}
		}
		.el-main{
			background: var(--el-bg-color-overlay);
			padding: 10px 0;
		}
	}
	.userMain{
		margin: 0 0 0 10px;
		padding: 0 10px 0 10px;
		box-sizing: border-box;
		.el-card{
			border:0;
			height: calc(100%);
			display: flex;
			flex-direction: column;
			.el-card__header{
				border-bottom: 1px solid var(--el-border-color-light);
				padding-bottom: 15px;
				font-size: 16px;
				font-weight: 400;
				margin: 0;
			}
			.el-card__body{
				flex: 1;
				padding: 10px 0 0 0;
				overflow: hidden;
				.nopadding{
					height: 100%;
				}
			}
		}
	}
	.userMainPading_0{
		.el-card{
			.el-card__body{
				padding: 0 10px 0 10px;
			}
		}
	}
	.userMainMargin_0{
		margin: 0;
	}
}


.passwordView{
	.title{
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 10px;
		.name{
			flex-basis: 120px;
		}
		.strength{
			flex: 1;
		}
	}
	.text{
		margin: 6px 0;
		display: flex;
		align-items: center;
		.icon{
			width: 10px;
			height: 10px;
			border: 2px solid var(--el-color-warning);
			background: var(--el-bg-color-overlay);
			border-radius: 50%;
			margin-right: 8px;
		}
	}
}

.mainMenu{
	.el-menu-item{
		height: 48px;
		line-height: 48px;
		span{
			line-height: 48px;
		}
	}
}


/** 角色设置 */
.bodyView{
	display: flex;
	font-size: 12px;
	.viewLeft{
		flex: 1;
		display: flex;
		flex-direction: column;
		.treeUser{
			padding: 10px 15px 10px 0;
		}
	}
	.iconRight{
		flex-basis: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		.icon{
			width: 14px;
		}
	}
	.viewRight{
		flex: 1;
		display: flex;
		flex-direction: column;
		.checkList{
			display: flex;
			justify-content: space-between;
			margin:8px 15px 8px 15px;
			.leftTitle{
				flex: 1;
				display: flex;
				align-items: center;
				cursor: pointer;
				color: var(--el-color-primary);
				.avatar{
					background: var(--el-color-primary);
					color: var(--el-color-white);
					border-radius: 50%;
					display: inline-block;
					height: 21px;
					width: 21px;
					text-align: center;
					line-height: 21px;
				}
				.name{
					margin-left: 10px;
				}
			}
			.userBtn{
				flex-basis: 12px;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
			}
			.userBtn:hover{
				color: var(--el-color-primary);
			}
		}
		.checkList:first-child{
			margin-top: 10px;
		}
		.checkList:last-child{
			margin-bottom: 10px;
		}
	}
	.viewTitle{
		flex-basis: 35px;
		font-size: 14px;
	}
	.viewCom{
		flex: 1;
		border: 1px solid var(--el-border-color-light);
		min-height: 200px;
		max-height: 400px;
		border-radius: 8px;
	}
}
