.prepare-lessons[data-v-258e0d78]{width:100%;height:100vh;background:#1e1e1e;display:flex}.prepare-lessons[data-v-258e0d78] ::-webkit-scrollbar{width:5px;height:5px}.prepare-lessons[data-v-258e0d78] ::-webkit-scrollbar-thumb{border-radius:10px;background:#4b4b4b}.prepare-lessons[data-v-258e0d78] ::-webkit-scrollbar-track{border-radius:10px;background:#1e1e1e}.prepare-lessons .notes[data-v-258e0d78]{width:440px;height:100vh;border-left:1px solid rgba(250,252,255,.11);font-size:16px;color:#a4a4a4;padding:0 20px}.prepare-lessons .notes .notes-title[data-v-258e0d78]{width:100%;height:84px;display:flex;align-items:center}.prepare-lessons .notes .notes-content[data-v-258e0d78]{height:calc(100vh - 90px);overflow-y:scroll}.prepare-lessons .courseware[data-v-258e0d78]{width:calc(100% - 440px);height:100vh}.prepare-lessons .courseware .exit-btn[data-v-258e0d78]{width:100%;height:68px}.prepare-lessons .courseware .exit-btn .exit[data-v-258e0d78]{margin-right:5px;transform:rotate(180deg)}.prepare-lessons .courseware .area-view[data-v-258e0d78]{width:100%;padding:0 30px;box-sizing:border-box;margin-top:20px;height:calc(100vh - 240px);display:flex;align-items:center}.prepare-lessons .courseware .area-view .area[data-v-258e0d78]{width:100%;height:calc(100vh - 300px)}.prepare-lessons .courseware .footer[data-v-258e0d78]{width:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#a4a4a4;margin-top:10px}.prepare-lessons .courseware .footer .left-icon[data-v-258e0d78]{color:#a4a4a4;font-size:16px;cursor:pointer}.prepare-lessons .courseware .footer .left-icon[data-v-258e0d78]:hover{color:#fff}.prepare-lessons .courseware .footer .right-icon[data-v-258e0d78]{color:#a4a4a4;cursor:pointer;font-size:16px}.prepare-lessons .courseware .footer .right-icon[data-v-258e0d78]:hover{color:#fff}.prepare-lessons .courseware .footer .footer-page[data-v-258e0d78]{margin:0 15px;cursor:pointer}.prepare-lessons .courseware .list[data-v-258e0d78]{width:calc(100% - 30px);margin-left:30px;display:flex;flex-wrap:nowrap;align-items:center;overflow-x:scroll;margin-top:30px}.prepare-lessons .courseware .list .active[data-v-258e0d78]{border:1px solid #1a76ff;box-sizing:border-box}.prepare-lessons .courseware .list .list-item[data-v-258e0d78]{width:200px;height:114px;margin-right:5px;position:relative;margin-bottom:5px;flex:none}.prepare-lessons .courseware .list .list-item[data-v-258e0d78]:last-child{margin-right:30px}.prepare-lessons .courseware .list .list-item .page-bg[data-v-258e0d78]{width:100%;height:100%}.prepare-lessons .courseware .list .list-item .mask[data-v-258e0d78]{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.prepare-lessons .courseware .list .list-item .mask .profile[data-v-258e0d78]{margin-top:10px}