.month-range-class{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.month-range-class,.month-range-class .monthPanpel{display:-webkit-box;display:-ms-flexbox;display:flex}.month-range-class .monthPanpel .monthPanpel-left,.month-range-class .monthPanpel .monthPanpel-right{width:196px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.month-range-class .monthPanpel .monthPanpel-left .monthPanpel-left-cell,.month-range-class .monthPanpel .monthPanpel-left .monthPanpel-right-cell,.month-range-class .monthPanpel .monthPanpel-right .monthPanpel-left-cell,.month-range-class .monthPanpel .monthPanpel-right .monthPanpel-right-cell{width:40px;text-align:center;cursor:pointer;height:28px;line-height:28px;margin:10px 9px;border-radius:3px}.month-range-class .monthPanpel .monthPanpel-left .monthPanpel-left-cell:hover,.month-range-class .monthPanpel .monthPanpel-left .monthPanpel-right-cell:hover,.month-range-class .monthPanpel .monthPanpel-right .monthPanpel-left-cell:hover,.month-range-class .monthPanpel .monthPanpel-right .monthPanpel-right-cell:hover{background:#f3f3f3;color:#606266}.month-range-class .monthPanpel .monthPanpel-right{border-left:1px solid #ddd}