.ui-calendar {
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    position: absolute;
    color: #666;
    font-family: arial, 'Hiragino Sans GB', sans-serif;
    position: absolute;
}

.ui-calendar ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #fff;
    width: 210px;
}

.ui-calendar li {
    list-style: none;
    float: left;
    width: 30px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
}

.ui-calendar li:hover,
.ui-calendar-pannel span:hover,
.ui-calendar-toolbar a:hover {
    background-color: #f2f2f2;
}

.ui-calendar-pannel span {
    cursor: pointer;
    display: block;
    float: left;
    width: 30px;
    text-align: center;
    height: 36px;
    line-height: 36px;
}

.ui-calendar-pannel .month,
.ui-calendar-pannel .year {
    /* width: 40px; */
    width: 46%;
}

.ui-calendar-pannel .month {
    width: 50px;
}

.ui-calendar-toolbar {
    border-top: 1px solid #ccc;
}

.ui-month-list,
.ui-year-list {
    display: none;
    /* position: absolute;
    top: 30px;
    left: -1px; */
    height: 160px;
    width: 100%;
    background-color: #fff;
    /* border: 1px solid #ccc; */
}

.ui-month-list .current,
.ui-year-list .current {
    color: #F86852;
    font-weight: 500;
    background-color: #FDEDEB ;
}

.ui-month-list div,
.ui-year-list div {
    cursor: pointer;
    float: left;
    margin: 6px;
    width: 40px;
    height: 40px;
    line-height: 3;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border: none;
    border-radius: 2px;
    line-height: 40px;

    font-size: 14px;
    font-weight: 500;
    color: #B5B5B5;
    background-color: #FAFAFA;
}

.ui-month-list div:hover,
.ui-year-list div:hover {
    color: #F86852;
    background-color: #FDEDEB;
}

.ui-calendar-toolbar a {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 51px;
    text-align: center;
    border-right: 1px solid #ccc;
}

.ui-calendar-toolbar a.ui-calendar-close {
    border-right-width: 0;
}

.ui-calendar-time {
    margin: 0 auto;
    text-align: center;
    padding: 3px;
}

.ui-calendar-time a {
    display: inline-block;
    padding: 2px 3px;
    cursor: pointer;
}

.preday,
.nextday,
.prevtenyear,
.nexttenyear {
    color: #999;
}

.calendar-header {}

.calendar-header b {
    width: 30px;
    float: left;
    display: block;
    text-align: center;
}

.ui-calendar li.focus {
    background-color: #288df0;
    color: #FFF;
}

.ui-calendar li.disabled {
    background-color: #ccc;
}

.clearfix:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    content: '.';
    zoom: 1;
}

.clearfix {
    display: block;
    zoom: 1;
}