* {
	margin: 0;
	padding: 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,
body {
	height: 100%;
	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);
	}
}

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

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

/* gif图 */

/* .image { */
	/* position: absolute; */
	/* top: 50%; */
	/* left: 50%; */
	/* 50%为自身尺寸的一半 */
	/* transform: translate(-50%, -50%); */
	/* -webkit-transform: translate(-50%, -50%); */
/* } */

/* .image img { */
	/* width: 160px; */
	/* height: 160px; */
/* } */

/* canvas */
canvas {
	position: fixed;
	width: 100%;
	height: 100%;
	animation: anim 1.5s ease-in-out infinite;
	-webkit-animation: anim 1.5s ease-in-out infinite;
	-o-animation: anim 1.5s ease-in-out infinite;
	-moz-animation: anim 1.5s ease-in-out infinite;
}

/* 爱心跳动 */
@keyframes anim {
	0% {
		transform: scale(0.8);
	}

	25% {
		transform: scale(0.7);
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(0.7);
	}

	100% {
		transform: scale(0.8);
	}
}

@-webkit-keyframes anim {
	0% {
		-webkit-transform: scale(0.8);
	}

	25% {
		-webkit-transform: scale(0.7);
	}

	50% {
		-webkit-transform: scale(1);
	}

	75% {
		-webkit-transform: scale(0.7);
	}

	100% {
		-webkit-transform: scale(0.8);
	}
}

@-o-keyframes anim {
	0% {
		-o-transform: scale(0.8);
	}

	25% {
		-o-transform: scale(0.7);
	}

	50% {
		-o-transform: scale(1);
	}

	75% {
		-o-transform: scale(0.7);
	}

	100% {
		-o-transform: scale(0.8);
	}
}

@-moz-keyframes anim {
	0% {
		-moz-transform: scale(0.8);
	}

	25% {
		-moz-transform: scale(0.7);
	}

	50% {
		-moz-transform: scale(1);
	}

	75% {
		-moz-transform: scale(0.7);
	}

	100% {
		-moz-transform: scale(0.8);
	}
}