.detail[data-v-9ce8a432]{margin:0 auto;width:1280px;height:100vh;box-sizing:border-box}.detail-header[data-v-9ce8a432]{height:40px;line-height:40px;padding:0 12px;font-size:12px;border-bottom:1px solid #e0e0e0}.detail-header-item[data-v-9ce8a432]{margin:10px 0;height:20px;line-height:20px;font-size:14px;color:#4d4d4d;cursor:text;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-headertitle[data-v-9ce8a432]{display:inline-block}.detail-header-icon[data-v-9ce8a432]{display:inline-block;margin:0 10px;color:#999;margin-top:6}.page-content[data-v-9ce8a432]{margin-top:40px}.page-data-card[data-v-9ce8a432]{width:100%;height:230px;padding:0 12px;display:flex}.left-content-img[data-v-9ce8a432]{flex:none;float:left;width:360px;height:230px;background:url(../img/course-attendance.03b2da93.png) 50% no-repeat}.right-content-info[data-v-9ce8a432]{float:left;flex:1;border:1px solid #eee;border-radius:2px;background:#fff;display:flex;justify-content:space-around;flex-direction:column}.content-chart[data-v-9ce8a432]{margin-left:34px;display:flex}.content-chart .chart[data-v-9ce8a432]{width:64px;height:64px}.chart.donut[data-v-9ce8a432]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.daokelv[data-v-9ce8a432]{padding-left:40px;height:64px;display:flex;flex-direction:column}.daokelv-text[data-v-9ce8a432],.daokelv[data-v-9ce8a432]{font-size:12px;color:rgba(0,0,0,.4);letter-spacing:0;line-height:18px}.daokelv-nub-num[data-v-9ce8a432]{font-size:28px;color:rgba(0,0,0,.9);letter-spacing:0;line-height:42px;margin-right:12px}.attendace-num[data-v-9ce8a432]{margin-left:22px}.attendace-line[data-v-9ce8a432]{margin-left:40px;align-self:flex-end;height:64px;font-size:28px;color:rgba(0,0,0,.9);letter-spacing:0;line-height:3;margin-right:12px}.content-chart-text[data-v-9ce8a432]{font-size:14px;color:rgba(0,0,0,.4);letter-spacing:0;line-height:20px;display:flex;justify-content:flex-start}.short-port[data-v-9ce8a432]{width:20%}.aoto-port[data-v-9ce8a432]{width:30%}.attendace-info-item-lable .circle[data-v-9ce8a432]{width:8px;height:8px;margin-right:4px;border-radius:50%;display:inline-block;border:2px solid #00b4b4}.attendace-info-item[data-v-9ce8a432]{margin-left:40px;display:flex;flex-direction:column}.attendace-info-item-msg[data-v-9ce8a432]{margin-top:6px;font-size:14px;color:rgba(0,0,0,.9);letter-spacing:0;line-height:24px}.attendance-status[data-v-9ce8a432]{margin-left:5px;padding:0 8px;border-radius:2px;font-size:14px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top;display:inline-block;height:24px;color:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.12);background-color:rgba(0,0,0,.04)}.attendace-table[data-v-9ce8a432]{margin-top:20px;margin-bottom:20px;padding:0 12px}.attendace-table-action[data-v-9ce8a432]{display:flex;justify-content:space-between}.attendace-table-content[data-v-9ce8a432]{text-align:center;margin-top:10px;margin-bottom:10px}.attendace-image[data-v-9ce8a432]{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;background-color:rgba(26,26,26,.9)}.attendace-image-info[data-v-9ce8a432]{padding:32px 88px 0 24px}.attendace-image-titel[data-v-9ce8a432]{color:#ffe;font-size:16px;height:24px;line-height:24px;font-weight:700}.attendace-image-time[data-v-9ce8a432]{color:hsla(0,0%,100%,.7);font-size:14px;font-weight:400;height:24px;line-height:24px}.attendace-image-close[data-v-9ce8a432]{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:100%;cursor:pointer;border:1px solid hsla(0,0%,100%,.12);background-color:#262626;font-size:38px;color:hsla(0,0%,100%,.7);text-align:center;line-height:40px}