.time-picker{display:flex;justify-content:center}.time-picker input{text-align:center;vertical-align:middle}.time-picker input[type=number]::-webkit-inner-spin-button,.time-picker input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-picker input[type=number]{-moz-appearance:textfield}.time-picker-area{border-radius:8px}.time-picker-area .select{overflow:hidden;height:120px;width:100%;z-index:100;background:#fff;border:1px solid #afafaf;border-radius:8px;padding:0 0 0 0}.time-picker-area .select .select-inner-area{position:relative}.time-picker-area .select .select-inner-area .time-area{overflow:scroll;height:120px;padding-top:42px;padding-bottom:54px}.time-picker-area .select .select-inner-area ul{list-style-type:none;padding:0}.time-picker-area .select .select-inner-area ul li{padding-top:2px;padding-bottom:2px}.time-picker-area .select .select-inner-area .hour{text-align:center;padding-right:5px}.time-picker-area .select .select-inner-area .hour .hour-item{cursor:pointer}.time-picker-area .select .select-inner-area .minute{text-align:center;padding-left:5px}.time-picker-area .select .select-inner-area .minute .minute-item{cursor:pointer}.time-picker-area .select .select-inner-area .center-line{pointer-events:none;position:absolute;top:42px;width:100%;height:24px;border:1px solid #afafaf;border-width:1px 0 1px 0;padding-left:50%}@media screen and (max-width:480px){.time-picker-area .select .select-inner-area .hour{text-align:center;padding-right:2px}.time-picker-area .select .select-inner-area .minute{text-align:center;padding-right:0;padding-left:8px}}