@charset "UTF-8";
/* CSS Document */

@-webkit-keyframes rotate{
	to{
		-webkit-transform: rotate(30deg);
	}
}
@-ms-keyframes rotate{
	to{
		-ms-transform: rotate(30deg);
	}
}
@-moz-keyframes rotate{
	to{
		-moz-transform: rotate(30deg);
	}
}
@-o-keyframes rotate{
	to{
		-o-transform: rotate(30deg);
	}
}
@keyframes rotate{
	to{
		transform: rotate(30deg);
	}
}
.clock{
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	-moz-transform-origin: center top;
	-o-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
	display: block;
	width: 100px;
	height:369px;
	background: url(img/click.png) center no-repeat;
	background-size: 100% 100%;
	-webkit-animation: rotate 1.5s ease-in-out alternate infinite;
	-ms-animation: rotate 1.5s ease-in-out alternate infinite;
	-moz-animation: rotate 1.5s ease-in-out alternate infinite;
	-o-animation: rotate 1.5s ease-in-out alternate infinite;
	animation: rotate 1.5s ease-in-out alternate infinite;
	position: absolute;
	top:-2px;
	left:50%;
	margin-left:-50px;
}
.circle{
	width: 70px;
	height: 70px;
	position: absolute;
	bottom: 6px;
	left: 15px;
	border-radius: 100px;
}
.circlecenter{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	background: url(img/click_dot.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 5;
}
.shizhen{
	width: 8px;
	height: 24px;
	background: url(img/shizhen.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 31px;
	top: 11px;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation: shizhen 43200s linear infinite;
	-ms-animation: shizhen 43200s linear infinite;
	-moz-animation: shizhen 43200s linear infinite;
	-o-animation: shizhen 43200s linear infinite;
	animation: shizhen 43200s linear infinite;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 2;
}
@-webkit-keyframes shizhen{
	to{-webkit-transform: rotate(360deg);}
}
@-ms-keyframes shizhen{
	to{-ms-transform: rotate(360deg);}
}
@-moz-keyframes shizhen{
	to{-moz-transform: rotate(360deg);}
}
@-o-keyframes shizhen{
	to{-o-transform: rotate(360deg);}
}
@keyframes shizhen{
	to{transform: rotate(360deg);}
}
.fenzhen{
	width: 5px;
	height: 32px;
	background: url(img/fenzhen.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 32.5px;
	top: 3px;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation: shizhen 3600s linear infinite;
	-ms-animation: shizhen 3600s linear infinite;
	-moz-animation: shizhen 3600s linear infinite;
	-o-animation: shizhen 3600s linear infinite;
	animation: shizhen 3600s linear infinite;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 3;
}
.miaozhen{
	width: 3px;
	height: 33px;
	background: url(img/miaozhen.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 33.5px;
	top: 2px;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 4;
}
audio{
	display: none;
}