*{
    padding: 0%;
    margin: 0%;
}

html, body{
    background:#f2f2f2;
}
.dateWidget {
    z-index: 999;
    position: fixed;
    bottom: 30px;
    left: 0;
    width: 100%;
    /*height: 260px;*/
    background-color: #fcfcfc;
    border-top: 1px solid #e5e5e5;
    display: none;
}

.calendar{
    /*margin: 45px;*/
    width: 100%;
    height: 350px;
    background: white;
    box-shadow: 0px 1px 1px rgba(0,0,0,.1);
}

.title{
    height: 70px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: relative;
    text-align: center;
}

#calendar-title{
    font-size: 25px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    padding: 14px 0 0 0;
}

#calendar-year{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#pre{
    position: absolute;
    top: 0px;
    left: 0px;
    /*background: url(prev.png) no-repeat 50% 50%;*/

    /*没规定大小时，图片显示 0X0*/
    width: 60px;
    height: 70px;
    line-height: 70px;
}

#next{
    position: absolute;
    top: 0px;
    right: 0px;
    /*background: url(next.png) no-repeat 50% 50%;*/
    width: 60px;
    height: 70px;
    line-height: 70px;
}

.body-list ul{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;

}

.body-list ul li{
    list-style: none;
    display: block;
    width: 14.28%;
    float: left;

    /*规定行高，垂直居中*/
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;

}
.body-list ul li button{
    /*list-style: none;*/
    display: block;
    width: 100%;
    float: left;
    /*规定行高，垂直居中*/
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;
}


.green{
    color:#6ac13c;
}

.lightgrey{ /*浅灰色显示过去的日期*/
    /*color:#a8a8a8;*/
}
.darkgrey{ /*深灰色显示将来的日期*/
    color:#565656;
}

/*日期当天用绿色背景绿色文字加以显示*/
.greenbox{
    /*border: 1px solid #6ac13c;*/
    background: #6ac13c;
}
.body-list ul li.greenbox button{
    background: #6ac13c;
    color: #fff;
}