.clock-container.data-v-15de028e { display: flex; justify-content: center; align-items: center; /* width: 100%; */ } .clock-face.data-v-15de028e { position: relative; border-radius: 50%; background-color: #ffffff; display: flex; justify-content: center; align-items: center; border: 6rpx solid #f5f5f5; } .hour-marker.data-v-15de028e { position: absolute; width: 6rpx; height: 6rpx; border-radius: 50%; background-color: #aaa; top: 50%; left: 50%; -webkit-transform-origin: center; transform-origin: center; } .hour-hand.data-v-15de028e { position: absolute; background-color: #333; bottom: 50%; left: 50%; -webkit-transform-origin: bottom center; transform-origin: bottom center; border-radius: 6rpx; } .minute-hand.data-v-15de028e { position: absolute; background-color: #333; bottom: 50%; left: 50%; -webkit-transform-origin: bottom center; transform-origin: bottom center; border-radius: 4rpx; } .second-hand.data-v-15de028e { position: absolute; background-color: #666; bottom: 50%; left: 50%; -webkit-transform-origin: bottom center; transform-origin: bottom center; border-radius: 2rpx; } .center-point.data-v-15de028e { position: absolute; background-color: #333; border-radius: 50%; z-index: 10; }