.outside-click-container{width:300px;height:405px;position:absolute;opacity:1;z-index:2;top:100%;left:0}.picker-point{left:50%;cursor:pointer;position:absolute;width:30px;height:30px;text-align:center;line-height:30px;border-radius:50%}.picker-point.current{background-color:#3498db;color:#fff!important;transition:all .4s cubic-bezier(.165,.84,.44,1)}.picker-point.point-outter{top:10px;color:#5f5f5f;transform-origin:center 115px}.picker-point.point-inner{top:40px;color:#a7a7a7;transform-origin:center 90px}#picker-pointer-container{opacity:1;transition:all .3s cubic-bezier(.165,.84,.44,1)}#picker-pointer-container.animation{opacity:0;transform:scale3d(.85,.85,1)}.interval-container{transform:translateY(-150%);transition:all .3s cubic-bezier(.165,.84,.44,1)}.time-picker-interval{cursor:pointer}.time-picker-interval.active{color:#3498db;cursor:default}.time-picker-interval:hover{color:#3498db}.time-picker-modal-container{width:250px;opacity:1;z-index:2;padding:25px;transition:all .4s cubic-bezier(.165,.84,.44,1);background-color:#fff;border-radius:2px;top:100%;left:0;transform:translateY(20px);box-shadow:0 4px 4px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.08)}.time-picker-modal-container:hover{box-shadow:0 8px 8px 0 rgba(0,0,0,.12),0 0 8px 0 rgba(0,0,0,.08)}.time-picker-modal-header{height:80px;line-height:40px;text-align:center;font-size:2.5em;position:relative}.time-picker-modal-header .time-picker-header{cursor:pointer}.time-picker-modal-header .time-picker-header.active{color:#3498db;cursor:default}.time-picker-modal-header .time-picker-header:hover{color:#3498db}.picker-container{width:250px;height:250px;border-radius:50%;background-color:#e5e5e5;position:relative}.picker-center{top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.picker-center,.picker-pointer{position:absolute;left:50%;background-color:#3498db}.picker-pointer{width:4px;height:110px;top:20px;transform-origin:center bottom}.picker-pointer.animation{transition:all .4s cubic-bezier(.165,.84,.44,1)}.time-picker-container{position:relative}.time-picker-preview{position:relative;cursor:pointer;height:50px;width:300px;color:#343434;border-radius:2px;background-color:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 4px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.08)}.time-picker-preview.active,.time-picker-preview:hover{box-shadow:0 8px 8px 0 rgba(0,0,0,.12),0 0 8px 0 rgba(0,0,0,.08)}.time-picker-preview.active{color:#fff;background-color:#3498db}.preview-container{position:absolute;top:50%;left:50%;height:40px;line-height:40px;transform:translate(-50%,-50%);font-size:2rem}