.xxmi-date-picker{position:relative;font-size:12px;width:360px;height:380px;padding:12px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box}.xxmi-date-picker .date-month-header{height:22px}.xxmi-date-picker .date-month-header .date-month-header-left{float:left}.xxmi-date-picker .date-month-header .date-month-header-right{float:right}.xxmi-date-picker .date-month-header .date-month{height:22px;line-height:22px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.xxmi-date-picker .date-month-header i{display:inline-block;width:22px;height:22px;line-height:22px;padding:0;margin:0;text-align:center}.xxmi-date-picker .week{font-size:0;margin:20px 10px 0 10px;border-bottom:1px solid #dcdfe6}.xxmi-date-picker .week>span{display:inline-block;width:44px;height:33px;font-size:14px;text-align:center}.xxmi-date-picker .date-list{font-size:0;margin:20px 10px 0 10px}.xxmi-date-picker .date-list>div{display:inline-block;width:44px;height:44px;line-height:44px;font-size:14px;text-align:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.xxmi-date-picker .date-list>div>span{display:inline-block;width:30px;height:30px;line-height:30px}.xxmi-date-picker .date-list>div>span.gray{color:#c0c4cc}.xxmi-date-picker .date-list>div>span.highlight{color:#409eff;font-weight:700}.xxmi-date-picker .date-list>div>span:hover{color:#409eff}.xxmi-date-picker .date-list>div>span.active{color:#fff;font-weight:500;background-color:#409eff;border-radius:100%}.xxmi-date-picker .month-box,.xxmi-date-picker .year-box{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px;background-color:#fff;font-size:0}.xxmi-date-picker .month-box .month-list,.xxmi-date-picker .month-box .year-list,.xxmi-date-picker .year-box .month-list,.xxmi-date-picker .year-box .year-list{margin:20px 0 0 0;padding:30px 0;border-top:1px solid #dcdfe6}.xxmi-date-picker .month-box .month-list>span,.xxmi-date-picker .month-box .year-list>span,.xxmi-date-picker .year-box .month-list>span,.xxmi-date-picker .year-box .year-list>span{width:25%;height:50px;display:inline-block;font-size:14px;text-align:center;cursor:pointer}.xxmi-date-picker .month-box .month-list>span.highlight,.xxmi-date-picker .month-box .year-list>span.highlight,.xxmi-date-picker .year-box .month-list>span.highlight,.xxmi-date-picker .year-box .year-list>span.highlight{color:#409eff;font-weight:700}.xxmi-date-picker .month-box .month-list>span:hover,.xxmi-date-picker .month-box .year-list>span:hover,.xxmi-date-picker .year-box .month-list>span:hover,.xxmi-date-picker .year-box .year-list>span:hover{color:#409eff}