@charset utf-8; 
body {
	}

#watch {	 
	height:33em;
	margin: 0em,0em; 

	font-size: 62.5%; 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#019bff), to(#94e1ff));/*谷歌*/ 
	background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #15A216),color-stop(1, #fafafa));/* Safari & Chrome*/ 
 
}

#watch .fl{
	float:left;
	display:inline;
	width:20%;
	height:100%; 
 

}

#watch  .fr{
	width:20%;	 
	float:right;
 
	display:inline;
	height:100%; 

	
}
#watch .fr  .page{
	position: relative;
	top:45%;
	height:4em;
	padding-left:1em;
}
#watch .fl  .page{
	height:4em;
	float:right;
	position: relative;
	top:45%;
	padding-right:1em;

}
#watch  .main{
	position: relative;
	 
	width:60%; 	 
	float:left;
	margin-top: 6em;
	height:27em;

}

#watch .main .frame-face {
	position: relative;
	width: 20em;
	height: 20em;
	margin: 0em auto;
	border-radius: 12em; 
	background-color: 0xfff;
	background: -webkit-linear-gradient(top, #fff, #fff);
	background: -moz-linear-gradient(top, #fff, #fff);
	background: -webkit-linear-gradient(to bottom, #fff, #fff);
	background: -moz-linear-gradient(to bottom, #fff, #fff);	 	
}


#watch .main .frame-face .digits {
	width: 100%;
	height:100%;	 
	position: absolute; 
 
 
}
#watch .main .frame-face .digits li { 
	position: absolute; 
}
#watch .main .frame-face .digits img { 
	width:4em;
	height:4em;
}
#watch .main .frame-face .digits li:nth-child(1) {	
	-moz-transform: translate(8.2em, -1.8em);
	transform: translate(8.2em, -1.8em);
	-webkit-transform: translate(8.2em, -1.8em);
}
#watch .main .frame-face .digits li:nth-child(2) {
	-webkit-transform: translate(13.2em, -0.46em);
	-moz-transform: translate(13.2em, -0.46em);
	transform: translate(13.2em, -0.46em);
}
#watch .main .frame-face .digits li:nth-child(3) {
	-webkit-transform: translate(16.8em, 3.2em);
	-moz-transform: translate(16.8em, 3.2em);
	transform: translate(16.8em, 3.2em);
}

#watch .main .frame-face .digits li:nth-child(4) {
	-webkit-transform: translate(18.2em, 8.2em);
	-moz-transform: translate(18.2em, 8.2em);
	transform: translate(18.2em, 8.2em);
} 
#watch .main .frame-face .digits li:nth-child(5) {
	-webkit-transform: translate(16.8em, 13.2em);
	-moz-transform: translate(16.8em, 13.2em);
	transform: translate(16.8em, 13.2em);
}
#watch .main .frame-face .digits li:nth-child(6) {
	-webkit-transform: translate(13.2em, 16.94em);
	-moz-transform: translate(13.2em, 16.94em);
	transform: translate(13.2em, 16.94em);
}
#watch .main .frame-face .digits li:nth-child(7) {
	-webkit-transform: translate(8.2em, 18.2em);
	-moz-transform: translate(8.2em, 18.2em);
	transform: translate(8.2em, 18.2em);
} 
#watch .main .frame-face .digits li:nth-child(8) {
	-webkit-transform: translate(3.2em, 16.94em);
	-moz-transform: translate(3.2em, 16.94em);
	transform: translate(3.2em, 16.94em);
}
#watch .main .frame-face .digits li:nth-child(9) {
	-webkit-transform: translate(-0.19em, 13.2em);
	-moz-transform: translate(-0.19em, 13.2em);
	transform: translate(-0.19em, 13.2em);
}

#watch .main .frame-face .digits li:nth-child(10) {
	-webkit-transform: translate(-1.8em, 8.2em);
	-moz-transform: translate(-1.8em, 8.2em);
	transform: translate(-1.8em, 8.2em);
}
#watch .main .frame-face .digits li:nth-child(11) {

	-webkit-transform: translate(-0.19em, 3.2em);
	-moz-transform: translate(-0.19em, 3.2em);
	transform: translate(-0.19em, 3.2em);
}
#watch .main .frame-face .digits li:nth-child(12) {

	-webkit-transform: translate(3.2em, -0.46em);
	-moz-transform: translate(3.2em, -0.46em);
	transform: translate(3.2em, -0.46em);
}
#watch .main .address img{
	padding-top:0em;
	position: relative;	 
}
#watch .topbar {
	position: absolute;
	width:100%;
	height: 1.7em;
	margin-top: 0em;	  
    overflow:hidden; 
    font-size:2em;	
	color:#ffffff;	
	padding: 1px;
	padding-left:5px;
	padding-top:1px;
	float:left;
	background-color:rgba(255,255,255,0.3)	
 }

