/**
 * jQuery cxCalendar Style
 * ------------------------------ */
.cxcalendar{display:none;position:absolute;width:220px;padding:8px 0;border:1px solid #ccd1d9;border-radius:3px;background:#fff;box-shadow:1px 2px 3px rgba(0,0,0,0.2);color:#434a54;font-size:12px;z-index:10000;}
.cxcalendar_hd{position:relative;padding:0;background:#fff;}

/* 上下月切换按钮 */
.cxcalendar_hd .prev,
.cxcalendar_hd .next{position:absolute;top:0;width:22px;height:22px;padding:0;border:1px solid transparent;border-radius:2px;color:#333;font:0/0 Arial;text-decoration:none;outline:0;}
.cxcalendar_hd .prev{right:50%;margin-right:70px;}
.cxcalendar_hd .next{left:50%;margin-left:70px;}

.cxcalendar_hd .prev:before,
.cxcalendar_hd .next:before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;margin:-5px 0 0 -4px;border-top:5px solid transparent;border-bottom:5px solid transparent;font:0/0 Arial;}
.cxcalendar_hd .prev:before{border-right:9px solid #333;}
.cxcalendar_hd .next:before{border-left:9px solid #333;}

/* 年月文本 */
.cxcalendar_hd .intxt{width:130px;margin:0 auto;border:1px solid #fff;border-radius:3px;font-weight:bold;font-size:14px;line-height:22px;text-align:center;cursor:pointer;}
.cxcalendar_hd .intxt .y:after{content:'年';margin:0 0.5em;}
.cxcalendar_hd .intxt .m:after{content:'月';margin-left:0.5em;}

.cxcalendar_hd .prev:hover,
.cxcalendar_hd .next:hover,
.cxcalendar_hd .intxt:hover{border:1px solid #aab2bd;background:#e6e9ed;}

/* 年月选框 */
.cxcalendar_hd .inset{display:none;width:130px;margin:0 auto;text-align:center;}
.cxcalendar_hd .inset .year,
.cxcalendar_hd .inset .month{box-sizing:border-box;height:24px;margin:0;padding:0;border:1px solid #aab2bd;border-radius:3px;background:#fff;font-size:14px;line-height:24px;}
.cxcalendar_hd .inset .month{margin-left:10px;}

/* 日期 */
.cxcalendar_bd{position:relative;font-size:12px;line-height:24px;text-align:center;z-index:1;
*line-height:28px;
}
.cxcalendar_bd ul{overflow:hidden;margin:0;padding:0;list-style:none;}
.cxcalendar_bd ul li{box-sizing:border-box;float:left;width:14%;height:28px;margin:0;padding:0;border:2px solid #fff;border-radius:5px;
*border:none;
}
.cxcalendar_bd ul li:nth-child(7n+1){margin-left:1%;}

/* 日期标题 */
.cxcalendar_bd .week{color:#aab2bd;}

/* 日期列表 */
.cxcalendar_bd .days{color:#656d78;}
.cxcalendar_bd .days li{cursor:pointer;}
.cxcalendar_bd .days li:hover{background:#F6F6F6;}
.cxcalendar_bd .days .sat{color:#4a89dc}
.cxcalendar_bd .days .sun{color:#da4453;}
.cxcalendar_bd .days .now{background:#e6e9ed;}
.cxcalendar_bd .days .holiday{color:#da4453;}
.cxcalendar_bd .days .other{color:#ccd1d9;}
.cxcalendar_bd .days .del{color:#ccd1d9;text-decoration:line-through;cursor:default;}
.cxcalendar_bd .days .selected,
.cxcalendar_bd .days .selected:hover{background:#8cc152;color:#fff;}

/* 时间 */
.cxcalendar_ft{overflow:hidden;position:relative;margin-top:4px;padding:6px 4px 0;border-top:1px solid #ddd;}
.cxcalendar_ft .inday{float:left;width:6em;height:22px;border-top:1px solid #fff;border-bottom:1px solid #ddd;color:#aab2bd;line-height:22px;text-align:center;}
.cxcalendar_ft .inday:empty:before{content:'请选择日期';}

.cxcalendar_ft .intime{float:left;margin-left:0.5em;line-height:22px;}
.cxcalendar_ft .intime i{font-style:normal;}
.cxcalendar_ft .intime .hour,
.cxcalendar_ft .intime .mint,
.cxcalendar_ft .intime .secs{width:2em;height:22px;margin:0;padding:0;border:none;border-top:1px solid #fff;border-bottom:1px solid #ddd;background:none;color:#656d78;line-height:24px;text-align:center;outline:none;}

.cxcalendar_ft .confirm{float:right;height:24px;padding:0 0.5em;border-radius:3px;background-color:#4a89dc;color:#fff;line-height:24px;text-decoration:none;}
.cxcalendar_ft .confirm:before{content:'确定';}

/* 背景遮罩层 */
.cxcalendar_lock{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;filter:alpha(opacity=0);opacity:0;}


/* 不显示秒输入框 */
.cxcalendar_notsecs .cxcalendar_ft .intime .mint + i,
.cxcalendar_notsecs .cxcalendar_ft .intime .secs{display:none;}

/* 英文 */
.cxcalendar_en .cxcalendar_hd .intxt .y:after{content:'-';margin:0 6px;}
.cxcalendar_en .cxcalendar_hd .intxt .m:after{display:none;content:'';}

/* 节假日 */
.cxcalendar_holyday{width:460px;}
.cxcalendar_holyday .cxcalendar_bd{font-size:20px;line-height:56px;}
.cxcalendar_holyday .cxcalendar_bd ul li{height:60px;}
.cxcalendar_holyday .cxcalendar_bd .days .holiday{position:relative;}
.cxcalendar_holyday .cxcalendar_bd .days .holiday:before{content:attr(title);position:absolute;top:50%;left:0;overflow:hidden;width:100%;margin-top:12px;font-size:12px;line-height:1;text-align:center;white-space:nowrap;text-overflow:ellipsis;}

/*
在页面中显示日历选择器
*/
div.date_show {display:block;width:auto;height:auto;margin:0px;padding:0px;border:0px;background:none;position:relative;}
div.date_show .cxcalendar {width:100%;padding:0px;border:1px solid #ccd1d9;border-radius:0px;box-shadow:none;color:#333;font-size:12px;}
div.date_show .cxcalendar {box-sizing:border-box;}
div.date_show .cxcalendar .cxcalendar_bd ul li {width:14.2857%;padding:8px;border:0px;border-radius:0px;}
div.date_show .cxcalendar .cxcalendar_bd ul li {border:1px solid #DEDEDE;border-right:0px;border-bottom:0px;box-sizing:border-box;text-align:left;}
div.date_show .cxcalendar .cxcalendar_bd ul li:nth-child(7n+1){margin-left:0%;}


div.date_show .cxcalendar .cxcalendar_bd ul {margin-left:-1px;}
div.date_show .cxcalendar .cxcalendar_bd ul.week li {height:auto;padding:5px 8px;text-align:center;color:#333;}
div.date_show .cxcalendar .cxcalendar_bd ul.days li {height:70px;text-align:left;}
div.date_show .cxcalendar .cxcalendar_hd_title {height:42px;}

div.date_show .cxcalendar .cxcalendar_bd ul.days li {position:relative;}
/*
div.date_show .cxcalendar .cxcalendar_bd ul.days li span.date_text {position:absolute;bottom:8px;right:8px;padding-left:8px;padding-top:12px;line-height:140%;box-sizing: border-box;word-break: break-all;word-wrap: break-word;}
div.date_show .cxcalendar .cxcalendar_bd ul.days li span.date_text {color:#999;}
*/
div.date_show .cxcalendar .cxcalendar_bd ul.days li span.date_text {display:block;width:100%;height:100%;background:none;position:absolute;top:0px;left:0px;}
div.date_show .cxcalendar .cxcalendar_bd ul.days li span.date_text span.date_text_body {display:block;padding:30px 8px 8px 8px;position:absolute;right:0px;bottom:0px;}
div.date_show .cxcalendar .cxcalendar_bd ul.days li span.date_text span.date_text_body {line-height:140%;box-sizing: border-box;word-break: break-all;word-wrap: break-word;}

div.date_show .cxcalendar .cxcalendar_bd .days .now {background:#FFFFEC;}
/*
div.date_show .cxcalendar .cxcalendar_bd .days .holiday {color:#333;}
*/
div.date_show .cxcalendar .cxcalendar_bd .days {color:#333;}
div.date_show .cxcalendar .cxcalendar_hd .prev {right:auto;margin-right:0px;left:10px;}
div.date_show .cxcalendar .cxcalendar_hd .next {left:auto;margin-left:0px;right:10px;}
div.date_show .cxcalendar .cxcalendar_hd .prev:before,
div.date_show .cxcalendar .cxcalendar_hd .next:before{display:none;}
div.date_show .cxcalendar .cxcalendar_hd .prev,
div.date_show .cxcalendar .cxcalendar_hd .next {width:30px;height:30px;overflow:hidden;border:1px solid #FFF;border-radius:0px;background:url(../../image/date.gif) no-repeat;}
div.date_show .cxcalendar .cxcalendar_hd .prev {background-position:9px 5px;}
div.date_show .cxcalendar .cxcalendar_hd .next {background-position:-79px 5px;}
div.date_show .cxcalendar .cxcalendar_hd .prev:hover,
div.date_show .cxcalendar .cxcalendar_hd .next:hover {border:1px solid #dedede;}

div.date_show .cxcalendar .cxcalendar_hd .intxt {width:170px;margin:0 auto;border:1px solid #fff;border-radius:0px;font-weight:normal;font-size:14px;line-height:22px;text-align:center;cursor:pointer;}
div.date_show .cxcalendar .cxcalendar_hd .intxt {padding:5px 10px;margin:8px auto;position:relative;background:none;}
div.date_show .cxcalendar .cxcalendar_hd .intxt:hover{border:1px solid #DEDEDE;}
div.date_show .cxcalendar .cxcalendar_hd .intxt i {display:block;width:12px;height:12px;overflow:hidden;position:absolute;right:10px;top:50%;margin-top:-6px;background:url(../../image/date.gif) no-repeat;background-position:1px -42px;}
div.date_show .cxcalendar .cxcalendar_hd .inset {width:170px;padding:5px 10px;margin:8px auto;}