#punchRecord{height:calc(100vh - 56px);overflow:auto;box-sizing:border-box;border:14px solid #f9f9f9;padding:0!important}#punchRecord .time-select input{padding-right:20px}#punchRecord .header{border-bottom:14px solid #f9f9f9;padding:8px 14px}#punchRecord .type{display:inline-block;line-height:1;font-size:12px;padding:2px;color:#fff;text-align:center;border-radius:2px;border:1px solid var(--color-primary,#4076ff);color:var(--color-primary,#4076ff)}#punchRecord .type-free{border-color:#35cfb3;color:#35cfb3}#punchRecord .info{flex-wrap:wrap;background-color:#fafbff;margin:6px 14px;max-height:80px;padding:6px 0;overflow:auto}#punchRecord .info .setFormLabel{word-break:break-all;box-sizing:border-box;padding-left:74px}#punchRecord .info .setFormLabel:before{top:0;transform:none}#punchRecord .info .setFormLabel:after{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background-color:var(--color-primary,#4076ff)}#punchRecord .info .setFormLabel:nth-child(3n),#punchRecord .info .setFormLabel:nth-child(3n-1),#punchRecord .info .setFormLabel:nth-child(3n-2){width:40%;margin-right:2%}#punchRecord .punchRecord-table{margin:20px 14px 0}