.footer[data-v-5f8645f0]{z-index:999;position:fixed;display:flex;bottom:0;left:0;height:60px;width:100vw;border-top:1px solid #ccc;background:#fefefe}.footer .item[data-v-5f8645f0]{flex:1;display:flex;flex-direction:column;justify-content:center;align-content:center;text-align:center;color:#444}.footer .item .icon[data-v-5f8645f0]{font-size:24px}.footer .item.item-cur[data-v-5f8645f0]{color:#07c160}.error[data-v-7b17c04c]{width:90vw;padding:6px 12px}.error .user-info[data-v-7b17c04c]{display:flex;align-items:center;flex-direction:column}.error .user-info .user-avatar[data-v-7b17c04c]{width:60px;height:60px;border-radius:30px;margin:20px 0 20px 0;background-size:cover;background-position:50%}.error .user-info .user-name[data-v-7b17c04c]{font-size:18px;font-weight:400}.error .content[data-v-7b17c04c]{padding:6px 0;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.error .content img[data-v-7b17c04c]{max-width:100%}.study-container[data-v-5ac4f281]{height:calc(100vh - 60px);width:100%;display:flex;flex-direction:column}.study-container .top-banner[data-v-5ac4f281]{height:120px;flex:0 0 120px;background:#333}.study-container .content[data-v-5ac4f281]{flex:1 1 auto;display:flex;overflow:hidden;background:#e3e3e3}.study-container .content .side-nav[data-v-5ac4f281]{height:100%;max-width:30vw;min-width:120px;width:-moz-fit-content;width:fit-content;background:#fff;flex-grow:0}.study-container .content .event-list[data-v-5ac4f281]{width:100%;overflow-y:scroll;padding:10px}.study-container .content .event-list .event-item[data-v-5ac4f281]{padding:10px;background:#fff;width:100%;border-radius:10px;margin-bottom:12px}.study-container .content .event-list .event-item .item-header[data-v-5ac4f281]{padding:5px 0 10px 0;border-bottom:1px solid #999}.study-container .content .event-list .event-item .item-header .item-category[data-v-5ac4f281]{display:inline-block;color:#fff;padding:3px 10px;font-size:13px;background:#5c9b73;border-radius:3px}.study-container .content .event-list .event-item .item-header .item-name[data-v-5ac4f281]{margin-top:5px;font-size:16px;font-weight:400}.study-container .content .event-list .event-item .item-poster[data-v-5ac4f281],.study-container .content .event-list .event-item .item-poster img[data-v-5ac4f281]{width:100%}.study-container .content .event-list .event-item .item-info[data-v-5ac4f281]{margin-top:5px;color:#999;line-height:1.8em}.video_container[data-v-5ac4f281]{width:90vw;height:52vw}.video_container video[data-v-5ac4f281]{width:100%}