.digital-clock{position:relative;color:#fff;background:#2e2e44;width:425px;padding:20px 45px;box-shadow:0 5px 25px #0e1525cc;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.dc_time{position:relative;display:flex;justify-content:center;align-items:center}.dc_hours,.dc_dots,.dc_minutes{display:flex;justify-content:center;align-items:center;font-weight:600;padding:0 10px;line-height:125px}.dc_hours,.dc_minutes{font-size:6.5em;width:125px}.dc_dots{font-size:5em;color:#929292}.dc_hours{background:-webkit-linear-gradient(90deg,#634dff,#5fd4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dc_minutes{background:-webkit-linear-gradient(90deg,#ff5e9e,#ffb960);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dc_right-side{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:10px}.dc_period,.dc_seconds{font-size:1.2em;font-weight:500}.dc_period{transform:translateY(-20px);background:-webkit-linear-gradient(90deg,#f7b63f,#faf879);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dc_seconds{transform:translateY(16px);background:-webkit-linear-gradient(90deg,#24ff6d,#2f93f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dc_calender{display:flex;justify-content:center;align-items:center;font-size:1.3em;font-weight:500;margin-bottom:5px;background:-webkit-linear-gradient(90deg,#ae4af6,#ff98d1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.day-name{margin-left:8px}.wrapper{width:400px}.f1{fill:#2cb397}.f2{fill:#fff}.jqClockBox{width:400px;height:400px;border:10px solid #8bf2f1;border-radius:50%;box-shadow:0 0 20px 3px #444 inset;position:relative}.origin{width:20px;height:20px;border-radius:50%;background:red;top:190px;left:190px;position:absolute}.clock_line{position:absolute;z-index:20}.hour_line{width:100px;height:4px;top:198px;left:200px;background-color:#000;border-radius:2px;transform-origin:0 50%;box-shadow:1px -3px 8px 3px #aaa}.minute_line{width:130px;height:2px;top:199px;left:190px;background-color:#000;transform-origin:7.692% 50%;box-shadow:1px -3px 8px 1px #aaa}.second_line{width:170px;height:1px;top:199.5px;left:180px;background-color:#f60;transform-origin:11.765% 50%;box-shadow:1px -3px 7px 1px #bbb}.jqdot_box{width:inherit;height:inherit}.jqdot{width:40px;height:40px;line-height:40px;text-align:center;font-size:22px;position:absolute}.clock-scale{width:195px;height:2px;transform-origin:0% 50%;z-index:7;position:absolute;top:199px;left:200px}.scale-show{width:12px;height:2px;background-color:#555;float:left}.scale-hidden{width:183px;height:2px;float:left}.date_info{width:170px;height:28px;line-height:28px;text-align:center;position:absolute;top:230px;left:117px;z-index:11;color:#555;font-weight:700}.time_info{width:110px;height:35px;line-height:35px;text-align:center;position:absolute;top:270px;left:150px;z-index:11;color:#555;background:#253e3e}.jqTime{width:35px;height:35px;float:left;color:#fff;font-size:22px}#minute_time{border-left:1px solid #fff;border-right:1px solid #fff}#douyinClock{position:relative;width:100%;height:100%}.douyinLabel{position:absolute;top:50%;left:50%;display:inline-block;color:#4d4d4d;text-align:center;padding:0 5px;font-size:19px;transition:all 1s;transform:translate(-50%,-50%);transform-origin:0% 0%}.douyinNnow{color:#fff}.xiguaClockFace{display:flex;justify-content:center;align-items:center;width:70vmin;height:70vmin;border-radius:50%;position:relative;background:radial-gradient(ellipse at center,#ec7277,#ec7277 60%,#e1ecde calc(60% + 1px) 63%,#079554 calc(63% + 1px) 68%,#056e3e calc(68% + 1px));box-shadow:-.3vmin -.3vmin .1vmin #e1ecde,3vmin 3vmin .1vmin #44a7ac}.xiguaClockFace:after{content:"";display:block;width:3.5vmin;height:3.5vmin;border-radius:50%;background-color:#f8ccce;position:absolute}.xiguaClockQuarter{height:80%;width:80%;position:absolute}.xiguaClockQuarter div{height:10%;width:2.4%;border-radius:1vmin;background-color:#c41a21;position:absolute}.xiguaClockQuarter div:nth-child(2n){top:45%;transform:rotate(90deg)}.xiguaClockQuarter div:nth-child(odd){left:48.8%}.xiguaClockQuarter div:nth-child(1){top:0}.xiguaClockQuarter div:nth-child(2){right:3%}.xiguaClockQuarter div:nth-child(3){bottom:0}.xiguaClockQuarter div:nth-child(4){left:3%}.xiguaClockSeeds{width:85%;height:85%;border-radius:50%;overflow:hidden;position:relative}.xiguaClockSeeds div{display:block;height:3.5vmin;width:2vmin;background-color:#e32f36;border-radius:50%/60% 60% 40% 40%;position:absolute}.xiguaClockSeeds div:nth-child(1){top:34%;left:6%;transform:rotate(187deg)}.xiguaClockSeeds div:nth-child(2){top:11%;left:12%;transform:rotate(293deg)}.xiguaClockSeeds div:nth-child(3){top:22%;left:18%;transform:rotate(292deg)}.xiguaClockSeeds div:nth-child(4){top:38%;left:24%;transform:rotate(145deg)}.xiguaClockSeeds div:nth-child(5){top:70%;left:30%;transform:rotate(137deg)}.xiguaClockSeeds div:nth-child(6){top:35%;left:36%;transform:rotate(64deg)}.xiguaClockSeeds div:nth-child(7){top:38%;left:42%;transform:rotate(65deg)}.xiguaClockSeeds div:nth-child(8){top:47%;left:48%;transform:rotate(153deg)}.xiguaClockSeeds div:nth-child(9){top:43%;left:54%;transform:rotate(165deg)}.xiguaClockSeeds div:nth-child(10){top:2%;left:60%;transform:rotate(139deg)}.xiguaClockSeeds div:nth-child(11){top:56%;left:66%;transform:rotate(317deg)}.xiguaClockSeeds div:nth-child(12){top:48%;left:72%;transform:rotate(72deg)}.xiguaClockSeeds div:nth-child(13){top:22%;left:78%;transform:rotate(217deg)}.xiguaClockSeeds div:nth-child(14){top:54%;left:84%;transform:rotate(208deg)}.xiguaClockSeeds div:nth-child(15){top:36%;left:90%;transform:rotate(123deg)}.xiguaClockHands div{position:absolute;bottom:50%;border-radius:1vmin;transform-origin:50% 100%;transform:rotate(0)}.xiguaClockHands div.h{height:27%;width:2.4%;left:48.8%;background-color:#6f0f13}.xiguaClockHands div.m{height:40%;width:2.4%;left:48.8%;background-color:#a0161b}.xiguaClockHands div.s{height:50%;width:1%;left:49.5%;bottom:40%;transform-origin:50% 80%;background-color:#f8ccce}