/******日历******/
.CalendarDate{ text-align:center; }
.CalendarDate .controldiv{ color:#666; position: relative; }
.CalendarDate .controldiv .left{ float:left; display:inline-block; padding:0 5px; line-height:30px; font-size:16px; font-family:'宋体'; margin-left:10px; }
.CalendarDate .controldiv .right{ float:right; display:inline-block; padding:0 5px; line-height:30px; font-size:16px; font-family:'宋体'; margin-right:10px; }
.CalendarDate .controldiv p{ display:inline-block; vertical-align:middle; font-size: 14px; line-height:30px; }
.CalendarDate .controldiv p span{ margin:0 2px; }
.CalendarDate .dl .td.on{ background:rgba(56,102,255,0.2); position: relative; }
.CalendarDate .dl .td.nodate *{ opacity:0; }
.CalendarDate .dl .td.in_tap_day{ cursor:pointer; }
.CalendarDate .dl .td.in_tap_day .title{ opacity:1; }
.CalendarDate .dl .td.in_tap_day:hover{ background:#f2f2f2; }
.CalendarDate table{ border-collapse: collapse; }
.CalendarDate .calWeekTit{ background:#00bfbf; }
.CalendarDate .calWeekTit td{ color:#fff; border:0 none; }
.CalendarDate table{ border:1px solid #eee; width:100%; }
.CalendarDate table td.calTit{ padding:0; }
.CalendarDate table td{ width:14.28%; padding:2px 2px; text-align:center; color:#666; font-size:14px; line-height:18px; position: relative; }
.CalendarDate table td{ border:1px solid #eee; }
.CalendarDate table td .number{ color:#666!important; }
.CalendarDate table td .txt{ font-size:12px; line-height:14px; color:#00bfbf; }
.CalendarDate table td.old .number,
.CalendarDate table td.none .number{ color:#999!important; }
.CalendarDate table td.old .txt{ opacity:0; }
.CalendarDate table td.no .txt{ color:#999; }
.CalendarDate table td.old,
.CalendarDate table td.no{ background:#f9f9f9; }
.CalendarDate table td.jt{ position: relative; }
.CalendarDate table td.jinri .number{ color:#ffaa00!important; }
.CalendarDate table td.jinri .txt{ color:#ffaa00!important; opacity:1; }
.CalendarDate table td.jt::after{ content:""; position: absolute; height:8px; width:8px; right:0; bottom:0; background:url(../images/icons.png) no-repeat -978px -4px; }
.CalendarDate table .td .tips_cont{ z-index:2; position: absolute; top:50%; left:100%; margin-left:20px; margin-top:-20px; white-space:nowrap; font-size:13px; color:#555555; line-height:38px; border:1px solid #989898; border-radius:5px; background:#fff; padding:0 10px; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transition:opacity 0.3s,margin 0.3s; -webkit-transition:opacity 0.3s,margin 0.3s; -moz-transition:opacity 0.3s,margin 0.3s; -ms-transition:opacity 0.3s,margin 0.3s; -o-transition:opacity 0.3s,margin 0.3s; }
.CalendarDate table .td .tips_cont::before{ content:""; position: absolute; left:-9px; top:50%; margin-top:-6px; background:url(../images/icons.png) no-repeat -108px -570px; width:12px; height:12px; }
.CalendarDate table .td:hover .tips_cont{ margin-left:12px; opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
#CalendarDateTank{ display:none; position: fixed; z-index:999; left:50%; top:50%; background:rgba(0,0,0,0.56); color:#fff; font-size:14px; border-radius:5px; line-height:20px; padding:15px 10px; width:350px; text-align:center; }
/***预约时间弹框***/
#TimeTank{}
#TimeTank .block{ padding:10px 10px 11px; }
#TimeTank .CalendarDate{ width:500px; }
#TimeTank .CalendarDate .controldiv .left,
#TimeTank .CalendarDate .controldiv .right{ line-height:46px; }
#TimeTank .CalendarDate .controldiv p{ font-size:16px; line-height:46px; }
#TimeTank .CalendarDate table td{ padding:10px 5px; line-height:20px; }