#watch   .topbar .imgdiv { 	
	width:3em;
	height:1.7em;
	float:left;	 
	padding-left: 0.8em;
}
#watch   .topbar .points { 	
	width:auto;
	height:1.7em;
	float:left;	 
	padding-left: 0.8em;
}
#watch  .topbar .imgdiv img{ 	
	width:1.5em;
	height:1.5em;
}

#watch  .topbar .points img{ 	
	width:1.5em;
	height:1.5em;
}
#watch .topbar .battery{ 	
	width:50%;
	height:auto;	
	padding: 1px;
	padding-right:5px;
	float:left;
	font-size:2em;
	text-align: right;
	color:#fff;	
}
#watch .topbar .battery img{ 	
	width:1.5em;
	height:1.5em;

	 
	float:right;
	color:#333333;	
}

#watch .main .weekday {
	width:100% ;
	height: auto; 
	background: #0;
	font-size: 2em;
	color:#049dff;
	position: absolute;
	margin-top: 15%;
	text-align: center;
	 
}
#watch .main .day {
	width:100% ;
	height: auto;  
	font-size: 10em;
	color:#049dff;
	position: absolute;
	margin-top: 45%;
	text-align: center;
    padding-bottom: 0;
	 
}
/* #watch .main .day .hao {	 
	font-size: 0.2em;
	color:#049dff;	 
	position: absolute;	
	padding-bottom: 0; 


} */
#watch .main .time {
	width:100% ;
	height: auto;  
	font-size: 2em;
	color:#049dff;
	position: absolute;
	margin-top: 75%;
	text-align: center;

}
#watch   .address {
	position: absolute;
	width:100%;
	height: auto;
 	color:#1b76ad;
 	margin-top: 1em;
	font-size:2.4em;	
	text-align:center;	 
    overflow:hidden; 
 
}


/* module: sliders */ 
.sliders{ 
	position: relative;
	font-size: 1em; 	 
	height:6.9em;
	margin-top:0em; 

	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#017bff), to(#94e1ff));/* 谷歌  */
	/* background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0000a0), to(#0000b0)); */
	background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #15A216),color-stop(1, #fafafa));/* Safari & Chrome*/ 
 
} 
 .sliders .article{ 

	position: relative;
	max-width: 640px;
	overflow: hidden;
	margin: 0px auto;
}  
.sliders .article .img_advert{ 
	float: left; 	 
	height:100%; 
	display:inline;
	margin-top: 0em;
}
.sliders .article  .redenvelop{ 
	float: right; 
	width:3.2em;
	height:4em; 
 	display:inline;
	margin-top: 0.5em;
	margin-right: 1em;
}
.sliders  .article .title{ 
	position: absolute;  
	color: #fff; 
	display:inline;
	line-height: 1.2em;
	padding-left:0.2em;
	padding-top: .3em;
	font-size:1.7em; 
} 
.sliders  .article .context{ 
	position: absolute;  
	color: #fff;  
	font-size:1em; 
	padding-top:0.2em;
	padding-left:0.2em;
	padding-right: 6em;
} 
.sliders  .article .pages{ 
	position: absolute;  
	 color: #1576b4;  
 
	width:100%;
	font-size:1em; 
	text-align: right;
	margin-top: 3.5em;
	padding-right: .5em

} 
 

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}







/* #watch .digits {
	width: 30em;
	height: 30em;
	border-radius: 15em;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -15em;
} */
/* #watch .digits li {
	font-size: 1.6em;
	display: block;
	width: 1.6em;
	height: 1.6em;
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 1.6em;
	text-align: center;
	margin: -.8em 0 0 -.8em;
	font-weight: bold;
} */



.col33{
	width:33%;
}

.safetyinfo.active, .safetyinfo.activated {
  border-color: #ccc;
  background-color: #D9D9D9; 
}

/* -ms-transform  	/IE 9  
-moz-transform      Firefox  
-webkit-transform   Safari 和 Chrome  
-o-transform        Opera */