@charset "utf-8";
body, ul, dl, dd, dt, ol, li, input {margin:0;padding:0;-webkit-text-size-adjust: none}
ul, ol, li {list-style-type:none;vertical-align:0}
#datePlugin{ position:fixed; left:0px; top:0px; width:100%; height:100%}
#datePage {position: absolute;top:50%;left:50%;color: #333; overflow:hidden; text-align: center; margin-left:-220px; margin-top:-200px;width:440px;height:400px; font-size: 22px; border-radius: 3px;background: #FFFFFF;z-index:9999999;}
#datePage div{ overflow:hidden}
#datescroll{background: #F8F8F8;width:400px; position:relative; z-index:10; padding:0px 10px; margin:5px auto;border: 1px solid #E0E0E0;border-radius: 4px;height:330px;text-align: center;line-height: 40px;}
#yearwrapper{position: absolute;left: 0;top:0px; height:40px;width:195px;}
#monthwrapper{position: absolute;right:0;top:0px; height:40px;width:195px;}
#daywrapper{ width:100%; height:280px;}
#daywrapper li[dat]{ cursor:pointer; background:#f0f0f0}
#daywrapper li.sel{ background:#79C12F; color:#fff}
#daywrapper li[dat]:hover{ background:#dfdfdf}
#daywrapper span,#daywrapper li{ display:block; float:left; width:57px; height:40px; text-align:center; font-size:13px}
#daywrapper span{font-family:'microsoft yahei'; color:#555}

#yearwrapper ul,#monthwrapper ul,#daywrapper ul,#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:100%;}
#datemark{width: 400px;height: 20px; margin:10px auto;background:#eee;border:1px solid #eee;}

#datescroll_datetime{display: none;background:#F8F8F8;width:400px; position:relative;padding:0px 10px;  margin:5px auto;border: 1px solid #E0E0E0;border-radius: 4px;height: 40px;text-align: center;line-height: 40px;}
#datescroll_datetime #Hourwrapper,#datescroll_datetime #Minutewrapper,#datescroll_datetime #Secondwrapper{ position:absolute; top:0px; width:133px; height:40px}
#Hourwrapper{ left:0px}
#Minutewrapper{left:134px}
#Secondwrapper{left:269px}

#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #898989;font-size: 12px;}
#monthwrapper ul li{color: #898989;font-size: 12px;}
#daywrapper ul li{color: #898989;font-size: 12px;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
#dateconfirm{position: absolute;background:#79C12F;left:20px;color:#fff;}
#datecancle{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}
#dateshadow{position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#datetitle{width: 100%;height:50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-weight:normal;font-size:18px;font-family:'microsoft yahei';}

#dateFooter{width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}