.xlaBookItem[data-v-742486d6]{border:1px solid #ccc;border-radius:3px;padding:15px;background-color:#fff;min-height:60px;width:300px;height:195px}.xlaBookItem[data-v-742486d6]:hover{border-color:#50bfff}.xlaBookItem .title-info[data-v-742486d6]{display:flex}.xlaBookItem .title-info .course-icon[data-v-742486d6]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:coral;font-size:18px;font-weight:700;color:#fff}.xlaBookItem .progress-wrap[data-v-742486d6]{display:flex;justify-content:space-between;padding:20px 0}.xlaBookItem .progress-wrap .progress-item-wrap[data-v-742486d6]{position:relative;width:100px;height:100px;text-align:center}.xlaBookItem .progress-wrap .progress-item-wrap .label[data-v-742486d6]{width:100px;text-align:center;position:absolute;z-index:999;left:0;bottom:10px;font-size:12px}.xlaPage{width:100%;height:100%;background-color:#f7f8f9}.xlaPage .header{height:50px;background-color:#fff;display:flex;align-items:center;justify-content:left}.xlaPage .header .middle-wrap{display:flex;align-items:center;flex:1}.xlaPage .header .middle-wrap .filter-wrap{border-left:1px solid #f2f2f2;margin-left:20px;padding-left:10px;display:flex;align-items:center}.xlaPage .body{height:calc(100% - 50px)}.xlaPage .body .work-task-body{display:flex;justify-content:space-between;flex-wrap:wrap;padding:15px}