/* 全局 */
* {
	margin: 0;
	padding: 0;
}

.clock {
	width: 400px;
	height: 400px;
	border: 10px solid #333;
	box-shadow: 0px 0px 20px 3px #444 inset;
	border-radius: 210px;
	position: relative;
	margin: 5px auto;
	z-index: 10;
	background-color: #f6f6f6;
}

/* 时钟数字 */
.clock-num {
	width: 40px;
	height: 40px;
	font-size: 22px;
	text-align: center;
	line-height: 40px;
	position: absolute;
	z-index: 8;
	color: #555;
	font-family: fantasy, 'Trebuchet MS';
}

.em_num {
	font-size: 38px;
}

/* 指针 */
.clock-line {
	position: absolute;
	z-index: 20;
}

.hour-line {
	width: 90px;
	height: 4px;
	top: 198px;
	left: 200px;
	background-color: #000;
	border-radius: 2px;
	transform-origin: 0 50%;
	box-shadow: 0px 0px 5px 1px #aaa;
}

.minute-line {
	width: 130px;
	height: 2px;
	top: 199px;
	left: 190px;
	background-color: #000;
	transform-origin: 7.692% 50%;
	box-shadow: 0px 0px 5px 1px #aaa;
}

.second-line {
	width: 170px;
	height: 1.5px;
	top: 199.5px;
	left: 180px;
	background-color: #f60;
	transform-origin: 11.765% 50%;
	box-shadow: 0px 0px 5px 1px #bbb;
}

/* 原点 */
.origin {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #000;
	position: absolute;
	top: 190px;
	left: 190px;
	z-index: 14;
}

/* 日期 时间 */
.date-info {
	width: 160px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	position: absolute;
	top: 230px;
	left: 120px;
	z-index: 11;
	color: #555;
	font-weight: bold;
	font-family: '微软雅黑';
}

.time-info {
	width: 92px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 270px;
	left: 154px;
	z-index: 11;
	background-color: #555;
	padding: 0;
	box-shadow: 0px 0px 9px 2px #222 inset;
}

.time {
	width: 30px;
	height: 30px;
	text-align: center;
	float: left;
	color: #fff;
	font-weight: bold;
}

#minute-time {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

/* 刻度 */
.clock-scale {
	width: 195px;
	height: 2px;
	transform-origin: 0% 50%;
	z-index: 7;
	position: absolute;
	top: 199px;
	left: 200px;
}

.scale-show {
	width: 12px;
	height: 2px;
	background-color: #555;
	float: left;
}

.scale-hidden {
	width: 183px;
	height: 2px;
	float: left;
}