@charset "utf-8";
.page {display: none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;}
#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 65px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 65px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 65px;width:80%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper 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: #26b7bc;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:10px auto;font-size: 20px;}
#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 40px;line-height:40px;min-height:inherit;list-style-type: none;font-size:16px;}
#dateconfirm{position: absolute;background:#26b7bc;left:20px;color:#fff;}
#setcancle ul #dateconfirm,#setcancle ul #datecancle{padding: 0;}
#datecancle{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}
#dateshadow{display: none;position: fixed;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index: 9999;}
#datePage{font-size: 22px; border-radius: 3px; position:fixed; top:0;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width: 100%;;height: 245px;background: #FFFFFF;z-index:9999999;}
#datetitle{width: 100%;height:40px;background: #26b7bc;text-align: center;color: #fff;line-height: 40px;font-size: 20px;}
#datetitle h1{font-weight:normal;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:108px;background:#fff;border:1px solid #fff;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#fff;border:1px solid #fff;}
#datescroll{background: #F8F8F8;width:94%; margin:10px 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 130px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-h44eight: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background: #fff;height: 60px;bottom: 0;position: absolute;border: 0;}
.demo{width:300px;margin:40px auto 0 auto;}
.demo .lie{margin:0 0 20px 0;}
.kbtn{line-height:22px; height:22px; padding:0 5px;}
#datetitle h1{font-size:18px;line-height: 40px;}


#yearwrapper ul li,.register #yearwrapper ul li{padding: 0;line-height: 40px;height: auto;font-size: 14px;min-height: 40px;border: 0;}
#monthwrapper ul li,.register #yearwrapper ul li{padding: 0;line-height: 40px;height: auto;font-size: 14px;min-height: 40px;border: 0;}
#daywrapper ul li,.register #yearwrapper ul li{padding: 0;line-height: 40px;height: auto;font-size: 14px;min-height: 40px;border: 0;}
