/**********时间选择控件 begin***********/
#datescroll div{}
#datescroll_datetime div{float:left;margin-left:5%;padding-right:22px;}
#yearwrapper{}
#monthwrapper{}
#daywrapper{}
#Hourwrapper{}
#Minutewrapper{}
#Secondwrapper{}
#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{overflow:hidden;}
#setcancle ul{text-align:center;line-height:30px;margin:0 3%;overflow:hidden;}
#setcancle ul li{width:50%;height:30px;float:left;}
#setcancle ul li p.l{overflow:hidden;padding-right:5px;}
#setcancle ul li p.r{overflow:hidden;padding-left:5px;}
#setcancle ul li p a{display:block;width:100%;height:30px;border-radius:5px;font-size:16px;}
a#dateconfirm{background-color:#22b14c;color:#fff;}
a#datecancle{background-color:#dcdddd;color:#666;}
#dateshadow{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#000;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;z-index: 99;}
#datePage{font-size:22px;border-radius:3px;position:absolute;top:auto!important;bottom:0!important;MARGIN-RIGHT:auto;vertical-align:middle;MARGIN-LEFT:auto;width:100%;height:220px!important;background:#FFFFFF;z-index:100;}
#datetitle{width:100%;height:40px;background-color:#ddd;text-align:center;color:#fff;line-height:40px;}
#datetitle h1{font-weight:normal;font-size:16px;color:#333;}
#datemark{font-size:18px;left:5%;width:90%;height:20px;position:absolute;top:98px;background:#eee;border:1px solid #eee;}
#timemark{font-size:18px;left:5%;width:90%;height:20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{background:#F8F8F8;width:94%;margin:10px 3%;border:1px solid #E0E0E0;border-radius:4px;height:120px;text-align:center;line-height:40px;}
#datescroll_datetime{display:none;background:#F8F8F8;width:94%;margin:10px 3%;border:1px solid #E0E0E0;border-radius:4px;height:120px;text-align:center;line-height:40px;}
#dateFooter{width:100%;background:#fff;height:40px;bottom:0;position:absolute;}

.dateWrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.dateWrapper .item{display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

/**********时间选择控件 end***********/