[data-v-644c4171]:root{--baseColorTheme:#3663e1;--baseColorThemeLight:#4a73e4;--baseColorThemeDeep:#3159ca;--baseBlueLinear:linear-gradient(89.86deg,#5581ff 0.01%,#0042e1 99.96%);--baseColorBoxShadowSmall:0px 6px 8px rgba(54,99,225,0.3)}.attendance-day[data-v-644c4171]{height:calc(100% - 84px);display:flex;flex-direction:column;background:#fff}.attendance-day .date_title[data-v-644c4171]{width:100%;height:54px;border-radius:12px 12px 0 0;background-color:#fff;margin-bottom:2px;text-align:center;line-height:54px;color:#3a3a3a;font-family:SysFontM}.attendance-day .date_title span.date[data-v-644c4171]{font-family:SysFontM;font-size:16px;color:#3a3a3a}.attendance-day .content[data-v-644c4171]{width:100%;height:calc(100% - 56px);display:flex;flex-direction:column}.attendance-day .content .list_circle[data-v-644c4171]{width:100%;height:132px;background-color:#fff;overflow:hidden;border-radius:0 0 12px 12px}.attendance-day .content .list_circle .circle[data-v-644c4171]{width:254px;height:149px;border-radius:6px;box-sizing:border-box;color:#fff;float:left;padding:18px;margin-left:6px}.attendance-day .content .list_circle .circle[data-v-644c4171]:first-child{background:url(../img/day_rate_bg.78f47470.png) no-repeat 0 0;background-size:100% 100%}.attendance-day .content .list_circle .circle[data-v-644c4171]:nth-child(2){background:url(../img/day_absence_bg.b426fbb9.png) no-repeat 0 0;background-size:100% 100%;margin-left:-12px}.attendance-day .content .list_circle .circle p[data-v-644c4171]{width:100%;float:left;padding-left:24px}.attendance-day .content .list_circle .circle p span[data-v-644c4171]{display:block}.attendance-day .content .list_circle .circle p .value[data-v-644c4171]{font-family:AkrobatMedium;line-height:40px;font-size:32px;padding:20px 0 4px 0}.attendance-day .content .list_circle .circle p .value i[data-v-644c4171]{font-style:normal;font-size:16px}.attendance-day .content .list_circle .circle p .label[data-v-644c4171]{font-size:16px;line-height:22px;font-family:SysFontR;color:hsla(0,0%,100%,.8)}.attendance-day .content .people[data-v-644c4171]{box-sizing:border-box;padding:24px 0 0 24px;flex:1;border-radius:12px;background-color:#fff;margin-top:16px;overflow:hidden;overflow-y:auto}.attendance-day .content .people .type[data-v-644c4171]{font-family:SysFontM;font-size:16px;line-height:22px;margin-bottom:16px;width:100%;clear:both}.attendance-day .content .people .list[data-v-644c4171]{display:flex;flex-wrap:wrap;width:calc(100% + 24px)}.attendance-day .content .people .list .list_item[data-v-644c4171]{margin:0 24px 24px 0}.attendance-day .noClock[data-v-644c4171]{background-color:#ff7676;color:#fff}