.layout[data-v-11dff640]{background:#f5f7f9;position:relative;height:100%;overflow:auto}.layout .content[data-v-11dff640]{margin:10px 10px 0 10px;background:#f5f7f9}.head[data-v-11dff640]{color:#fff;font-size:20px;font-weight:900}.bg[data-v-11dff640]{width:70%;height:750px;background:url(../img/attendance.63ba30a7.png) no-repeat;background-size:100% 100%;margin:auto}.info[data-v-11dff640]{-ms-flex-line-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:70%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:60%;margin:auto}.card[data-v-11dff640],.info[data-v-11dff640]{display:-webkit-box;display:-ms-flexbox;display:flex;align-content:center}.card[data-v-11dff640]{width:300px;height:400px;-ms-flex-line-pack:center;text-align:center;cursor:pointer}.card .card-info[data-v-11dff640],.card[data-v-11dff640]{background:#4a9ff7;border:1px solid #99cbff;opacity:1;border-radius:15px}.card .card-info[data-v-11dff640]{width:288px;height:390px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card .img-icon[data-v-11dff640]{width:120px;height:120px;margin:auto;margin-bottom:30px}.card .title[data-v-11dff640]{margin-bottom:10px}.card .text[data-v-11dff640],.card .title[data-v-11dff640]{font-size:24px;font-family:PingFang SC;font-weight:700;color:#fff;opacity:1}.card img[data-v-11dff640]{width:100%;height:100%;background-size:100% 100%}