@charset "UTF-8";.thom_picture{background-image:url(/image/thom.jpg)}.jonny_picture{background-image:url(/image/jonny.jpg)}.colin_picture{background-image:url(/image/colin.jpg)}.phil_picture{background-image:url(/image/phil.jpg)}header{z-index:23;position:fixed;top:0;left:0;width:100%;height:40px;background-color:rgba(0,0,0,.32);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}header.bigScreen{background-color:unset}header.bigScreen .studentLoginBox,header.bigScreen>div.courseName .changeClass,header.bigScreen>div.courseName .changeCourse,header.bigScreen>div.courseName .className,header.bigScreen>div.courseName .colseCourse,header.bigScreen>div.finishClass,header.bigScreen>div.startClass,header.bigScreen>div.studentLogin,header.bigScreen>div.time{display:none!important}header a,header>div{display:block}header a>i,header a>span,header>div>i,header>div>span{line-height:40px}header a.fullScreen,header>div.fullScreen{position:absolute;right:0;top:0;width:40px;height:40px;display:-webkit-box;display:flex;background-color:#4A90E2;border-bottom-right-radius:6px;border-bottom-left-radius:6px}header a.fullScreen>a,header>div.fullScreen>a{display:none;width:100%;height:100%}header a.fullScreen>a.active,header>div.fullScreen>a.active{display:block}header a.fullScreen>a.full,header>div.fullScreen>a.full{background-image:url(../../../image/dock_dark/full.svg)}header a.fullScreen>a.notFull,header>div.fullScreen>a.notFull{background-image:url(../../../image/dock_dark/notFull.svg)}header a.fullScreen_disabled,header>div.fullScreen_disabled{position:absolute;right:0;top:0;width:40px;height:40px;display:-webkit-box;display:flex;background-color:#666;border-bottom-right-radius:6px;border-bottom-left-radius:6px}header a.fullScreen_disabled>a,header>div.fullScreen_disabled>a{display:none;width:100%;height:100%}header a.fullScreen_disabled>a.active,header>div.fullScreen_disabled>a.active{display:block}header a.fullScreen_disabled>a.notFull,header>div.fullScreen_disabled>a.notFull{background-image:url(../../../../image/dock_dark/notFull_disabled.svg)}header a.courseName,header>div.courseName{position:absolute;left:10px;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}header a.courseName>*,header>div.courseName>*{float:left}header a.courseName>span,header>div.courseName>span{font-size:16px;color:#fff;letter-spacing:1px;padding:0 5px 0 10px}header a.courseName>span>i,header>div.courseName>span>i{letter-spacing:0;padding:0 3px}header a.courseName>a:not(.timeTable),header>div.courseName>a:not(.timeTable){display:block;height:40px;color:#FFF;line-height:40px;padding:0 10px;font-size:16px;background-color:#4A90E2;border-bottom-right-radius:6px;border-bottom-left-radius:6px}header a.courseName>a:not(.timeTable):active,header>div.courseName>a:not(.timeTable):active{background-color:#3E78BD}header a.courseName>a.timeTable,header>div.courseName>a.timeTable{display:block;text-align:center;width:40px;height:40px;position:relative}header a.courseName>a.timeTable>i,header>div.courseName>a.timeTable>i{display:block;width:22px;height:22px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(../../../image/header/timeTable.svg);background-repeat:no-repeat;background-size:cover}header a.courseName>a.timeTable>div,header>div.courseName>a.timeTable>div{position:absolute;right:0;top:3px;width:8px;height:8px;background-color:#E53B30;border-radius:4px}header a.listenerBubbleTips,header a.speakerBubbleTips,header>div.listenerBubbleTips,header>div.speakerBubbleTips{position:absolute;right:25px;top:64.81481vh;min-height:182px;width:544px;background-color:rgba(0,0,0,.6);border-radius:8px;color:#d9d8d8}header a.listenerBubbleTips>a.close,header a.speakerBubbleTips>a.close,header>div.listenerBubbleTips>a.close,header>div.speakerBubbleTips>a.close{position:absolute;top:22px;right:22px;width:1px;height:16px;background:#d9d8d8;-webkit-transform:rotate(45deg);transform:rotate(45deg);display:inline-block;margin-right:10px}header a.listenerBubbleTips>a.close:after,header a.speakerBubbleTips>a.close:after,header>div.listenerBubbleTips>a.close:after,header>div.speakerBubbleTips>a.close:after{position:absolute;top:0;left:0;content:"";width:1px;height:16px;background:#d9d8d8;-webkit-transform:rotate(270deg);transform:rotate(270deg);margin-right:10px}header a.listenerBubbleTips>div.content,header a.speakerBubbleTips>div.content,header>div.listenerBubbleTips>div.content,header>div.speakerBubbleTips>div.content{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:25px 28px 0;color:#FFF}header a.listenerBubbleTips>div.content span:nth-of-type(1),header a.speakerBubbleTips>div.content span:nth-of-type(1),header>div.listenerBubbleTips>div.content span:nth-of-type(1),header>div.speakerBubbleTips>div.content span:nth-of-type(1){font-size:18px}header a.listenerBubbleTips>div.content span:nth-of-type(2),header a.speakerBubbleTips>div.content span:nth-of-type(2),header>div.listenerBubbleTips>div.content span:nth-of-type(2),header>div.speakerBubbleTips>div.content span:nth-of-type(2){font-size:22px;font-weight:500;margin-top:10px}header a.listenerBubbleTips>div.content span:nth-of-type(3),header a.speakerBubbleTips>div.content span:nth-of-type(3),header>div.listenerBubbleTips>div.content span:nth-of-type(3),header>div.speakerBubbleTips>div.content span:nth-of-type(3){font-size:16px;margin-top:10px}header a.listenerBubbleTips>div.footer,header a.speakerBubbleTips>div.footer,header>div.listenerBubbleTips>div.footer,header>div.speakerBubbleTips>div.footer{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end;padding-right:30px;margin-top:16px;color:#fff}header a.listenerBubbleTips>div.footer a:nth-of-type(2),header a.speakerBubbleTips>div.footer a:nth-of-type(2),header>div.listenerBubbleTips>div.footer a:nth-of-type(2),header>div.speakerBubbleTips>div.footer a:nth-of-type(2){height:34px;line-height:34px;text-align:center;background-color:#4A90E2;border-radius:17px;margin-left:30px;padding:0 10px}header a.backToLive,header>div.backToLive{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;position:absolute;top:62.96296vh;right:0;width:96px;height:96px;padding:6px;background-color:rgba(0,0,0,.48);border-radius:4px 0 0 4px}header a.backToLive>.top,header>div.backToLive>.top{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:84px;height:56px;background-color:rgba(0,0,0,.64);border-radius:4px;cursor:pointer}header a.backToLive>.top>.goBack,header>div.backToLive>.top>.goBack{width:28px;height:28px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}header a.backToLive>.top>.goBack>i,header>div.backToLive>.top>.goBack>i{height:28px;width:28px}header a.backToLive>.bottom,header>div.backToLive>.bottom{height:28px;line-height:28px;font-size:18px;color:#fff}header a.time,header>div.time{height:100%;width:79px;background-color:#FED606;position:absolute;top:0;right:123px;padding-left:9px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}header a.time>i,header a.time>span,header>div.time>i,header>div.time>span{font-size:20px;line-height:40px;color:#283933;font-family:"Trebuchet MS";float:left;padding:0 2px}header a.time>i,header>div.time>i{-webkit-animation:blink 1s infinite ease-in-out;animation:blink 1s infinite ease-in-out}header a.finishClass,header a.startClass,header>div.finishClass,header>div.startClass{position:absolute;top:0;right:203px;height:100%;width:55px}header a.finishClass>a,header a.startClass>a,header>div.finishClass>a,header>div.startClass>a{float:left;display:block;height:100%;width:100%;text-align:center;color:#FFF;line-height:40px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}header a.finishClass.finishClass>a,header a.startClass.finishClass>a,header>div.finishClass.finishClass>a,header>div.startClass.finishClass>a{background-color:#D85757}header a.finishClass.finishClass>a:active,header a.startClass.finishClass>a:active,header>div.finishClass.finishClass>a:active,header>div.startClass.finishClass>a:active{background-color:#B54949}header a.finishClass.startClass>a,header a.startClass.startClass>a,header>div.finishClass.startClass>a,header>div.startClass.startClass>a{background-color:#4A90E2}header a.finishClass.startClass>a:active,header a.startClass.startClass>a:active,header>div.finishClass.startClass>a:active,header>div.startClass.startClass>a:active{background-color:#3E78BD}header a .classInteraction>a,header a.changeColor>a,header>div .classInteraction>a,header>div.changeColor>a{display:block;background-color:#4A90E2;height:100%;line-height:40px;color:#FFF;border-bottom-right-radius:6px;border-bottom-left-radius:6px;text-align:center}header a.changeColor,header>div.changeColor{position:absolute;top:0;right:218px;height:100%;width:90px}header a.changeColor>a,header>div.changeColor>a{width:100%}header a .classInteraction,header>div .classInteraction{height:100%;width:86px;margin-left:2px}header a .classInteraction>a,header>div .classInteraction>a{float:left;width:100%}header a .classInteraction>a:active,header>div .classInteraction>a:active{background-color:#3E78BD}header a.studentLoginBox,header>div.studentLoginBox{position:absolute;top:0;right:260px;height:100%;display:-webkit-box;display:flex}header a .studentLogin,header>div .studentLogin{margin-left:2px;height:100%;width:108px}header a .studentLogin>a,header>div .studentLogin>a{float:left;display:block;height:100%;width:100%;text-align:center;color:#FFF;line-height:40px;background-color:#4A90E2;border-bottom-right-radius:6px;border-bottom-left-radius:6px}header a .studentLogin>a:active,header>div .studentLogin>a:active{background-color:#3E78BD}header a.headerWin,header>div.headerWin{height:56px;width:166px;padding:0 6px 6px;background-color:#84B1ED;border-bottom-left-radius:6px;border-bottom-right-radius:6px;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}header a.liveContent>div>i,header>div.liveContent>div>i,header>div.refresh>a>i{-webkit-transform:translate(-50%,-50%);left:50%;background-size:cover;background-repeat:no-repeat}header a.headerWin.hide,header>div.headerWin.hide{display:none}header a.headerWin.inverted,header>div.headerWin.inverted{background-color:#FDA155}header a.headerWin>a,header>div.headerWin>a{display:block;text-align:center;width:100%;height:100%;line-height:47px;font-size:40px;color:#FFF;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-color:#1B2622}header a.liveContent,header>div.liveContent{width:40px;height:40px;position:absolute;top:0;right:370px}header a.liveContent>div,header>div.liveContent>div{display:block;text-align:center;width:100%;height:100%;position:relative}header a.liveContent>div>i,header>div.liveContent>div>i{display:block;width:22px;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%);background-image:url(../../../../image/header/liveContent.gif)}header>div.refresh{position:absolute;right:82px;top:0;height:40px;width:40px;background-color:#D85757;border-bottom-right-radius:6px;border-bottom-left-radius:6px}header>div.refresh:active{background-color:#B54949}header>div.refresh>a{display:block;text-align:center;width:100%;height:100%;position:relative}header>div.refresh>a>i{display:block;width:28px;height:28px;position:absolute;top:50%;transform:translate(-50%,-50%);background-image:url(../../../image/header/refresh_white.svg)}header>div.setUp{position:absolute;right:41px;top:0;height:40px;width:40px;background-color:#4A90E2;border-bottom-right-radius:6px;border-bottom-left-radius:6px}header>div.setUp:active{background-color:#3E78BD}header>div.setUp>a{display:block;text-align:center;width:100%;height:100%;position:relative}header>div.setUp>a>i{display:block;width:28px;height:28px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(../../../../image/header/setup.svg);background-repeat:no-repeat;background-size:cover}header>div.setUpOptionContainer{position:absolute;width:100%;height:100%;top:40px;display:none}header>div.setUpOptionContainer>div.setUpOption{width:122px;height:auto;border-radius:4px;background-color:#4A90E2;padding:4px;position:fixed;right:0;top:50px}header>div.setUpOptionContainer>div.setUpOption>a{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #4A90E2;position:absolute;top:-10px;left:53px}header>div.setUpOptionContainer>div.setUpOption>div{width:114px;height:74px;background-color:#fff;border-radius:4px;padding:10px 6px}header>div.setUpOptionContainer>div.setUpOption>div>a{display:-webkit-box;display:flex;height:20px;cursor:pointer}header>div.setUpOptionContainer>div.setUpOption>div>a>i{width:16px;height:16px;margin-right:4px;margin-top:3px}header>div.setUpOptionContainer>div.setUpOption>div>a>span{-webkit-box-flex:1;flex:1;line-height:20px;text-align:center;font-family:"Source Han Sans CN";font-size:20px}header>div.setUpOptionContainer>div.setUpOption>div>a.right,header>div.setUpOptionContainer>div.setUpOption>div>a.whitePattern{margin-top:14px}header>div.setUpOptionContainer>div.setUpOption>div>a.active>i{background-image:url(../../../../image/header/selection.svg)}header>div.setUpOptionContainer>div.setUpOption>div.changeColor{margin-bottom:4px}header>div.setUpOptionContainer>div.setUpOption>div.liveContent{margin-top:4px;height:37px}header>div.drawDelayTime{position:absolute;top:0;right:270px;width:75px;display:-webkit-box;display:flex}header>div.drawDelayTime.haveStudentLogin{right:378px}header>div.drawDelayTime.level1>i{background-image:url(../../../../image/header/dark/level1.svg)}header>div.drawDelayTime.level1>span{color:#E43333}header>div.drawDelayTime.level2>i{background-image:url(../../../../image/header/dark/level2.svg)}header>div.drawDelayTime.level2>span{color:#F5A623}header>div.drawDelayTime.level3>i{background-image:url(../../../../image/header/dark/level3.svg)}header>div.drawDelayTime.level3>span{color:#7ED321}header>div.drawDelayTime>i{display:block;width:26px;height:26px;margin-top:7px;background-position:center;background-size:cover;background-repeat:no-repeat}header>div.drawDelayTime>span{-webkit-box-flex:1;flex:1;font-size:14px;padding-left:6px}@-webkit-keyframes blink{0%,100%{opacity:0}50%{opacity:1}}@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}