/* public/static/style/shizhong.css - 在线时钟最小样式 (模板: shizhong.html, 脚本: pcjs/shizhong.js) */
.box { width: 300px; height: 300px; margin: 0 auto; }
.clock { position: relative; width: 300px; height: 300px; border: 6px solid #333;
  border-radius: 50%; background: #fff; }
.clock-xin, .clock-xin2 { position: absolute; left: 50%; top: 50%; border-radius: 50%;
  transform: translate(-50%, -50%); }
.clock-xin { width: 14px; height: 14px; background: #333; z-index: 4; }
.clock-xin2 { width: 8px; height: 8px; background: #c00; z-index: 5; }
.hour, .min, .sec { position: absolute; left: 50%; bottom: 50%; transform-origin: 50% 100%;
  border-radius: 3px; }
.hour { width: 8px; height: 70px; margin-left: -4px; background: #333; z-index: 1; }
.min { width: 6px; height: 105px; margin-left: -3px; background: #666; z-index: 2; }
.sec { width: 2px; height: 125px; margin-left: -1px; background: #c00; z-index: 3; }
.date { position: absolute; left: 0; right: 0; top: 62%; text-align: center;
  font-size: 14px; color: #333; }