* {
	padding: 0;
	margin: 0;
	/* 移动端禁止选中文字 */
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	/* 只兼容webkit内核浏览器 */
	user-select: none;
}

html {
	color: black;
	font-size: 23px;
	text-align: center;
	background-color: snow;
	/* 解决移动端页面点击图标或按钮产生阴影 */
	-webkit-tap-highlight-color: transparent;
	/* 页面变灰 */
	/* filter: grayscale(100%); */
}

/* 旋转播放 */
.graph {
	/* 固定位置 */
	position: fixed;
	top: 50%;
	right: 4%;
}

.graph img {
	width: 34px;
	height: 34px;
	/* 让整个div显示手型鼠标指向 */
	cursor: pointer;
	z-index: 99;
	border-radius: 50%;
	/* 旋转阴影 */
	box-shadow: -2px 0px 8px #f00, 0px -2px 8px #000, 0px 2px 8px #9e038a, 2px 0px 8px #0f0;
}

@-webkit-keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* 内容 */
.content {
	margin: 34px auto 0 auto;
}

/* 标题 */
.content .title {
	font-weight: normal;
}

/* 爱心一直闪动 */
.content .title .heartbeat {
	animation: heartbeat 1s linear infinite;
	/* 其它浏览器兼容性前缀 */
	-webkit-animation: heartbeat 1s linear infinite;
	-moz-animation: heartbeat 1s linear infinite;
	-ms-animation: heartbeat 1s linear infinite;
	-o-animation: heartbeat 1s linear infinite;
}

@keyframes heartbeat {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* 添加兼容性前缀 */
@-webkit-keyframes heartbeat {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes heartbeat {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-ms-keyframes heartbeat {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-o-keyframes heartbeat {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* 图标和下载按钮 */
.download {
	position: absolute;
	top: 50%;
	left: 50%;
	/* 50%为自身尺寸的一半 */
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

/* 图标 */
.download img {
	width: 100px;
	height: 100px;
}

/* 下载 */
.download li {
	margin-top: 34px;
	list-style: none;
}

.download li a {
	text-decoration: none;
	color: black;
	border-bottom: 2px solid black;
	padding-bottom: 4px;
}

.download li a img {
	width: 26px;
	height: 26px;
}

/* 时间 */
.time {
	color: #a71c1c;
	/* 固定位置 */
	position: fixed;
	bottom: 34px;
	/* 居中 */
	left: 0;
	right: 0;
	margin: 0 auto;
}