.ui-calendar { position: relative; width: 855px; overflow: hidden }
.ui-calendar .calwarp { margin-right: -5px; padding-left: 5px; width: 10000px }
.ui-calendar .calmonth { position: relative; display: inline; float: left; width: 430px; margin-left: -5px; font-family: "Arial", "PingFang SC", "Microsoft Yahei", "SimSun", sans-serif; font-size: 12px }
.ui-calendar .calbox { position: relative; z-index: 2; min-height: 380px; background: #fff; border: 5px solid #ccc }
.ui-calendar .caltitle { height: 30px; line-height: 30px; background: #36BAE8; color: #fff; text-align: center; font-size: 14px; font-weight: bold }
.ui-calendar .month-prev, .ui-calendar .month-next { position: absolute; z-index: 10; top: 5px; width: 20px; height: 20px; background: #fff; text-align: center; font-size: 24px; line-height: 18px; color: #36BAE8; cursor: pointer }
.ui-calendar .month-prev { left: 5px }
.ui-calendar .month-next { right: 5px }
.calmonth .monthbg { position: absolute; top: 0; left: 0; width: 100%; font-family: Arial, sans-serif; font-style: normal; color: #eee; z-index: -1; z-index: 0\0; z-index: -1\9\0; font-size: 240px; line-height: 375px; text-align: center }
.calmonth .caltable { border-collapse: collapse; border-spacing: 0; width: 100%; background: none; line-height: 20px; height: 390px; cursor: pointer }
.calmonth .nodate { background: #f6f6f6; cursor: default; filter: alpha(opacity=60); background: rgba(246, 246, 246, 0.5) }
.calmonth .caltable tr { border-left: 1px solid #ddd;border-right: 1px solid #ddd; }
.calmonth .caltable td { border: 1px solid #ddd; width: 14.2857%; height: 15.384615%; padding: 0; vertical-align: top }
.calmonth .caltable th { text-align: center; padding: 0; height: 28px; line-height: 28px; background: #eee }
.calmonth .caltable th.sun { border-left: 1px solid #ddd }
.calmonth .caltable th.sat { border-right: 1px solid #ddd; *border-right:none
}

.calmonth .calweek { background: #eee }
.calmonth .caldate, .calmonth .nodate { position: relative; padding: 0; width: 100%; height: 100% }
.calmonth .caldate:hover { background: #FFBA13; }
.calmonth .calday { position: absolute; top: 3px; left: 5px;font-size:14px; }
.calmonth .calinfo { position: absolute; top: 3px; right: 5px; color: #1B1 }
.calmonth .calprice { position: absolute; bottom: 3px; left: 5px; color: #f5821f }
.calmonth .today .calprice { color: #fff }
.calmonth .today:hover .calprice { color: #f60 }
.calmonth .calactive { position: absolute; right: 6px; top: 20px; color: #36bae8 }
.calmonth .today { color: #fff; background: #fff; }
.calmonth .today .calday { color: #36BAE8 }
.nodate .calday { color: #999 }
.calmonth .today:hover { background: #FEF2F9; background: rgba(255, 236, 247, 0.7); box-shadow: none }
.calmonth .today:hover .calday { color: #000 }
.ui-calendar-big .caldisabled { color: #BBB!important }
.ui-calendar-big .caldisabled:hover { background-color: transparent }
.ui-calendar-big .caldate:hover.caldisabled { cursor: default }
.ui-calendar-big .td-selected .calselected {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/gou.png) no-repeat;
    width: 20px;
    height: 20px;
}
.ui-calendar-mini { width: 440px }
.ui-calendar[data-float="true"] {
    position: absolute;
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
}
.ui-calendar-mini .calwarp { margin-right: -1px; padding-left: 1px }
.ui-calendar-mini .calmonth { width: 220px; margin-left: -1px }
.ui-calendar-mini .month-prev, .ui-calendar-mini .month-next { width: 16px; height: 16px; line-height: 14px; font-size: 20px }
.ui-calendar-mini .caltitle { height: 30px; line-height: 30px }
.ui-calendar-mini .calbox { padding: 5px; border: 1px solid #CCC; min-height: 185px }
.ui-calendar-mini .calmonth .caltable { height: 185px }
.ui-calendar-mini .calmonth .caltable td { height: 30px; line-height: 30px; text-align: center; border: none;font-size:12px; }
.ui-calendar-mini .calmonth .monthbg { font-size: 100px; line-height: 215px }
.ui-calendar-mini .calmonth .caltable th.sun { border-left: none; color: #FF5500 }
.ui-calendar-mini .calmonth .caltable th.sat { border-right: none; color: #FF5500 }
.ui-calendar-mini th { font-weight: normal }
.ui-calendar-mini .calmonth .caltable tr { height: 30px; overflow: hidden }
.ui-calendar-mini .calmonth .today { color: #000; box-shadow: none; background: #FBF1EC; width: 28px; height: 28px; border: 1px solid #FBC1AA }
.ui-calendar-mini .calmonth .calfest { color: #F55415 }
.ui-calendar-mini .calmonth .caldate:hover, .ui-calendar-mini .calmonth .selectDay:hover { background: #FFBA13; color: #fff }
.ui-calendar-mini .calmonth .selectDay { background: #FFBA13; color: #FFf }
.ui-calendar-mini .calmonth .interval { background: #E4E4E4; color: #000 }
.ui-calendar-mini .calmonth .nodate, .ui-calendar-mini .calmonth .nodate:hover { color: #D9D9D9 !important; border: none !important; filter: alpha(opacity=60); background: none; cursor: default; width: 100%; height: 100% }
.ui-calendar-mini .calmonth .caldisabled { color: #BBB; cursor: default }
.ui-calendar-mini .calmonth .caldisabled:hover { color: #BBB; background-color: transparent }
.ui-calendar-mini .calmonth .caldisabled.calmiddle:hover { background-color: #fcdaed }
.ui-calendar-mini .calmonth .td-selected .caldate { width: 32px; margin-left: -1px; color: #fff; background: #F90; border: none }
.ui-calendar-mini .calmonth .nodate { background-color: transparent }
.calendar-tab-panel{padding:0 34px;}


.calhover{-webkit-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1);box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1);display:none;color:#666;border:2px solid #5acdde;background:#FFF;position:absolute;padding:4px 10px;*margin-left:-1px;*margin-top:-1px;z-index:24;font-size:14px;}
.calhover .triangle{width:11px;height:7px;display:block;position:absolute;margin:0;top:-7px;left:36px;bottom:auto;background:url(../images/calendar.png) no-repeat -140px 0;pointer-events:none;border:none}
.calhover.calhover-right{*margin-left:0}
.calhover.calhover-right .triangle{left:36px;}
.calhover .calroute, .calhover .calsale, .calhover .calfestival{line-height:20px}
.calhover .calroute i, .calhover .calsale i, .calhover .calfestival i{width:14px;height:14px;display:inline-block;float:left;margin-right:5px;vertical-align:top;text-align:center;line-height:14px;overflow:hidden}
.calhover .calroute span, .calhover .calsale span, .calhover .calfestival span{vertical-align:top;display:inline-block;margin:-3px 0 3px 0}
.calhover .calroute i{background:#fe7878;color:#FFF}
.calhover .calfestival i{text-indent:-9999em;}
.calhover .calsale i{text-indent:-9999em;}
.calhover .calHasNotProduct{margin:-3px 0 3px 0}
.calhover .calprice .calprice-adult{margin-right:10px;}
.cal-number-of-days{-webkit-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1);box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1);display:none;font-family:"Arial","PingFang SC","Microsoft Yahei","SimSun",sans-serif;pointer-events:none;position:absolute;background:#fff;border:1px solid #ccc;line-height:20px;padding:5px 10px}
.cal-number-of-days .triangle{width:11px;height:7px;display:block;position:absolute;top:-7px;left:50%;margin-left:-5px;background:url(../images/calendar.png) no-repeat -140px 0;pointer-events:none}
.calmonth .calsale {
    position: absolute;
    right: 0px;
    top: 0;
    color: #fff;
    background-color: red;
    padding: 0 4px;
}