.appointment-board .date-list{display:flex;overflow:auto;width:100%}.appointment-board .date-list .date-item{display:flex;flex-direction:column;min-width:100px;align-items:center;margin-right:5px}.appointment-board .date-list .date-item .date-title{font-weight:500;margin-bottom:10px}.appointment-board .date-list .date-item .time-range-item{cursor:pointer;margin-bottom:5px;background:#dcf3ff;padding:5px 15px;font-size:12px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.appointment-board .date-list .date-item .disabled{cursor:not-allowed;background:#f2f2f2}.appointment-board .date-list .date-item .selected{color:#fff;background:#246ae3}