.jhc-hour-needle[data-v-9ca0996e]{z-index:5;left:49%}.jhc-hour-needle[data-v-9ca0996e],.jhc-min-needle[data-v-9ca0996e]{width:6%;height:25%;position:absolute;bottom:47%;-webkit-transform-origin:center bottom;transform-origin:center bottom}.jhc-min-needle[data-v-9ca0996e]{z-index:2;left:51%;background:#509fef;border-radius:8px}.jhc-clock-area[data-v-9ca0996e]{width:400px;height:400px;position:relative}.jhc-clock-title[data-v-9ca0996e]{color:#fff;position:absolute;bottom:10px;width:100%;text-align:center;font-weight:700}.jhc-clock-dot[data-v-9ca0996e]{width:32px;height:32px;border-radius:50%;position:absolute;background-color:#509fef;z-index:20;left:49%;top:48.5%;-webkit-box-shadow:0 0 10px 1px #000;box-shadow:0 0 10px 1px #000}.cssDot[data-v-9ca0996e]{position:absolute;width:24px;height:24px;border-radius:50%;border:1px solid #ccc;text-align:center;line-height:24px;cursor:pointer;background:#fff;z-index:21}.blueColor[data-v-9ca0996e]{color:#4c84fb;border:1px solid #4c84fb}.greenColor[data-v-9ca0996e]{color:#67c23a;border:1px solid #67c23a}.redColor[data-v-9ca0996e]{color:#c23a3a;border:1px solid #c23a3a}.grayColor[data-v-9ca0996e]{color:#ccc;border:1px solid #ccc}.clockLine[data-v-9ca0996e]{display:block;width:216px;height:216px;border-radius:50%;position:absolute;z-index:-1;left:18%;top:20%;border:1px solid #ccc}