@keyframes heightChange-4be48e79{0%{opacity:0}to{opacity:1}}.wrapper[data-v-4be48e79]{padding-bottom:1.33333rem;min-height:100vh;background-color:#f8f8fa}.wrapper .bg[data-v-4be48e79]{height:2.68rem;background-image:url(https://i.tmuyun.com/webpic/W0202404/W020240424/W020240424520597979871.png);background-size:100% 100%}.wrapper .main[data-v-4be48e79]{margin-top:-2.26667rem;padding:0 .4rem}.wrapper .main .top[data-v-4be48e79]{padding:.42667rem;background-color:#fff;box-shadow:0 0 .53333rem hsla(0,0%,61.6%,.18);border-radius:.32rem}.wrapper .main .top .info[data-v-4be48e79]{display:flex}.wrapper .main .top .info .avatar[data-v-4be48e79]{margin-right:.49333rem;width:1.52rem;height:1.52rem;border-radius:50%;background-size:100% 100%}.wrapper .main .top .info .text[data-v-4be48e79]{padding-top:.25333rem;height:1.52rem;font-family:PingFang SC}.wrapper .main .top .info .text .name[data-v-4be48e79]{margin-bottom:.10667rem;line-height:.6rem;font-size:.42667rem;color:#000}.wrapper .main .top .info .text .job[data-v-4be48e79]{line-height:.44rem;font-size:.32rem;color:#999}.wrapper .main .top .func[data-v-4be48e79]{display:flex;align-items:center;margin-top:.37333rem;font-family:PingFang SC}.wrapper .main .top .func .item[data-v-4be48e79]{flex:1}.wrapper .main .top .func .item .icon[data-v-4be48e79]{margin:0 auto;width:.56rem;height:.56rem;background-size:100% 100%}.wrapper .main .top .func .item .name[data-v-4be48e79]{margin-top:.21333rem;text-align:center;line-height:.38667rem;font-size:.32rem;color:#333}.wrapper .main .top .func .item:first-child .icon[data-v-4be48e79]{background-image:url(https://i.tmuyun.com/webpic/W0202407/W020240723/W020240723614705729526.png)}.wrapper .main .top .func .item:nth-child(2) .icon[data-v-4be48e79]{background-image:url(https://i.tmuyun.com/webpic/W0202407/W020240723/W020240723614705311311.png)}.wrapper .main .top .func .item:nth-child(3) .icon[data-v-4be48e79]{background-image:url(https://i.tmuyun.com/webpic/W0202407/W020240723/W020240723614705513369.png)}.wrapper .main .top .func .item:nth-child(4) .icon[data-v-4be48e79]{background-image:url(https://i.tmuyun.com/webpic/W0202407/W020240723/W020240723614705092174.png)}.wrapper .main .top .func .item:last-child .icon[data-v-4be48e79]{background-image:url(https://i.tmuyun.com/webpic/W0202407/W020240723/W020240723614704857016.png)}.wrapper .main .clock[data-v-4be48e79]{overflow:hidden;margin-top:.37333rem;padding:0 0 .66667rem;border-radius:.32rem;font-family:PingFang SC}.wrapper .main .clock .empty[data-v-4be48e79]{margin-top:.4rem;text-align:center;font-size:.4rem}.wrapper .main .clock .item>div[data-v-4be48e79]{animation:heightChange-4be48e79 .2s linear forwards;animation-delay:calc(var(--i)*0.1s)}.wrapper .main .clock .item.hasClocked>div[data-v-4be48e79]:before{background-color:#1f87fc}.wrapper .main .clock .normal[data-v-4be48e79]{position:relative;margin-left:.66667rem;margin-bottom:.37333rem;padding:.42667rem;background-color:#fff;box-shadow:0 .02667rem .18667rem hsla(0,0%,39.6%,.1);border-radius:.32rem;opacity:0}.wrapper .main .clock .normal[data-v-4be48e79]:before{position:absolute;top:calc(50% - .12rem);left:-.6rem;display:block;content:"";width:.24rem;height:.24rem;background-color:#ccc;border-radius:50%}.wrapper .main .clock .normal .type[data-v-4be48e79]{margin-bottom:.13333rem;line-height:.44rem;font-size:.32rem;color:#999}.wrapper .main .clock .normal .time[data-v-4be48e79]{margin-bottom:.13333rem;line-height:.53333rem;font-size:.37333rem;color:#1481ff}.wrapper .main .clock .normal .position[data-v-4be48e79]{display:flex;align-items:center;height:.38667rem;font-size:.28rem;color:#b7b7b7}.wrapper .main .clock .normal .position .icon[data-v-4be48e79]{margin-right:.08rem;width:.25333rem;height:.30667rem;background-image:url(https://i.tmuyun.com/webpic/W0202404/W020240424/W020240424414679173378.png);background-size:100% 100%}.wrapper .main .clock .normal .status[data-v-4be48e79]{top:.42667rem;right:0;position:absolute;width:1.36rem;height:.54667rem;line-height:.54667rem;text-align:center;background-color:#65acff;border-radius:.13333rem 0 0 .13333rem;font-weight:500;font-size:.32rem;color:#fff}.wrapper .main .clock .normal .status.late[data-v-4be48e79]{background-color:#e6a23c}.wrapper .main .clock .normal .status.sLate[data-v-4be48e79]{background-color:#ff4848}.wrapper .main .clock .normal .status.lack[data-v-4be48e79]{background-color:#8866fb}.wrapper .main .clock .normal .timeRange[data-v-4be48e79]{font-size:.32rem;color:#1481ff;line-height:.48rem}.wrapper .main .clock .control[data-v-4be48e79]{position:relative;margin-left:.66667rem;margin-bottom:.37333rem;padding:.53333rem .42667rem .8rem;background-color:#fff;box-shadow:0 .02667rem .18667rem hsla(0,0%,39.6%,.1);border-radius:.32rem;opacity:0}.wrapper .main .clock .control[data-v-4be48e79]:before{position:absolute;top:calc(50% - .12rem);left:-.6rem;display:block;content:"";width:.24rem;height:.24rem;background-color:#1f87fc;border-radius:50%}.wrapper .main .clock .control .timeRange[data-v-4be48e79]{margin-bottom:.66667rem;font-size:.32rem;color:#1481ff;line-height:.48rem}.wrapper .main .clock .control .btnWrapper[data-v-4be48e79]{display:flex;align-items:center;justify-content:center;margin:0 auto;width:3.86667rem;height:3.86667rem;background-color:rgba(101,172,255,.2);border-radius:50%}.wrapper .main .clock .control .btnWrapper.out[data-v-4be48e79]{background-color:rgba(255,151,48,.2)}.wrapper .main .clock .control .btnWrapper.out button[data-v-4be48e79]{background-color:#ff9730}.wrapper .main .clock .control .btnWrapper button[data-v-4be48e79]{width:3.28rem;height:3.28rem;background-color:#65acff;border-radius:50%;border:none;font-size:.42667rem}.wrapper .main .clock .control .btnWrapper button .type[data-v-4be48e79]{font-size:.48rem;margin-bottom:.26667rem;font-weight:700}.wrapper .main .clock .control .position[data-v-4be48e79]{margin-top:.53333rem;text-align:center;line-height:.33333rem;font-size:.28rem;color:grey}.wrapper .main .clock .control .position .btn[data-v-4be48e79]{margin-left:.13333rem;color:#1481ff}