.attence-bg[data-v-1b177c53]{position:relative;background:#f5f5f5}.attence-bg .top-bg[data-v-1b177c53]{width:100%;position:fixed}.attence-bg .top-page[data-v-1b177c53]{position:absolute;display:flex;flex-direction:column;top:2.4rem;width:calc(100% - .8rem);height:3.68rem;border-radius:.26667rem;background:#f5f5f5;left:.4rem}.attence-bg .top-page .user-info[data-v-1b177c53]{display:flex;align-items:center;height:2.02667rem;width:100%;background:#fff}.attence-bg .top-page .user-info .left[data-v-1b177c53]{height:100%;width:80%;display:flex;align-items:center}.attence-bg .top-page .user-info .left .head-icon[data-v-1b177c53]{margin-left:.37333rem;width:1.28rem;height:1.28rem}.attence-bg .top-page .user-info .left .info[data-v-1b177c53]{margin-left:.18667rem;height:100%}.attence-bg .top-page .user-info .left .info .name[data-v-1b177c53]{margin-top:.48rem;font-size:.4rem;font-weight:400;color:#303133;line-height:.4rem}.attence-bg .top-page .user-info .left .info .depart[data-v-1b177c53]{font-size:.29333rem;font-weight:400;color:#909399;line-height:.29333rem;margin-top:.32rem}.attence-bg .top-page .user-info .right[data-v-1b177c53]{height:100%;width:20%;display:flex;align-items:center}.attence-bg .top-page .user-info .right .right-info[data-v-1b177c53]{margin-left:.42667rem;height:100%}.attence-bg .top-page .user-info .right .right-info .month[data-v-1b177c53]{font-size:.37333rem;font-weight:400;color:#303133;line-height:.37333rem;margin-top:.48rem}.attence-bg .top-page .user-info .right .right-info .apply[data-v-1b177c53]{display:flex;align-items:center;font-size:.32rem;font-weight:400;color:#303133;line-height:.32rem;margin-top:.32rem}.attence-bg .top-page .user-info .right .right-info .apply .apply-icon[data-v-1b177c53]{margin-left:.08rem;width:.37333rem;height:.37333rem}.attence-bg .top-page .record-info[data-v-1b177c53]{margin-top:.02667rem;background:#fff;height:1.62667rem;width:100%}