#my-app{
	width:100%;
	overflow: hidden;
}
.footer{
	width:100%;
	display: flex;
	align-items: center;
	background: #0f4498;
	padding:30px 0;
}
.kefu{
	font-size: 50px;
	color:#fff;
	width:35%;
	text-align: center;
}
.kefu span{
	font-size: 36px;
	color:#fff;
}
.footer .wen{
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
	text-align: center;
	width:40%;
}
.footer .wen p{
	color:#fff;
}
.footer .wen p span{
	color:#fff;
}
.footer .wen p span a{
	color: #fff;
}
.footer .ma{
	width:25%;
	display: flex;
	justify-content:flex-end;
	margin-right:20px;
}
.footer .ma img{
	width:120px;
}
.saoma{
	display: inline-block;
	text-align: center;
	margin-left: 20px;
}
.saoma p{
	font-size: 12px;
	color:gray;
}
@media screen and (min-width:300px) and (max-width:900px) {
	#my-app{
		width:100%;
		overflow: hidden;
	}
	.footer{
		width:100%;
		display: flex;
		flex-direction: column;
		background: #0f4498;
		padding:30px 0;
	}
	.footer .kefu{
		width:100%;
		font-size: 30px;
		line-height: 50px;
		color:#fff;
	}
	.footer .wen{
		font-size: 14px;
		color: #FFF;
		width:100%;
	}
	.footer .ma{
		width:100%;
		display: flex;
		justify-content: center;
	}
	.saoma{
		margin-left:20px;
	}
}