@charset "utf-8";
/* CSS Document */
body {
	font-family: "Microsoft YaHei", "微软雅黑" !important;
	width: 100%;
	height: 100%;

}
* {
	margin: 0;
	padding: 0;
}
html,
body {
	width: 100%;
	height: 100%;
}

.f-page-body {
	background-color: #FFFFFF;
}

.contentBox {
	/* height: 500px; */
}

.content {
	width: 48%;
	height: 50%;
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translate(-50%, 10%);
}

.content p {
	text-align: center;
	height: 100px;
	font-size: 28px;
}

.pen {
	/* width: 48%; */
	height: 48%;
	border-radius: 50%;
	background-color: #e7f5ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pen2 {
	width: 91%;
	height: 91%;
	border-radius: 50%;
	background-color: #bde4ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pen3 {
	width: 84%;
	height: 84%;
	border-radius: 50%;
	background-color: #0c86d8;
	text-align: center;
	font-size: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffff;
}

.footer {
	width: 100%;
	/* height: 130px; */
	/* background-image: url(./2.png); */
	/* background-repeat: no-repeat; */
	/* background-size: contain; */
	position: fixed;
	left: 0;
	bottom: 0;
	overflow: hidden;
}