::-webkit-scrollbar {width: 3px;height:0px;}
::-webkit-scrollbar-track {background-color: #ccc;border-radius:3px;}
::-webkit-scrollbar-thumb {background-color: #555;border-radius:3px;}
::-webkit-scrollbar-track-piece{background-color:#ccc;border-radius:3px;}
::-webkit-scrollbar-button {background-color:#ccc;width:0;height:0;}
::-webkit-scrollbar-corner {background-color: #ccc;}
.sense-ui{text-align: center;}.ui-input-text input{/*display: none;*/}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
  background-color: #000;
  border-color: #888;
  color: #fff;
}
.ui-mobile .ui-page-active {overflow-x: initial;}

body,input{font-family: Arial,微软雅黑,sans-serif  !important;}
.inDate{font-size: 1.2em;font-weight: bold;}
.m-date,.m-city,.m-language{float: left;}
.m-date input{width:200px;text-align: center;}
.m-city input{
  border: 0;
  width: 90px;
  padding: 5px;
  margin-top: 8px;
  line-height: 33px;
  border-radius: 5px;
  text-align: center;
  background-color: #000;
  color: #fff;
  border: 1px solid #505050;
  text-shadow: 0 0 0 #fff;
  background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#777, endColorstr=#000)";
  background: -moz-linear-gradient(top, #777, #000);
  background: -webkit-gradient(linear, 20% 0%, 0% 100%,from(#777), to(#000));
  background: -webkit-linear-gradient(top, #777, #000);
  background: -o-linear-gradient(top, #777, #000);
}
.m-language input{
  border: 0;
  width: 70px;
  padding: 5px;
  margin-top: 8px;
  line-height: 33px;
  border-radius: 5px;
  text-align: center;
  background-color: #000;
  color: #fff;
  border: 1px solid #505050;
  text-shadow: 0 0 0 #fff;
  background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#777, endColorstr=#000)";
  background: -moz-linear-gradient(top, #777, #000);
  background: -webkit-gradient(linear, 20% 0%, 0% 100%,from(#777), to(#000));
  background: -webkit-linear-gradient(top, #777, #000);
  background: -o-linear-gradient(top, #777, #000);
}
ul,li{list-style:none;margin:0;padding:3px;}
.main,ul {width:405px;  margin-left: auto;margin-right: auto;text-shadow: 0 0 0 #f3f3f3;}
.r-title ,.l-title{text-align: center;font-size:18px;}
.m-title{float: left;width:400px;}
.m-week{float: left;width:51px;text-align: center;}
.m-day{background-color: #333333;float: left;width:49px;height:100px;border: 1px solid #000;
	border-radius:10px;  text-align: center;
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#777, endColorstr=#000)";
	background: -moz-linear-gradient(top, #777, #000);
	background: -webkit-gradient(linear, 20% 0%, 0% 100%,from(#777), to(#000));
	background: -webkit-linear-gradient(top, #777, #000);
	background: -o-linear-gradient(top, #777, #000);
}
.m-day i,u{text-decoration:none;font-style:normal}
.m-day b{float: right;margin-right:2px;}
.m-day u{float:left;margin-left:2px;  font-size: 13px;}
.m-day img{position: relative;width:48px;height:48px;}
.m-day.tday{
	background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#009900, endColorstr=#000)";
	background: -moz-linear-gradient(top, #009900, #000);
	background: -webkit-gradient(linear, 20% 0%, 0% 100%,from(#009900), to(#000));
	background: -webkit-linear-gradient(top, #009900, #000);
	background: -o-linear-gradient(top, #009900, #000);
}
.m-day:hover{cursor: pointer;}
.m-day.nm{color:#9e9e9e}
.r{color:red}
.g{color:green}
.b{color:blue}
.o{color:orange}
.y{color:yellow}
.r-img{position: relative;  top: -350px;  left: 130px;}
#box2 ul{height: 720px;overflow: hidden;}
.r-canvas{position: relative;  top: -635px;  left: -1px;}
.r-nl{  color: #F1F1F1;}
.r-nl div{width:40px;height:22px;}
.r-nl .sc1{position: relative;top: -977px;left: 184px;}
.r-nl .sc2{position: relative;top: -980px;left: 245px;transform: rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);}
.r-nl .sc3{position: relative;top: -955px;left: 288px;transform: rotate(60deg);-ms-transform:rotate(60deg);-moz-transform:rotate(60deg);-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);}
.r-nl .sc4{position: relative;top: -916px;left: 304px;transform: rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.r-nl .sc5{position: relative;top: -884px;left: 290px;transform: rotate(300deg);-ms-transform:rotate(300deg);-moz-transform:rotate(300deg);-webkit-transform:rotate(300deg);-o-transform:rotate(300deg);}
.r-nl .sc6{position: relative;top: -856px;left: 248px;transform: rotate(330deg);-ms-transform:rotate(330deg);-moz-transform:rotate(330deg);-webkit-transform:rotate(330deg);-o-transform:rotate(330deg);}
.r-nl .sc7{position: relative;top: -860px;left: 184px;}
.r-nl .sc8{position: relative;top: -898px;left: 122px;transform: rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);}
.r-nl .sc9{position: relative;top: -962px;left: 72px;transform: rotate(60deg);-ms-transform:rotate(60deg);-moz-transform:rotate(60deg);-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);}
.r-nl .sc10{position: relative;top: -1056px;left: 58px;transform: rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.r-nl .sc11{position: relative;top: -1140px;left: 74px;transform: rotate(300deg);-ms-transform:rotate(300deg);-moz-transform:rotate(300deg);-webkit-transform:rotate(300deg);-o-transform:rotate(300deg);}
.r-nl .sc12{position: relative;top: -1206px;left: 120px;transform: rotate(330deg);-ms-transform:rotate(330deg);-moz-transform:rotate(330deg);-webkit-transform:rotate(330deg);-o-transform:rotate(330deg);}
.r-yx{  position: relative;top: -1130px;width:200px;left: 100px;color: #ffFF00;font-size: 20px;text-align: center;}
.copyright{text-align: center;color: #B7B7B7;  line-height: 60px;}
.ui-link{text-decoration: none;color: #B7B7B7 !important;}
a,a:hover,a:visited,a:active {text-decoration: none;color: #B7B7B7 !important;}
#clock {position:relative;width:600px;height:600px;list-style:none;}
#time {position:relative;width:400px;height:50px;top:-2933px;left:0px;text-align:center;color:#ddd;}
#sec {position:relative;width:5px;height:400px;top:-2015px;left:200px;}
#min {position: relative;width:5px;height:400px;top:-2815px;left:200px;}
#hour {position:relative;width:5px;height:400px;top:-2415px;left:200px;}
#sec {background:url(http://www.help.bj.cn/weather/images/moon/sechand.png);z-index:4;padding:0;}
#min {background:url(http://www.help.bj.cn/weather/images/moon/minhand.png);z-index:3;padding:0;}
#hour {background:url(http://www.help.bj.cn/weather/images/moon/hourhand.png);z-index:2;padding:0;}