/**
 * 设置日历的大小
 */
.calendar{
    width: 290px;
    height:auto;
    margin: 0 5px 5px;
    background: #f9f9f9;
    padding-bottom: 5px;
    font-size: 14px;
}

/**
 * 设置日历顶部盒子
 */
.calendar .calendar-title-box{
    position: relative;
    width: 100%;
    height: 40px;
    color: #444;
    line-height: 40px;
    text-align:center;
    font-size:20px;
}

/**
 * 设置上个月的按钮图标
 */
.calendar .prev-month {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 20px;
    background: ;
    top:13px;
    left: 42px;
    cursor: pointer;
}
.calendar .calendar-title{
    font-size: 17px;
}
/**
 * 设置下个月的按钮图标
 */
.calendar .next-month {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 20px;
    background: ;
    top:13px;
    right: 42px;
    cursor: pointer;
}


/* 设置日历表格样式 */
.calendar-table{
    width: 100%;
    border-collapse: collapse;
    text-align:center;
}

/* 表格行高 */
.calendar-table tr{
    height: 40px;
    /* margin-bottom: 4px; */
}

.calendar-table tr th,.calendar-table tr td{
    /*display: inline-block;*/
    /*margin: 0 4px 4px 4px ;*/
    /*width: 30px;*/
    /*height: 30px;*/
    cursor: pointer;
}
/* 当前天 颜色特殊显示 */
.currentday {
    color: #fff;
    background: #f05156;
}

/* 本月 文字颜色 */
.currentmonth {
    color: #999;
}

/* 其他月颜色 */
.othermonth{
    color: #ede;
}
/*本月可选日期*/
.cancheckday{
    color:#000!important;
}
.calendar th{
    width: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.calendar-body-box{
    padding: 7px 5px;
}