.position-box{position:relative;margin:120px 0 10px}.position-box .hopeBlock{height:8px;position:absolute;top:-15px;background-color:#3480ff}.position-box .usedBlock{height:8px;position:absolute;top:0}.position-box .usedBlock.bg_1{background-color:#3480ff}.position-box .usedBlock.bg_2{background-color:#f6a922}.position-box .usedBlock.bg_3{background-color:red}.color-list{margin-bottom:30px;display:flex;height:8px;background:#edf0f3}.color-list .li{margin-top:10px;width:1px;height:1px;flex-grow:1;position:relative}.color-list .li:before{position:absolute;left:-.5px;top:-10px;content:"";width:1px;height:8px;background:#fff}.color-list .li .hour{position:absolute;left:-5px;display:block;width:10px;font-size:10px;text-align:center}.harf-hour-select{position:absolute;width:100%;top:0;left:0;margin:0;display:flex}.harf-hour-select .harf-hour-select-item{flex:1;height:8px;display:flex;flex-direction:column;justify-content:center;align-items:center}.harf-hour-select .harf-hour-select-item>span{display:block;width:100%;height:100%}.harf-hour-select .harf-hour-select-item>span .inner{width:100%}.harf-hour-select .harf-hour-select-item.over,.harf-hour-select .harf-hour-select-item:hover{background-color:#95b7f2}.harf-hour-select .harf-hour-select-item.checked{background-color:#3480ff}