.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:270px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;-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:56px;text-align:center;height:30px;line-height:30px;margin-right:10px;margin-left:10px;margin-top:8px;margin-bottom:8px;border-radius:5px}.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:#d4e8fa;color:#fff;cursor:pointer}.month-range-class .monthPanpel .monthPanpel-right{border-left:1px solid #ddd}