html,
body,
#app {
	height: 100%;
	margin: 0;
	padding: 0;
}

#app {
	text-align: left !important;
}

.el-container {
	height: calc(100% - 20px);
	/* 上下各10px外边距 */
	min-height: calc(100% - 20px);
	margin: 10px;
	/* 加入10px的外边距 */
	box-sizing: border-box;
	/* 确保padding和border不影响计算 */
}

.el-header {
	/* background-color: #B3C0D1; */

	line-height: 100px;
	height: 100px;
	margin: 0 10px;
	/* 左右外边距 */
}

.logoimg {
	text-align: center;
}

.el-footer {
	text-align: center;
	line-height: 100px;
	height: 100px;
	margin: 0 10px;
	/* 左右外边距 */
}

.el-aside {
	/* background-color: #D3DCE6; */

	
	margin: 0 10px 0 0;
	/* 右外边距 */
}

.el-main {
	/* background-color: #E9EEF3; */

	text-align: center;
	padding: 0;
	height: calc(100% - 120px);
	/* 减去header和footer的高度 */
	margin: 0 10px;
	/* 左右外边距 */
}

.el-container>.el-container {
	height: calc(100%);
	/* 减去header的高度 */
	margin: 0;
	/* 内部容器不需要外边距 */
}

.cardmargin {
	margin: 30px;
}