.page-virtual-home[data-v-0f53efa4] .ul-page__body{background-color:#f8f8f8}.page-virtual-home[data-v-0f53efa4] .ul-page__body-content{width:100%;background-color:#f8f8f8}.page-top[data-v-0f53efa4]{background-image:url(../img/virtual_home_banner.4b031d6a.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.page-top .page-top-shadow[data-v-0f53efa4]{padding-top:32px}.page-top .content[data-v-0f53efa4]{width:1170px;margin:0 auto;display:flex;padding:24px;background:linear-gradient(180deg,hsla(0,0%,100%,.4),#fff)}@media (max-width:1200px){.page-top .content[data-v-0f53efa4]{width:980px}}.page-top .course-study[data-v-0f53efa4]{width:1170px;margin:0 auto;padding:16px 24px;margin:20px auto;background-color:#fff;display:flex;justify-content:space-between;align-items:center}@media (max-width:1200px){.page-top .course-study[data-v-0f53efa4]{width:980px}}.page-top .course-study .course-study-left[data-v-0f53efa4]{display:flex;align-items:center}.page-top .course-study .course-study-left img[data-v-0f53efa4]{width:106px;height:60px;margin-right:16px}.page-top .course-study .course-study-left .course-study-info[data-v-0f53efa4]{padding-right:16px}.page-top .course-study .course-study-left .course-study-info .name[data-v-0f53efa4]{margin-bottom:10px;font-size:16px;display:flex;align-items:center}.page-top .course-study .course-study-left .course-study-info .name .courseName[data-v-0f53efa4]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.page-top .course-study .course-study-left .course-study-info .name .tag[data-v-0f53efa4]{display:block;min-width:-moz-max-content;min-width:max-content;padding:2px 4px;color:#4faaff;font-size:12px;border-radius:2px;border:1px solid #c5e2fc;background:#e8f4ff;margin-right:8px}.page-top .course-study .course-study-left .course-study-info .tea[data-v-0f53efa4]{color:#969696}.page-top .course-study .course-study-left .course-study-info .tea>span[data-v-0f53efa4]{margin-right:20px}.page-top .cover[data-v-0f53efa4]{font-size:0}.page-top .cover img[data-v-0f53efa4]{height:238px;width:423px;box-sizing:border-box}.page-top .detail[data-v-0f53efa4]{display:flex;flex-direction:column;align-items:flex-start;margin-left:28px}.page-top .detail .title[data-v-0f53efa4]{font-size:24px;line-height:30px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px}.page-top .detail .teacher[data-v-0f53efa4]{font-size:14px;line-height:20px;color:#969696;margin-top:10px}.page-top .detail .teacher>span[data-v-0f53efa4]{margin-right:32px}.page-top .info-list[data-v-0f53efa4]{display:flex;flex-wrap:wrap;margin-top:24px}@media (max-width:1200px){.page-top .info-list li[data-v-0f53efa4]:last-child{margin-top:12px}}.page-top .info-list li[data-v-0f53efa4]{margin-right:36px}.page-top .info-list .value[data-v-0f53efa4]{font-size:24px;font-weight:600;line-height:24px}.page-top .info-list .label[data-v-0f53efa4]{display:flex;align-items:center;margin-top:12px;line-height:1;color:#969696}.page-top .info-list .label i[data-v-0f53efa4]{margin-right:4px;font-size:14px}.page-top .bt-wrapper[data-v-0f53efa4]{flex:1;display:flex;align-items:flex-end;margin-top:20px}.main-content[data-v-0f53efa4]{width:1170px;margin:0 auto;padding:10px 0;background-color:#fff;margin:0 auto 80px}@media (max-width:1200px){.main-content[data-v-0f53efa4]{width:980px}}.tabs-wrapper[data-v-0f53efa4]{display:flex;justify-content:center;border-bottom:1px solid #e3e3e9}.tabs[data-v-0f53efa4]{display:flex}.tabs .tab[data-v-0f53efa4]{padding:10px 0;margin:0 20px;line-height:24px;font-size:16px;cursor:pointer}.tabs .tab[data-v-0f53efa4]:hover{color:#ea5947}.tabs .tab.is-active[data-v-0f53efa4]{border-bottom:3px solid #ea5947;color:#ea5947}.tab-content[data-v-0f53efa4]{padding:24px}.tab-content .virtual-item[data-v-0f53efa4]{margin-bottom:40px}.tab-content .virtual-item[data-v-0f53efa4]:last-child{margin-bottom:0}.tab-content .virtual-item .title[data-v-0f53efa4]{border-left:3px solid #ea5947;padding-left:8px;font-size:18px;font-weight:600;line-height:1;margin-bottom:16px}.page-content[data-v-45058f0d]{display:flex;height:calc(100vh - 50px)}.page-main[data-v-45058f0d]{flex:1;padding:20px 0}.page-main iframe[data-v-45058f0d]{width:100%;height:100%}.page-title[data-v-45058f0d]{padding-bottom:20px;border-bottom:1px dashed #e3e3e9;font-size:16px;font-weight:600}.sidebar[data-v-45058f0d]{width:281px;height:100%;border-right:1px solid #e3e3e9;background-color:#f5f5f5}.sidebar .select-teacher[data-v-45058f0d]{width:130px;border-right:1px solid #e3e3e9;border-bottom:1px solid #e3e3e9}.sidebar .select-class[data-v-45058f0d]{width:150px;border-bottom:1px solid #e3e3e9}.sidebar[data-v-45058f0d] .ul-input__inner{height:48px;border-radius:0;border:none;line-height:48px;background-color:#f5f5f5}.student-list[data-v-45058f0d]{background-color:#f5f5f5}.student-list li[data-v-45058f0d]{padding:9px 24px;cursor:pointer;border-left:5px solid transparent}.student-list li .name[data-v-45058f0d]{font-weight:600}.student-list li .no[data-v-45058f0d]{font-size:12px;line-height:18px;color:#969696}.student-list li[data-v-45058f0d]:hover{background-color:#fff}.student-list li.active[data-v-45058f0d]{background-color:#fff;border-color:#ea5947}