.page-content[data-v-703a6612]{min-height:100vh;background-color:#111;max-width:100vw;overflow:hidden}.top-bar[data-v-703a6612]{display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-sizing:border-box;height:60px}.video-tile[data-v-703a6612]{font-size:18px;color:#fff}.back-btn[data-v-703a6612],.head-cont[data-v-703a6612]{display:flex;align-items:center}.back-btn[data-v-703a6612]{color:#fff;cursor:pointer;padding-right:30px}.back-btn img[data-v-703a6612]{padding-right:5px}.out-btn[data-v-703a6612]{font-size:16px;color:#555;margin:0 30px;cursor:pointer}.head-img-box[data-v-703a6612]{width:44px;height:44px;border-radius:50%;box-sizing:border-box;overflow:hidden}.head-img-box img[data-v-703a6612]{width:100%;height:100%}.user-info[data-v-703a6612]{display:flex;align-items:center}.user-name[data-v-703a6612]{font-size:16px;color:#fff;padding-right:10px}.content[data-v-703a6612]{display:flex;height:calc(100vh - 60px)}.video-cont[data-v-703a6612]{height:calc(100vh - 60px);background-color:#000;margin-right:20px;overflow:hidden;flex:1;position:relative;width:80vw}.vide-catalogue[data-v-703a6612]{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 60px);box-sizing:border-box;width:20vw}.o-catalogue[data-v-703a6612]{width:100%;height:50px;background-color:#222;color:#fff;text-align:center;line-height:50px;font-size:16px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;box-sizing:border-box;cursor:pointer;margin:2px 0}.two-catalogue[data-v-703a6612]{padding:15px 50px;box-sizing:border-box;transition:all 2s;overflow-y:auto}.two-title[data-v-703a6612]{text-align:left;position:relative;line-height:normal;margin:10px 0;color:#fff;cursor:pointer;margin-bottom:15px;font-size:16px!important}.two-title[data-v-703a6612]:before{content:"";width:1px;background-color:#707070;position:absolute;top:5px;left:-26px;bottom:-15px}.two-title[data-v-703a6612]:after{content:"";width:9px;height:9px;background-color:#707070;border-radius:50%;position:absolute;top:0;left:-30px}.two-catalogue[data-v-703a6612]{overflow:hidden}.two-catalogue div[data-v-703a6612]{text-align:left;line-height:normal;font-size:14px}ul[data-v-703a6612]{list-style-type:none;padding:0;margin:0}.three-catalogue li[data-v-703a6612]{max-width:243px;padding:6px 0;box-sizing:border-box;position:relative;font-size:14px;color:#999;cursor:pointer}.three-catalogue li[data-v-703a6612]:before{content:"";width:1px;background-color:#707070;position:absolute;top:30px;left:-26px;bottom:-25px}.three-catalogue li[data-v-703a6612]:last-child:before{content:"";width:0;height:0}.three-catalogue li[data-v-703a6612]:after{content:"";width:9px;height:9px;background-color:#707070;border-radius:50%;position:absolute;top:20px;left:-30px}.all-time[data-v-703a6612]{font-size:14px!important;color:#444;padding-top:5px}.play-icon[data-v-703a6612]{position:absolute;left:-35px;width:17px;height:17px;top:15px;z-index:999;background-color:var(--subjectcolor);border-radius:50%;overflow:hidden;padding-left:2.5px;padding-top:4px}.play-icon i[data-v-703a6612]{display:block;color:#fff}#videopalyer[data-v-703a6612]{height:calc(100vh - 80px)!important;width:calc(100vw - 420px)!important;margin:0 auto}.sel_video[data-v-703a6612]{font-size:14px;color:var(--subjectcolor)}[data-v-703a6612] .xgplayer-skin-default .xgplayer-progress-played{background-image:linear-gradient(-90deg,var(--subjectcolor),var(--subjectcolor))}[data-v-703a6612] .xgplayer-skin-default .xgplayer-drag{background:var(--subjectcolor)}.audit-cont[data-v-703a6612]{padding-left:70px;width:300px;max-height:850px;overflow-y:auto}.audit-cont[data-v-703a6612]::-webkit-scrollbar{width:6px}.audit-cont[data-v-703a6612]::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.bar[data-v-703a6612]{width:100%}.bar marquee[data-v-703a6612]{width:100%;font-size:16px}.top-righ-logo[data-v-703a6612]{position:absolute;top:10px;right:10px;height:50px;max-width:200px}.top-righ-logo img[data-v-703a6612]{width:auto;height:100%}.bottom-left-phone[data-v-703a6612]{position:absolute;bottom:10px;left:10px;font-size:22px!important;color:var(--subjectcolor)}.fullimg[data-v-703a6612]{height:50px!important}.fulltxt[data-v-703a6612]{font-size:30px!important;font-weight:700}.bar[data-v-703a6612]{position:absolute;top:0}.bar .NoticeBar[data-v-703a6612]{position:absolute;top:10px;font-size:22px;color:var(--subjectcolor)}.video-info-bar[data-v-703a6612]{display:flex;align-items:center;font-size:12px;color:#444}.video-info-bar .all-time[data-v-703a6612]{padding-right:15px}.watch-progress[data-v-703a6612]{color:#444}.classtype-item[data-v-703a6612]{border-bottom:1px solid #4b4b4b;padding-top:15px;cursor:pointer}.classtype-info[data-v-703a6612]{display:flex;align-items:center;border-left:3px solid var(--subjectcolor);height:20px;font-size:16px;color:#fff;padding-left:10px;justify-content:space-between;padding-right:15px;margin-bottom:15px;margin-left:15px}.selclasstype[data-v-703a6612]{border-bottom:none!important}@media only screen and (min-device-width:768px) and (max-device-width:1200px){[data-v-703a6612] .xgplayer-skin-default .xgplayer-controls{zoom:3!important}.three-catalogue li[data-v-703a6612]{zoom:2!important}}@media only screen and (min-device-width:768px) and (max-device-width:1200px) and (orientation:landscape){[data-v-703a6612] .xgplayer-skin-default .xgplayer-controls{zoom:3!important}.three-catalogue li[data-v-703a6612]{zoom:2!important}}@media only screen and (min-device-width:768px) and (max-device-width:1200px) and (orientation:portrait){[data-v-703a6612] .xgplayer-skin-default .xgplayer-controls{zoom:3!important}.three-catalogue li[data-v-703a6612]{zoom:2!important}}