.attence-bg[data-v-1673df60]{height:calc(100vh - 3.33333rem)!important;margin-bottom:1.25333rem;background:#f5f5f5;display:flex;flex-direction:column}.attence-bg .top-bg[data-v-1673df60]{width:100%;position:fixed}.attence-bg .top-page[data-v-1673df60]{z-index:1;position:absolute;display:flex;flex-direction:column;top:.53333rem;width:calc(100% - .8rem);height:2.93333rem;border-radius:.21333rem!important;background:#f5f5f5;left:.4rem;overflow:hidden}.attence-bg .top-page .user-info[data-v-1673df60]{display:flex;align-items:center;height:2.93333rem;width:100%;background:#fff}.attence-bg .top-page .user-info .left[data-v-1673df60]{height:100%;width:75%;display:flex;align-items:center}.attence-bg .top-page .user-info .left .head-icon[data-v-1673df60]{flex-shrink:0;margin-left:.37333rem;width:1.28rem;height:1.28rem;border-radius:50%;overflow:hidden}.attence-bg .top-page .user-info .left .info[data-v-1673df60]{margin-left:.18667rem;height:100%}.attence-bg .top-page .user-info .left .info .name[data-v-1673df60]{display:flex;align-items:center;margin-top:.93333rem}.attence-bg .top-page .user-info .left .info .name .userName[data-v-1673df60]{font-size:.4rem;font-weight:400;color:#303133;line-height:.4rem;width:1.33333rem;white-space:nowrap}.attence-bg .top-page .user-info .left .info .name .depart-blue-name[data-v-1673df60]{margin-left:.4rem;font-size:.29333rem;font-weight:400;color:#1296db;line-height:.32rem}.attence-bg .top-page .user-info .left .info .name img[data-v-1673df60]{margin-left:.16rem;width:.48rem;height:.48rem}.attence-bg .top-page .user-info .left .info .depart[data-v-1673df60]{font-size:.26667rem;font-weight:400;color:#909399;line-height:.32rem;margin-top:.21333rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.attence-bg .top-page .user-info .right[data-v-1673df60]{height:100%;width:25%;display:flex;align-items:center;justify-content:flex-end}.attence-bg .top-page .user-info .right .right-info[data-v-1673df60]{margin-right:.21333rem;display:flex;height:100%}.attence-bg .top-page .user-info .right .right-info .month[data-v-1673df60]{font-size:.37333rem;margin-top:.48rem;font-weight:400;color:#303133}.attence-bg .top-page .user-info .right .right-info .apply[data-v-1673df60]{display:flex;flex-direction:column;align-items:center;margin-right:.10667rem;font-size:.29333rem;font-weight:400;color:#303133;line-height:.32rem;margin-top:1.06667rem}.attence-bg .top-page .user-info .right .right-info .apply .apply-icon[data-v-1673df60]{margin-bottom:.08rem;margin-left:.08rem;width:.37333rem;height:.37333rem}.attence-bg .top-page .user-info .right .right-info .todo[data-v-1673df60]{top:.53333rem;display:flex;flex-direction:column;align-items:center;font-size:.29333rem;font-weight:400;color:#303133;line-height:.32rem;margin-top:1.06667rem}.attence-bg .top-page .user-info .right .right-info .todo .todo-icon[data-v-1673df60]{display:flex;flex-direction:column;margin-bottom:.08rem;margin-left:.08rem;width:.37333rem;height:.37333rem;position:relative}.attence-bg .top-page .user-info .right .right-info .todo .todo-icon img[data-v-1673df60]{width:100%;height:100%}.attence-bg .top-page .user-info .right .right-info .todo .todo-icon .todo-num[data-v-1673df60]{display:flex;align-items:center;justify-content:center;line-height:.4rem;position:absolute;top:-.26667rem;padding:.10667rem;width:.4rem;height:.4rem;background:red;font-size:.4rem;-webkit-transform:scale(.55);border-radius:50%;overflow:hidden;color:#fff;text-align:center}.attence-bg .top-page .record-info[data-v-1673df60]{margin-top:.02667rem;background:#fff;height:1.62667rem;width:100%}.attence-bg .top-page .record-info .count[data-v-1673df60]{line-height:.4rem;font-size:.4rem;font-weight:400;color:#303133}.attence-bg .top-page .record-info .name[data-v-1673df60]{line-height:.29333rem;font-size:.29333rem;font-weight:400;margin-top:.13333rem;color:#909399}.attence-bg .bottom-page[data-v-1673df60]{position:absolute;display:flex;margin-bottom:.26667rem;flex-direction:column;top:3.73333rem;width:calc(100% - .8rem);border-radius:.21333rem!important;background:#fff;left:.4rem;overflow:hidden;padding-top:.45333rem}.attence-bg .bottom-page .van-grid-item[data-v-1673df60]{height:1.36rem!important;width:100%;margin-bottom:.05333rem}.attence-bg .bottom-page .van-grid-item .item[data-v-1673df60]{background:#f5f6fa;width:100%;height:1.36rem!important;flex-direction:column;display:flex;display:-webkit-flex;align-items:center;border-radius:.13333rem;margin-bottom:.13333rem}.attence-bg .bottom-page .van-grid-item .item .top[data-v-1673df60]{margin-top:.05333rem;font-size:.37333rem;font-weight:400;color:#242424;line-height:.53333rem;height:.53333rem}.attence-bg .bottom-page .van-grid-item .item .detail[data-v-1673df60]{display:flex;align-items:center;font-size:.29333rem;font-weight:400;color:#6a6a6a;line-height:.53333rem;height:.53333rem}.attence-bg .bottom-page .van-grid-item .item .detail .detail-icon[data-v-1673df60]{width:.48rem;height:.48rem}.attence-bg .bottom-page .button-area[data-v-1673df60]{height:6.93333rem;width:100%;background-color:#fff;position:relative}.attence-bg .bottom-page .button-area .sign-button-logo[data-v-1673df60]{position:absolute;top:.13333rem;left:0;right:0;margin:auto;width:4rem;height:3.46667rem}.attence-bg .bottom-page .button-area .button-bg-L[data-v-1673df60]{position:absolute;margin:auto;top:2.4rem;left:0;right:0;width:3.2rem;height:3.2rem;border-radius:50%;background:#f6c36f}.attence-bg .bottom-page .button-area .button-bg-N[data-v-1673df60]{position:absolute;margin:auto;top:2.4rem;left:0;right:0;width:3.2rem;height:3.2rem;border-radius:50%;background:#bebebe}.attence-bg .bottom-page .button-area .button-bg-W[data-v-1673df60]{position:absolute;margin:auto;top:2.4rem;left:0;right:0;width:3.2rem;height:3.2rem;border-radius:50%;background:#44cc57}.attence-bg .bottom-page .button-area .button-bg-Y[data-v-1673df60]{position:absolute;margin:auto;top:2.4rem;left:0;right:0;width:3.2rem;height:3.2rem;border-radius:50%;background:#5894f7}.attence-bg .bottom-page .button-area .top[data-v-1673df60]{font-size:.48rem;top:3.46667rem}.attence-bg .bottom-page .button-area .bottom[data-v-1673df60],.attence-bg .bottom-page .button-area .top[data-v-1673df60]{color:#fff;line-height:.4rem;position:absolute;text-align:center;margin:auto;left:0;right:0;width:auto;height:auto;pointer-events:none}.attence-bg .bottom-page .button-area .bottom[data-v-1673df60]{top:4.26667rem}.attence-bg .bottom-page .button-area .unauth[data-v-1673df60]{color:#dd524d}.attence-bg .bottom-page .button-area .area-info[data-v-1673df60]{display:flex;position:absolute;margin:auto;left:0;right:0;align-items:center;justify-content:center;top:6.13333rem}.attence-bg .bottom-page .button-area .area-info .statusIcon[data-v-1673df60]{width:.48rem;height:.48rem}.attence-bg .bottom-page .button-area .area-info .info[data-v-1673df60]{margin-left:.16rem;font-weight:400;font-size:.32rem;color:#303133}.attence-bg .bottom-page .button-area .area-info .refresh-info[data-v-1673df60]{background-color:#eaeaea;margin-left:.24rem;color:#03aef3;font-weight:400;font-size:.32rem}.attence-bg .bottom-page .sign-address[data-v-1673df60]{margin-left:.4rem;margin-right:.4rem;margin-bottom:.8rem;font-weight:400;color:#111;line-height:.4rem;font-size:.29333rem;text-align:center}.attence-bg .click-pop[data-v-1673df60]{width:calc(100% - 2.77333rem);height:8rem;overflow:hidden;position:relative}.attence-bg .click-pop .click-view[data-v-1673df60]{width:100%;height:calc(100% - 1.17333rem);display:flex;position:absolute;flex-direction:column}.attence-bg .click-pop .click-view .click-success-logo[data-v-1673df60]{margin:0 auto;margin-top:.02667rem;width:4.16rem;height:4.26667rem;background:#fff}.attence-bg .click-pop .click-view .click-time[data-v-1673df60]{margin-top:.02667rem;font-size:.96rem;font-weight:400;color:#54a3ff;line-height:.96rem;text-align:center}.attence-bg .click-pop .click-view .click-status[data-v-1673df60]{margin-top:.53333rem;font-size:.4rem;font-weight:400;color:#54a3ff;line-height:.53333rem;text-align:center}.attence-bg .click-pop .click-btn[data-v-1673df60]{border-top:.02667rem solid #f0f1f6;top:calc(100% - 1.17333rem);position:absolute;width:100%;height:1.17333rem;text-align:center;font-size:.4rem;font-weight:400;color:#54a3ff;line-height:1.17333rem}.attence-bg .click-pop-face-download[data-v-1673df60]{width:calc(100% - .66667rem);height:5.81333rem;display:flex;flex-direction:column;position:relative;overflow:hidden;background-size:calc(100% - .66667rem) 100%}.attence-bg .click-pop-face-download .top[data-v-1673df60]{height:1.76rem;width:100%;position:relative}.attence-bg .click-pop-face-download .top .group-pop-left[data-v-1673df60]{position:absolute;left:.48rem;top:.4rem;width:1.81333rem;height:.42667rem}.attence-bg .click-pop-face-download .top .group-pop-right[data-v-1673df60]{position:absolute;width:1.68rem;height:1.33333rem;right:0}.attence-bg .click-pop-face-download .top .group-pop-close[data-v-1673df60]{position:absolute;width:.53333rem;height:.53333rem;top:.32rem;right:.48rem}.attence-bg .click-pop-face-download .middle[data-v-1673df60]{margin-top:.05333rem;margin-left:1.12rem;margin-right:1.12rem;font-size:.4rem;font-weight:500;color:#303133;line-height:.8rem}.attence-bg .click-pop-face-download .download[data-v-1673df60]{left:1.12rem;position:absolute;width:calc(100% - 2.24rem);height:.93333rem;bottom:.88rem;text-align:center;font-size:.45333rem;font-weight:400;background:#54a3ff;line-height:.93333rem;color:#fefefe}.attence-bg .change-group-pop[data-v-1673df60]{width:calc(100% - .64rem);display:flex;flex-direction:column;position:relative;overflow:hidden;background-size:calc(100% - .64rem) 100%}.attence-bg .change-group-pop .top[data-v-1673df60]{height:1.76rem;width:100%;position:relative}.attence-bg .change-group-pop .top .group-pop-left[data-v-1673df60]{position:absolute;left:.48rem;top:.4rem;width:2.26667rem;height:.42667rem}.attence-bg .change-group-pop .top .group-pop-right[data-v-1673df60]{position:absolute;width:1.68rem;height:1.33333rem;right:0}.attence-bg .change-group-pop .top .group-pop-close[data-v-1673df60]{position:absolute;width:.53333rem;height:.53333rem;top:.32rem;right:.48rem}.attence-bg .change-group-pop .item[data-v-1673df60]{border-radius:.13333rem;overflow:hidden;height:1.12rem;margin-bottom:.26667rem;margin-left:.88rem;margin-right:.88rem}.attence-bg .change-group-pop .item .item-wrapper-sel[data-v-1673df60]{align-items:center;background:#1296db;display:flex;width:100%;height:100%}.attence-bg .change-group-pop .item .item-wrapper-sel .active-icon[data-v-1673df60]{margin-left:.4rem;width:.53333rem;height:.53333rem}.attence-bg .change-group-pop .item .item-wrapper-sel .active-name[data-v-1673df60]{font-size:.42667rem;font-weight:700;color:#fff;line-height:.61333rem;margin-left:.66667rem}.attence-bg .change-group-pop .item .item-wrapper-unsel[data-v-1673df60]{display:flex;align-items:center;width:100%;height:100%}.attence-bg .change-group-pop .item .item-wrapper-unsel .inactive-icon[data-v-1673df60]{margin-left:.4rem;width:.53333rem;height:.53333rem}.attence-bg .change-group-pop .item .item-wrapper-unsel .inactive-name[data-v-1673df60]{color:#1296db;font-size:.42667rem;font-weight:700;line-height:.61333rem;margin-left:.66667rem}.attence-bg .sign-out-input[data-v-1673df60]{width:calc(100% - .64rem);background-size:calc(100% - .64rem) 100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.attence-bg .sign-out-input .top[data-v-1673df60]{height:1.33333rem;width:100%;position:relative}.attence-bg .sign-out-input .top .sign-out-pop-left[data-v-1673df60]{position:absolute;left:.48rem;top:.4rem;width:2.66667rem;height:.4rem}.attence-bg .sign-out-input .top .sign-out-pop-right[data-v-1673df60]{position:absolute;width:1.68rem;height:1.33333rem;right:0}.attence-bg .sign-out-input .top .sign-out-pop-close[data-v-1673df60]{position:absolute;width:.53333rem;height:.53333rem;top:.32rem;right:.48rem}.attence-bg .sign-out-input .message .top[data-v-1673df60]{display:flex;align-items:center}.attence-bg .sign-out-input .message .top .image-icon[data-v-1673df60]{width:.45333rem;height:.45333rem}.attence-bg .sign-out-input .message .no-border[data-v-1673df60]{margin-bottom:0}.attence-bg .sign-out-input .message .no-border .upload-img .van-uploader__preview[data-v-1673df60]{border-radius:.13333rem;overflow:hidden}.attence-bg .sign-out-input .message .no-border .upload-img .van-uploader__upload[data-v-1673df60]{width:1.76rem;height:1.76rem;background:#fff;border:.02667rem dashed #bfbfbf;border-radius:.13333rem}.attence-bg .sign-out-input .message .no-border .upload-img .van-icon-photograph[data-v-1673df60]:before{content:""!important}.attence-bg .sign-out-input .btn-bottom[data-v-1673df60]{margin-bottom:.53333rem;margin-left:1.09333rem;width:calc(100% - 2.18667rem);height:.90667rem;background:#1296db;border-radius:.13333rem;overflow:hidden;font-size:.45333rem;font-weight:400;color:#fefefe;line-height:1.2rem}