.icon[data-v-694954f8]{width:20px;height:20px;font-size:20px}.sk[data-v-694954f8]{width:100px;height:36px;text-align:center;line-height:36px;color:#fff;border-radius:12px;background-color:#ffce54}.content[data-v-694954f8]{height:calc(100vh - 80px);overflow:hidden}.content .top[data-v-694954f8]{width:100%;height:80px;position:fixed;top:0;left:0;padding:26px 53px;background:#33363b;box-shadow:0px 0px 10px rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.content .top .left[data-v-694954f8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.content .top .left img[data-v-694954f8]{margin-right:8px}.content .top .left span[data-v-694954f8]{font-size:20px;margin-right:32px;color:#fff}.content .top .right[data-v-694954f8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.content .top .right div[data-v-694954f8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-left:44px}.content .top .right div img[data-v-694954f8]{margin-right:13px}.content .top .right div span[data-v-694954f8]{font-size:16px;color:#fff}.content .btm[data-v-694954f8]{width:100%;height:calc(100vh - 80px);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background:#33363b}.content .btm .screen[data-v-694954f8]{width:calc(100% - 325px);height:calc(100vh - 80px);padding:50px 51px;background:#1a1a1a}.content .btm .list[data-v-694954f8]{width:325px;height:100%;overflow-y:auto;background:#25282c}.content .btm .list .title[data-v-694954f8]{margin:24px 0 20px 0;width:100%;line-height:38px;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.1);color:#ee9510;font-size:24px;font-weight:600;font-family:"PingFang SC";line-height:38px}.content .btm .list .chapterContent .chapterTitle[data-v-694954f8]{padding:10px 0 0 24px;font-size:18px;color:#fff;margin-bottom:18px}.content .btm .list .chapterContent .section[data-v-694954f8]{padding:0 24px 0 40px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:17px;cursor:pointer}.content .btm .list .chapterContent .section .sectionlist[data-v-694954f8]{width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.content .btm .list .chapterContent .section img[data-v-694954f8]{width:12px;height:15px;margin-right:15px}.content .btm .list .chapterContent .section .sectionTitle[data-v-694954f8]{color:#666;font-size:14px;width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;flex:1}.content .btm .list .chapterContent .section .active[data-v-694954f8]{color:#fff}.video[data-v-694954f8],.img[data-v-694954f8]{width:100%;height:100%}