/*Plugin:CodehimClock(RealisticAnalogClock)
*Frameworks:jQuery3.3.1
*Author:AsifMughal
*GitHub:https://github.com/CodeHimBlog
*URL:https://www.codehim.com
*License:MITLicense
*Copyright(c)2018-AsifMughal
*//*File:codehim-clock.css*/

/* 宽高尺寸全部固定不要变动，只改这里的缩放比例就可以了 */
.clock-place{transform: scale(.2537);position:relative;transform-origin:0 0;padding:.7rem;background-color:#fff;border-radius: .2rem;overflow: hidden;width:26.4rem;height:26.4rem;box-sizing: border-box;}
.date-box{display:none!important;}
.codehim-clock-dale{width:25.0rem;height:25.0rem;background:#fff;border-radius:50%;margin-left:auto;margin-right:auto;position:absolute;box-sizing:content-box;}
.codehim-clock-dale .original{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);}

.codehim-clock-dale .xlarge{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);}
.codehim-clock-dale .xsmall{transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);}
.number{display:inline-block;width:3.0rem;height:3.0rem;line-height:3.0rem;text-align:center;color:#333;border-radius:50%;font-size:1.3rem;position:absolute;}
.p3,.p6,.p9,.p12{/*background:#555;*/color:#4b322f;font-size:4.2rem;}
.p1{right:7.2rem;margin-right:-1.5rem;top:2.6rem;}
.p2{right:3.8rem;margin-right:-1.5rem;top:6.3rem;}
.p3{top:12.5rem;margin-top:-1.5rem;right:1.0rem;}
.p4{right:3.8rem;margin-right:-1.5rem;bottom:6.3rem;}
.p5{right:7.2rem;margin-right:-1.5rem;bottom:2.6rem;}
.p6{left:12.5rem;margin-left:-1.5rem;bottom:1.0rem;}
.p7{left:7.2rem;margin-left:-1.5rem;bottom:2.6rem;}
.p8{left:3.8rem;margin-left:-1.5rem;bottom:6.3rem;}
.p9{top:12.5rem;margin-top:-1.5rem;left:1.0rem;}
.p10{left:3.8rem;margin-left:-1.5rem;top:6.3rem;}
.p11{left:7.2rem;margin-left:-1.5rem;top:2.6rem;}
.p12{left:12.5rem;margin-left:-1.5rem;top:1.0rem;}
.clock-center{width:2.0rem;height:2.0rem;margin-top:-1.0rem;margin-left:-1.0rem;border-radius:50%;background:#16a085;background:-webkit-linear-gradient(toright,#c89791,#ad7f79);	background:linear-gradient(toright,#c89791,#ad7f79);position:absolute;top:12.5rem;left:12.5rem;z-index:999;border:.1remsolid#ad7f79;box-sizing:border-box;}
/*clockhands*/.seconds-hand,.minutes-hand,.hours-hand{position:absolute;box-shadow:.1rem.1rem.2remrgba(0,0,0,0.4);border-radius:.3rem;}
.seconds-hand{height:10.0rem;width:.2rem;background:red;left:12.5rem;margin-left:-.1rem;top:2.5rem;z-index:110;}
.minutes-hand{height:8.0rem;width:.5rem;background:#000;left:12.5rem;margin-left:-.25rem;top:4.5rem;z-index:100;}
.hours-hand{height:7.0rem;width:.8rem;background:#000;left:12.5rem;margin-left:-.4rem;top:5.5rem;z-index:90;border-left:.1remsolidrgba(255,255,255,0.1);box-sizing:border-box;}
.clock-logo{position:absolute;left:12.5rem;top:12.5rem;width:8.0rem;border-radius:50%;height:8.0rem;padding:1.0rem;margin-left:-4.0rem;margin-top:-4.0rem;text-align:center;background:#fff;color:#16a085;font-size:1.2rem;text-align:center;box-sizing:border-box;		border:.2remsolid#ad7f79;		transform:scale(1.4);z-index:0;}
.clock-logospan{display:block;font-size:.7rem;color:#333;margin-top:2.6rem;}
.point{width:.1rem;height:.6rem;background:#999;display:inline-block;position:absolute;z-index:100;box-sizing:border-box;}
.pt4,.pt9,.pt19,.pt24,.pt34,.pt39,.pt49,.pt54{width:.3rem;height:1.0rem;}
.pt0{top:.1rem;right:10.8rem;}
.pt1{top:.3rem;right:9.6rem;}
.pt2{top:.65rem;right:8.4rem;}
.pt3{top:1.2rem;right:7.2rem;}
.pt4{top:1.8rem;right:6.0rem;}
.pt5{top:2.5rem;right:5.0rem;}
.pt6{top:3.2rem;right:4.2rem;}
.pt7{top:4.0rem;right:3.4rem;}
.pt8{top:4.8rem;right:2.7rem;}
.pt9{top:6.0rem;right:1.95rem;}
.pt10{top:7.2rem;right:1.35rem;}
.pt11{top:8.4rem;right:.8rem;}
.pt12{top:9.5rem;right:.5rem;}
.pt13{top:11.0rem;right:.3rem;}
.pt14{top:12.3rem;right:.3rem;}
.pt15{top:13.4rem;right:.4rem;}
.pt16{top:14.5rem;right:.5rem;}
.pt17{top:15.6rem;right:.8rem;}
.pt18{top:16.9rem;right:1.3rem;}
.pt19{top:18.0rem;right:2.0rem;}
.pt20{bottom:4.9rem;right:2.6rem;}
.pt21{bottom:3.9rem;right:3.5rem;}
.pt22{bottom:3.1rem;right:4.3rem;}
.pt23{bottom:2.4rem;right:5.1rem;}
.pt24{bottom:1.8rem;right:6.1rem;}
.pt25{bottom:1.2rem;right:7.2rem;}
.pt26{bottom:.65rem;right:8.4rem;}
.pt27{bottom:.3rem;right:9.6rem;}
.pt28{bottom:.1rem;right:10.8rem;}
.pt29{bottom:.0rem;right:12.5rem;}
.pt30{bottom:.1rem;left:10.8rem;}
.pt31{bottom:.3rem;left:9.6rem;}
.pt32{bottom:.65rem;left:8.4rem;}
.pt33{bottom:1.2rem;left:7.2rem;}
.pt34{bottom:1.8rem;left:6.1rem;}
.pt35{bottom:2.4rem;left:5.1rem;}
.pt36{bottom:3.1rem;left:4.3rem;}
.pt37{bottom:3.9rem;left:3.5rem;}
.pt38{bottom:4.9rem;left:2.6rem;}
.pt39{top:18.0rem;left:2.0rem;}
.pt40{top:16.9rem;left:1.3rem;}
.pt41{top:15.6rem;left:.8rem;}
.pt42{top:14.5rem;left:.5rem;}
.pt43{top:13.4rem;left:.4rem;}
.pt44{top:12.3rem;left:.3rem;}
.pt45{top:11.0rem;left:.3rem;}
.pt46{top:9.5rem;left:.5rem;}
.pt47{top:8.4rem;left:.8rem;}
.pt48{top:7.2rem;left:1.35rem;}
.pt49{top:6.0rem;left:1.95rem;}
.pt50{top:4.8rem;left:2.7rem;}
.pt51{top:4.0rem;left:3.4rem;}
.pt52{top:3.2rem;left:4.2rem;}
.pt53{top:2.5rem;left:5.0rem;}
.pt54{top:1.8rem;left:6.0rem;}
.pt55{top:1.2rem;left:7.2rem;}
.pt56{top:.65rem;left:8.4rem;}
.pt57{top:.3rem;left:9.6rem;}
.pt58{top:.1rem;left:10.8rem;}
.pt59{top:.0rem;left:12.5rem;}
.dale-inner,.glass-border{border-radius:50%;background:transparent;position:absolute;box-sizing:border-box;}
.dale-inner{border: 0 solid #ab7c76;/*margin:.4rem;*/width:25.0rem;height:25.0rem;box-sizing:border-box;/*box-shadow:inset-.4rem1.4rem2.5remrgba(255,255,255,0.25);*/}
/*v2*/.date-box{background:#666;color:#fff;display:inline-block;position:absolute;width:4.0rem;height:1.6rem;line-height:1.6rem;text-align:center;border-radius:.1rem;border:.1rem solid #444;box-sizing:border-box;font-size:.9rem;top:12.5rem;margin-top:-.8rem;right:4.3rem;z-index:30;}
.date-box .day{background:#e41;padding:.1rem;padding-top:.3rem;}
.date-box .date{line-height:1.6rem;padding-left:.2rem;}
.logo-outer1,.logo-outer{width:8.0rem;height:8.0rem;border:.3rem solid transparent;border-radius:50%;position:absolute;top:12.5rem;margin-top:-4.0rem;right:12.5rem;margin-right:-4.0rem;box-sizing:border-box;}
.logo-outer{animation:spinnerClockWise 4s linear infinite;-webkit-animation:spinnerClockWise 4s linear infinite;border-left:.3rem solid #b38983;display:none;}
.logo-outer1{border-left:.3remsolid#ad7f79;display:none;animation:spinnerAntiClockWise 4s linear infinite;-webkit-animation:spinnerAntiClockWise 4s linear infinite;}
@keyframes spinnerClockWise{from{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@keyframes spinnerAntiClockWise{from{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
to{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes spinnerClockWise{from{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    to{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes spinnerAntiClockWise{from{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
    to{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}