html,body,#app{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #ffffff;
}

.el-container{
	height: 100%;
}
.el-header{
	line-height: 64px;
	background-color: #606266;
}
.header-image{
	width: 50px;
	/* line-height: 100%; */

}
.header-content{
	color: #ffffff;

	font-size: 32px;
	vertical-align: 12%;
}

.el-main{
	color: #1D1618;
	background-color: #ffffff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between; /* 使得内容和图片分开 */

}
/*.man-content{*/
/*	font-size: 52px;*/
/*}*/
.txtlife{
	display: flex;
	background: linear-gradient(to right, #ff33cc, #ffcc33);
	height: 50vh;
	justify-content: center;
	align-items: center;

}

.txtlife img{
	max-width: 100%; /* 确保图片不会超出容器 */
	max-height: 100%;
}
.muyu{
	/* background-color: #606266; */
	display: flex;
	background: linear-gradient(to right, #606266 , #707070);
	height: 50vh;
	justify-content: center;
	align-items: center;

}
.muyu img {
	max-width: 100%; /* 确保图片不会超出容器 */
	max-height: 100%;
}
.image-footer{
	bottom: 100%;
	object-fit: contain; /* 确保图片不会超出容器 */
}
.el-footer{
	height: 44px;
	background-color: #606266;
	color: #ffffff;
	line-height: 44px;
	text-align:center;
}
.copyright a{
	white-space: nowrap;

	/* font-size: 2vw;// */
	font-size:clamp(10px,2.5vw,14px);

	/* max-width: 3%; */
	/* min-width: 2%; */
	color: antiquewhite;
	text-decoration: none;
	vertical-align: 6%;
}

.copyright a:hover{
	color: aqua;
}
.beian-icon{
	/*background-color: aqua;*/
	width: 15px;
	height: auto;
}