1 body{margin:0px;} 2 ul{margin:0px;padding:0px;} 3 li{list-style:none;} 4 .mclear:after{content:"";clear:both;display:block;} 5 .wrap{height:620px;width:450px;background-color:#10446c;margin:20px auto;} 6 .time-present{border-bottom:1px solid #3e6f97;} 7 .time-local{margin-top:26px;font:40px/60px "times new roman";color:#f0ffff;text-indent:30px;} 8 .time-dty{font:20px/40px "微软雅黑";color:#4091d3;margin-bottom:18px;text-indent:30px;} 9 .times-bar{margin-top:8px;font:18px/48px "微软雅黑";text-indent:30px;color:#dfdfdf;position:relative;} 10 #up{ position:absolute; top:18px; right:100px; } 11 #down{ position:absolute; top:18px; right:40px; } 12 #oym,#oy,#oyy{float:left;} 13 #oym{display:block;} 14 #oy,#oyy{display:none;} 15 .daylists{display:block;} 16 .daylist{width:450px;height:300px;overflow:hidden;} 17 .daylist ul{position:relative;} 18 .weeklist ul,.daylist ul{ margin-left:20px;} 19 .weeklist ul li,.daylist ul li{ float:left; width:52px; height:44px; border:3px solid #10446c; text-align:center; } 20 .weeklist ul li{ font:13px/44px "微软雅黑"; color:#ffffff; } 21 .daylist ul li{ font:13px/44px "微软雅黑"; color:#708fa7;} 22 .monthlist,.yearlist{display:none;width:450px;height:350px;overflow:hidden;} 23 .monthlist ul,.yearlist ul{position:relative;} 24 .monthlist ul,.yearlist ul{ margin-left:16px; } 25 .monthlist ul li,.yearlist ul li{ float:left; width:97px; height:82px; border:3px solid #10446c; font:13px/82px "微软雅黑"; text-align:center; color:#708fa7; } 26 .daylist ul li:hover,.monthlist ul li:hover,.yearlist ul li:hover{ border:3px solid #708fa7; } 27 .active{ color:#ffffff !important; } 28 .chsed{ border:3px solid #4097dc !important;}
，