@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)}body>.closeLightModal{z-index:30;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000}body>.closeLightModal>span{color:#d9d8d8;font-size:40px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body [moreoption]{display:none}body .hex-teaching-dock{position:relative;z-index:22}body .hex-teaching-dock a{text-align:center;display:block;background-position:center;background-size:contain;background-repeat:no-repeat}body .hex-teaching-dock>.bottomDock{z-index:10;position:fixed;bottom:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);display:-webkit-box;display:flex;border-top-left-radius:6px;border-top-right-radius:6px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}body .hex-teaching-dock>.bottomDock.noStudent>div.selectStudent{display:none}body .hex-teaching-dock>.bottomDock.overflowHidden{overflow:hidden}body .hex-teaching-dock>.bottomDock.bigScreen{background-color:rgba(51,51,51,.4)!important;border-top-left-radius:0}body .hex-teaching-dock>.bottomDock.bigScreen>div.hide>span{position:absolute;top:-16px;width:100%;left:0;background-color:#283933;background-color:rgba(51,51,51,.4);color:#FFF;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px}body .hex-teaching-dock>.bottomDock a{height:60px;width:60px;position:relative}body .hex-teaching-dock>.bottomDock a.hide.active>i>i{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}body .hex-teaching-dock>.bottomDock a.hide>i{width:39px;height:39px;border-radius:5px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body .hex-teaching-dock>.bottomDock a.hide>i>i{width:25px;height:25px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.bottomDock a>span{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:calc(50% - 1px);display:block;height:30px;line-height:30px;font-weight:700;font-size:16px;text-align:center}body .hex-teaching-dock>.bottomDock>div{padding:5px;position:relative;text-align:center;opacity:1}body .hex-teaching-dock>.bottomDock>div.disable{opacity:0;display:none}body .hex-teaching-dock>.bottomDock>div.disable>a{cursor:default}body .hex-teaching-dock>.bottomDock>div>span{display:block;font-size:12px;font-weight:700;cursor:pointer}body .hex-teaching-dock>.bottomDock>div>div.list{height:0;overflow:hidden;position:absolute;bottom:77px;left:-2px;border-top-left-radius:6px;border-top-right-radius:6px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.bottomDock>div>div.list>div{padding:5px}body .hex-teaching-dock>.bottomDock>div.selectStudent>a.doing{position:relative}body .hex-teaching-dock>.bottomDock>div.selectStudent>a.doing>i{display:block;width:5px;height:7px;position:absolute;top:37px;background-size:cover;background-image:url(../../../image/dock_dark/hand_left.svg);z-index:2}body .hex-teaching-dock>.bottomDock>div.selectStudent>a.doing>i.left{left:calc(50% - 33px)}body .hex-teaching-dock>.bottomDock>div.selectStudent>a.doing>i.right{-webkit-transform:rotate(180deg);transform:rotate(180deg);left:calc(50% + 28px)}body .hex-teaching-dock>.bottomDock>div.selectStudent>a.doing>span{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);position:absolute;top:27px;left:50%;display:block;width:62px;height:28px;color:#FFF;font-size:14px;letter-spacing:0;background-color:#4A90E2;border-radius:4px;z-index:1;overflow:hidden}body .hex-teaching-dock>.pagesList>div.book>a:nth-of-type(1),body .hex-teaching-dock>.pagesList>div.courseware>a:nth-of-type(1),body .hex-teaching-dock>.pagesList>div.home>a:nth-of-type(1),body .hex-teaching-dock>.pagesList>div.hte>a:nth-of-type(1){border-top-left-radius:5px;border-top-right-radius:5px}body .hex-teaching-dock>.pagesList.left{left:0}body .hex-teaching-dock>.pagesList.right{right:0}body .hex-teaching-dock>.pagesList.bigScreen{display:none}body .hex-teaching-dock>.pagesList>div{z-index:10;-webkit-box-flex:1;flex:1;max-height:120px;overflow:auto;width:190px;bottom:5px}body .hex-teaching-dock>.pagesList>div>a{position:relative;z-index:20;text-align:center;height:30px;line-height:30px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;color:#FFF}body .hex-teaching-dock>.leftDock.studentGroup.noGroup>div.groupList,body .hex-teaching-dock>.leftDock.studentGroup.noGroup>div.togetherScore,body .hex-teaching-dock>.pagesList>div>a.teachingAssistant{display:none}body .hex-teaching-dock>.pagesList>div>a:nth-of-type(1){border-top:none!important}body .hex-teaching-dock>.pagesList>div>a.active{background-color:#FED606!important;color:#333!important}body .hex-teaching-dock>.pagesList>div.home{position:fixed;left:5px}body .hex-teaching-dock>.pagesList>div.home>a{background-color:#4A90E2;border-top:1px solid #2b6bb6}body .hex-teaching-dock>.pagesList>div.book{position:fixed;left:200px}body .hex-teaching-dock>.pagesList>div.book>a{background-color:#F7821A;border-top:1px solid #C75605}body .hex-teaching-dock>.pagesList>div.hte{position:fixed;right:5px}body .hex-teaching-dock>.pagesList>div.hte>a{background-color:#15B0B7;border-top:1px solid #08949A}body .hex-teaching-dock>.pagesList>div.courseware{position:fixed;right:200px}body .hex-teaching-dock>.pagesList>div.courseware>a{background-color:#F16E6C;border-top:1px solid #DB3C3A}body .hex-teaching-dock>.leftDock{z-index:10;width:90px;position:fixed;bottom:135px;left:-110px;border-top-right-radius:6px;border-bottom-right-radius:6px;padding:5px 0;transition:all .5s ease-in-out!important;-webkit-transition:all .5s ease-in-out!important;-webkit-transition:all .5s ease-out}body .hex-teaching-dock>.leftDock.downhWindow{height:50%}body .hex-teaching-dock>.leftDock a{height:50px;width:50px;margin:0 auto}body .hex-teaching-dock>.leftDock>div{position:relative;text-align:center;margin:0 5px 5px 0}body .hex-teaching-dock>.leftDock>div>span{display:block;text-align:center;font-size:12px;font-weight:700}body .hex-teaching-dock>.leftDock>div>.list{width:0;overflow:hidden;position:absolute;left:90px;top:-5px;border-top-right-radius:6px;border-bottom-right-radius:6px;display:-webkit-box;display:flex;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.leftDock>div>.list>div{padding:5px}body .hex-teaching-dock>.leftDock>div.fontWeight>a>span{font-size:12px;position:absolute;bottom:27px;right:19px;color:#FED606}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list{top:11px;height:48px}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div{padding:5px 0}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a{width:47px;height:38px;position:relative}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a[font-weight='极细']>i{width:2px;height:2px}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a[font-weight='细']>i{width:4px;height:4px}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a[font-weight='中']>i{width:7px;height:7px}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a[font-weight='粗']>i{width:10px;height:10px}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a[font-weight='特粗']>i{width:13px;height:13px}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a.active>i{background-color:#FED606!important}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a.active>span{color:#FED606!important}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a>i{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:10px;left:50%;border-radius:50%;display:block}body .hex-teaching-dock>.leftDock>div.fontWeight>div.list>div>a>span{width:100%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);position:absolute;bottom:1px;left:50%;font-size:12px}body .hex-teaching-dock>.leftDock>div.palette>div.list{display:grid;grid-template-columns:repeat(6,0fr)}body .hex-teaching-dock>.leftDock>div.palette>div.list>div{padding:12px}body .hex-teaching-dock>.leftDock>div.palette>div.list>div>a{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;justify-content:space-around;-webkit-box-align:center;align-items:center;height:auto}body .hex-teaching-dock>.leftDock>div.palette>div.list>div>a>i{width:48px;height:32px;border-radius:4px}body .hex-teaching-dock>.leftDock>div.palette>div.list>div>a>span{font-size:16px;font-weight:700;line-height:24px;margin-top:8px}body .hex-teaching-dock>.leftDock>div.timeList{padding-bottom:10px}body .hex-teaching-dock>.leftDock>div.timeList>span{margin-top:4px}body .hex-teaching-dock>.leftDock>div.timeList>div{width:76px;height:76px;border-radius:6px;margin:0 auto}body .hex-teaching-dock>.leftDock>div.timeList>div>a{text-align:center;width:calc(50% + 2px)!important;height:calc(50% + 2px)!important;margin:-1px;display:block;float:left;line-height:38px;font-weight:bolder}body .hex-teaching-dock>.leftDock>div.timeList>div>a.active{background-color:#4A90E2;color:#fff!important}body .hex-teaching-dock>.leftDock>div.timeList>div>a.active:nth-of-type(1),body .hex-teaching-dock>.leftDock>div.timeList>div>a.active:nth-of-type(4){border-top-left-radius:6px;border-bottom-right-radius:6px}body .hex-teaching-dock>.leftDock>div.timeList>div>a.active:nth-of-type(2),body .hex-teaching-dock>.leftDock>div.timeList>div>a.active:nth-of-type(3){border-top-right-radius:6px;border-bottom-left-radius:6px}body .hex-teaching-dock>.leftDock>div.scoreNumber{margin-bottom:2px}body .hex-teaching-dock>.leftDock>div.scoreNumber>a{width:80px;height:34px;line-height:34px;margin:0 auto;border-radius:4px;font-size:28px;color:#fff;background-color:#84B1ED;font-family:"Trebuchet MS"}body .hex-teaching-dock>.leftDock>div.scoreNumber.deduction>a:not(.active),body .hex-teaching-dock>.leftDock>div.scoreNumber>a.active{background-color:#FDA155}body .hex-teaching-dock>.leftDock>div.scoreNumber:not(.deduction){display:block}body .hex-teaching-dock>.leftDock>div.scoreNumber.deduction{display:none}body .hex-teaching-dock>.leftDock>div.scoreNumber.deduction>a.active{background-color:#84B1ED}body .hex-teaching-dock>.leftDock>div.scoreNumber.custom{position:relative}body .hex-teaching-dock>.leftDock>div.scoreNumber.custom>a:nth-of-type(1){width:calc(100% - 35px);margin:0 0 0 3px}body .hex-teaching-dock>.leftDock>div.scoreNumber.custom>a:nth-of-type(2){position:absolute;right:2px;top:0;width:28px;height:100%;margin-left:3px;background-repeat:no-repeat;background-position:center;background-image:url(../../../image/dock_dark/input.svg);background-size:16px 16px}body .hex-teaching-dock>.leftDock>div.scoreNumber.custom>a:nth-of-type(2):active{background-color:#FDA155}body .hex-teaching-dock>.leftDock>div.scoreNumber.custom.deduction>a:nth-of-type(2):active{background-color:#84B1ED}body .hex-teaching-dock>.leftDock>div.scoreNumber.custom.downhWindow{margin-right:0}body .hex-teaching-dock>.leftDock>div.changeType>a,body .hex-teaching-dock>.leftDock>div.togetherScore>a{margin:0 auto;border-radius:4px;display:block;width:76px;height:34px}body .hex-teaching-dock>.leftDock>div.changeType>a>span,body .hex-teaching-dock>.leftDock>div.togetherScore>a>span{line-height:34px;width:calc(50% + 2px);height:calc(100% + 2px);margin:-1px;font-size:14px;display:block;text-align:center;border-radius:4px;float:left;position:relative;font-weight:bolder}body .hex-teaching-dock>.leftDock>div.changeType>a>span:nth-of-type(1),body .hex-teaching-dock>.leftDock>div.togetherScore>a>span:nth-of-type(1){z-index:1;background-color:unset}body .hex-teaching-dock>.leftDock>div.changeType>a>span:nth-of-type(2),body .hex-teaching-dock>.leftDock>div.togetherScore>a>span:nth-of-type(2){z-index:2;background-color:#4A90E2;color:#FFF}body .hex-teaching-dock>.leftDock>div.changeType>a.active>span:nth-of-type(1),body .hex-teaching-dock>.leftDock>div.changeType>a.deduction>span:nth-of-type(1),body .hex-teaching-dock>.leftDock>div.togetherScore>a.active>span:nth-of-type(1),body .hex-teaching-dock>.leftDock>div.togetherScore>a.deduction>span:nth-of-type(1){background-color:#4A90E2;color:#FFF!important}body .hex-teaching-dock>.leftDock>div.changeType>a.active>span:nth-of-type(2),body .hex-teaching-dock>.leftDock>div.changeType>a.deduction>span:nth-of-type(2),body .hex-teaching-dock>.leftDock>div.togetherScore>a.active>span:nth-of-type(2),body .hex-teaching-dock>.leftDock>div.togetherScore>a.deduction>span:nth-of-type(2){background-color:unset}body .hex-teaching-dock>.leftDock>div.togetherScore{padding-bottom:15px}body .hex-teaching-dock>.leftDock>div.changeType{margin-bottom:10px;margin-top:15px}body .hex-teaching-dock>.leftDock>div.shape>div.list{top:-5px;display:block!important}body .hex-teaching-dock>.leftDock>div.shape>div.list>div{display:-webkit-box;display:flex;width:100%;padding:0}body .hex-teaching-dock>.leftDock>div.shape>div.list>div>div{padding:5px;width:60px;height:60px}body .hex-teaching-dock>.leftDock>div.photo>div>div.modalTips{position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}body .hex-teaching-dock>.leftDock>div.rubber>div.list{-webkit-box-pack:space-evenly;justify-content:space-evenly}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div{padding:20px 2px}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a{position:relative;width:60px;height:90px}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a[rubber-weight='20']>i{width:10px;height:10px}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a[rubber-weight='50']>i{width:20px;height:20px}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a[rubber-weight='100']>i{width:30px;height:30px}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a[rubber-weight='150']>i{width:40px;height:40px}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a[rubber-weight='200']>i{width:60px;height:60px}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a.active>i{border:3px solid #FFF}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a.active>span{color:#FDD707}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a>i{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:calc(50% - 18px);left:50%;display:block;background:radial-gradient(38% 57% at 50% 50%,#7F818B 0,#53555E 100%);border-radius:2px;border:1px solid #B3B3B3}body .hex-teaching-dock>.leftDock>div.rubber>div.list>div>a>span{width:100%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);position:absolute;bottom:0;left:50%;font-size:16px;color:#FFF;font-weight:500}body .hex-teaching-dock>.whiteCanvasList{display:none}body .hex-teaching-dock>.whiteCanvasList>.bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#283933;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.whiteCanvasList>.bg>div{display:none;position:relative;width:100%;height:100%}body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourLineMatts>img,body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourlinematts>img{width:calc(1050 / 1366 * 100vw)}body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourLineMatts>img:nth-of-type(1),body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourlinematts>img:nth-of-type(1){top:calc(180 / 940 * 100vh)}body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourLineMatts>img:nth-last-of-type(1),body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourlinematts>img:nth-last-of-type(1){bottom:calc(260 / 940 * 100vh)}@media screen and (max-width:1400px) and (min-width:801px){body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourLineMatts img,body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourlinematts img{width:calc(1050 / 1366 * 100vw)}}@media screen and (max-width:800px){body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourLineMatts img,body .hex-teaching-dock>.whiteCanvasList>.bg>div.fourlinematts img{width:calc(900 / 1366 * 100vw)}}body .hex-teaching-dock>.whiteCanvasList>.bg>div>img{position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}body .hex-teaching-dock>.whiteCanvasList>.bg>div>img:nth-of-type(1){top:180px}body .hex-teaching-dock>.whiteCanvasList>.bg>div>img:nth-last-of-type(1){bottom:260px}@media screen and (max-width:1400px) and (min-width:801px){body .hex-teaching-dock>.whiteCanvasList>.bg>div img{width:84%}}@media screen and (max-width:800px){body .hex-teaching-dock>.whiteCanvasList>.bg>div img{width:79%}}body .hex-teaching-dock>.whiteCanvasList>canvas{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;position:fixed;top:0;left:0;z-index:-1}body .hex-teaching-dock>.whiteCanvasList>canvas~canvas.shape{z-index:-1}body .hex-teaching-dock>.whiteCanvasList>canvas.active{z-index:6}body .hex-teaching-dock>.whiteCanvasList>canvas.active+canvas.shape,body .hex-teaching-dock>.whiteCanvasList>canvas.active+img+canvas.shape{z-index:5}body .hex-teaching-dock>.whiteCanvasList>canvas.active+canvas.shape.nowActive,body .hex-teaching-dock>.whiteCanvasList>canvas.active+img+canvas.shape.nowActive{z-index:7}body .hex-teaching-dock>.whiteCanvasList>div.toolbar{z-index:7;position:fixed;bottom:154px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:300px;height:43px;padding:5px 5px 0;margin:0 auto;border-radius:2px;background-color:#d9d8d8;display:-webkit-box;display:flex}body .hex-teaching-dock>.whiteCanvasList>div.toolbar>a{display:block;font-size:16px!important;background-color:#283933;position:relative;margin-bottom:2px;padding:4px 7px;color:#d9d8d8;border:1px solid #d9d8d8;text-align:center}body .hex-teaching-dock>.whiteCanvasList>div.toolbar>a>span{display:block;width:100%;color:#283933;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}body .hex-teaching-dock>.whiteCanvasList>div.toolbar>a[fourlinematts]{width:146px}body .hex-teaching-dock>.whiteCanvasList>div.toolbar>a.active,body .hex-teaching-dock>.whiteCanvasList>div.toolbar>a:active{border:1px solid #283933;background-color:#d9d8d8;color:#283933}body .hex-teaching-dock>.whiteCanvasList>div.hideSlide,body .hex-teaching-dock>.whiteCanvasList>div.showSlide{z-index:7;position:fixed;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:68px;height:20px;padding:3px 6px;background-color:#d9d8d8;border-bottom:1px solid #979797;color:#283933;font-size:14px;line-height:14px;border-top-left-radius:4px;border-top-right-radius:4px;cursor:pointer}body .hex-teaching-dock>.whiteCanvasList>div.hideSlide{bottom:197px;border-bottom:1px solid #979797}body .hex-teaching-dock>.whiteCanvasList>div.showSlide{bottom:108px}body .hex-teaching-dock>.whiteCanvasList>div.imgSlide{z-index:7;position:fixed;bottom:108px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);height:46px;width:300px;padding:5px;margin:0 auto;border-radius:2px;background-color:#d9d8d8;display:-webkit-box;display:flex}body .hex-teaching-dock>.whiteCanvasList>div.imgSlide>a{-webkit-box-flex:1;flex:1;display:block;font-size:16px!important;border:1px solid #d9d8d8;position:relative}body .hex-teaching-dock>.whiteCanvasList>div.imgSlide>a>span{font-family:"Source Han Sans CN";display:block;width:100%;color:#d9d8d8;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}body .hex-teaching-dock>.whiteCanvasList>div.imgSlide>a>img{width:calc(100% - 0px);height:calc(100% - 0px);margin:0 auto;background-color:#283933;position:absolute;left:0;top:0;z-index:1}body .hex-teaching-dock>.whiteCanvasList>div.imgSlide>a.active,body .hex-teaching-dock>.whiteCanvasList>div.imgSlide>a:active{background-color:#d9d8d8;border:1px solid #283933}body .hex-teaching-dock>.whiteCanvasList>div.imgSlide>a.active>img,body .hex-teaching-dock>.whiteCanvasList>div.imgSlide>a:active>img{background-color:#d9d8d8}body .hex-teaching-dock>.whiteCanvasList>div.imgSlide>a.active>span,body .hex-teaching-dock>.whiteCanvasList>div.imgSlide>a:active>span{color:#283933}body .hex-teaching-dock>.timerModal{z-index:8;display:none;position:fixed;width:100%;height:100%}body .hex-teaching-dock>.timerModal>.bg{width:535px;height:476px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:20px;box-shadow:0 2px 15px rgba(37,71,125,.5)}body .hex-teaching-dock>.timerModal>.main{width:548px;height:476px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:relative;padding:20px 19px;border-radius:20px}body .hex-teaching-dock>.timerModal>.main>a{position:absolute;width:20px;height:20px;display:block;text-align:center;background-position:center;background-size:cover;z-index:3;top:20px}body .hex-teaching-dock>.timerModal>.main>a.hideTime{right:60px;background-image:url(../../../image/dock_dark/min_Time.svg)}body .hex-teaching-dock>.timerModal>.main>a.hideTime:active{background-image:url(../../../image/dock_dark/min_Time_a.svg)}body .hex-teaching-dock>.timerModal>.main>a.closeTime{right:20px;background-image:url(../../../image/dock_dark/close_Time.svg)}body .hex-teaching-dock>.timerModal>.main>a.closeTime:active{background-image:url(../../../image/dock_dark/close_Time_a.svg)}body .hex-teaching-dock>.timerModal>.main>div.top{width:100%;height:247px}body .hex-teaching-dock>.timerModal>.main>div.top>div.switch{width:300px;height:30px;cursor:pointer;border-radius:15px;display:-webkit-box;display:flex;margin:0 auto;position:relative}body .hex-teaching-dock>.timerModal>.main>div.top>div.switch>a{width:150px;text-align:center;font-size:14px;line-height:30px;color:#333;position:absolute;z-index:1}body .hex-teaching-dock>.timerModal>.main>div.top>div.switch>a[type=inverted]{right:-1px}body .hex-teaching-dock>.timerModal>.main>div.top>div.switch>a[type=positive]{left:-1p}body .hex-teaching-dock>.timerModal>.main>div.top>div.switch>i{width:150px;height:30px;text-align:center;font-size:14px;line-height:30px;color:#fff;border-radius:15px;position:absolute;z-index:0;right:-1px;top:-1px}body .hex-teaching-dock>.timerModal>.main>div.top>div.switch.inverted>a[type=inverted],body .hex-teaching-dock>.timerModal>.main>div.top>div.switch.positiveTiming>a[type=positive]{color:#fff;-webkit-animation:slideLeftColor .2s 1 linear;animation:slideLeftColor .2s 1 linear}body .hex-teaching-dock>.timerModal>.main>div.top>div.num{margin-top:70px;-webkit-box-flex:1;flex:1;position:relative}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div{position:absolute;top:0;left:60px}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div{float:left}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers{display:-webkit-box;display:flex}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i{height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:3px;position:absolute;left:0;top:0;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.active{display:block;-webkit-animation:fadeIn .8s 1 ease-in-out;animation:fadeIn .8s 1 ease-in-out;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.before{display:block;-webkit-animation:fadeOut .8s 1 ease-in-out;animation:fadeOut .8s 1 ease-in-out;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num0{background-image:url(../../../image/dock_dark/0.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num1{background-image:url(../../../image/dock_dark/1.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num2{background-image:url(../../../image/dock_dark/2.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num3{background-image:url(../../../image/dock_dark/3.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num4{background-image:url(../../../image/dock_dark/4.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num5{background-image:url(../../../image/dock_dark/5.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num6{background-image:url(../../../image/dock_dark/6.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num7{background-image:url(../../../image/dock_dark/7.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num8{background-image:url(../../../image/dock_dark/8.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers i.num9{background-image:url(../../../image/dock_dark/9.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers>div{-webkit-box-flex:1;flex:1;height:90px;width:63px;position:relative}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers>div>a{display:none;width:20px;height:20px;line-height:30px;position:absolute;left:22px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers>div>a.add{top:-40px;background-image:url(../../../image/dock_dark/plus.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers>div>a.minus{bottom:-40px;background-image:url(../../../image/dock_dark/reduce.svg)}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div.numbers>div:nth-of-type(1){margin-right:18px}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div:not(.numbers){width:45px;height:90px;margin-left:33px;margin-right:32px}body .hex-teaching-dock>.timerModal>.main>div.top>div.num>div>div:not(.numbers)>i{width:45px;display:inline-block;text-align:center;font-family:"Trebuchet MS";font-size:90px;line-height:78px;color:#333}body .hex-teaching-dock>.timerModal>.main>div.bottom{padding-top:20px}body .hex-teaching-dock>.timerModal>.main>div.bottom>div.setTime{width:364px;margin:4px auto 0}body .hex-teaching-dock>.timerModal>.main>div.bottom>div.setTime>div{width:100%;height:40px;display:-webkit-box;display:flex}body .hex-teaching-dock>.timerModal>.main>div.bottom>div.setTime>div:nth-of-type(2){margin-top:20px}body .hex-teaching-dock>.timerModal>.main>div.bottom>div.setTime>div>a{width:76px;height:36px;border-radius:10px;margin-right:20px}body .hex-teaching-dock>.timerModal>.main>div.bottom>div.setTime>div>a>i{width:76px;height:36px;line-height:32px;border-radius:10px;font-family:"Trebuchet MS";background-color:#fff;font-size:20px;display:inline-block;margin-top:-4px}body .hex-teaching-dock>.timerModal>.main>div.bottom>div.setTime>div>a.active>i{color:#fff}body .hex-teaching-dock>.timerModal>.main>div.bottom>.setting{width:184px;height:36px;margin:24px auto 0}body .hex-teaching-dock>.timerModal>.main>div.bottom>.setting>a{width:100%;height:100%;border-radius:8px;opacity:0;-webkit-animation:fadeOut .5s 1 ease-in-out;animation:fadeOut .5s 1 ease-in-out;background-color:#84B1ED;display:none}body .hex-teaching-dock>.timerModal>.main>div.bottom>.setting>a>i{display:inline-block;width:100%;height:100%;margin-top:-4px;border-radius:8px;background-repeat:no-repeat;background-position:center}body .hex-teaching-dock>.timerModal>.main>div.bottom>.setting>a.active{display:block;opacity:1;-webkit-animation:fadeIn .5s 1 ease-in-out;animation:fadeIn .5s 1 ease-in-out}body .hex-teaching-dock>.timerModal>.main>div.bottom>.setting>a.startTimer>i{background-image:url(../../../image/dock_dark/playTime.svg)}body .hex-teaching-dock>.timerModal>.main>div.bottom>.setting>a.pauseTimer>i{background-image:url(../../../image/dock_dark/pauseTime.svg)}body .hex-teaching-dock>.timerModal>.main.inverted{background-image:url(../../../image/dock_dark/countDown.svg)}body .hex-teaching-dock>.timerModal>.main.inverted>div.top>div.switch{border:1px solid #FDA155}body .hex-teaching-dock>.timerModal>.main.inverted>div.top>div.switch>i{background-color:#FDA155}body .hex-teaching-dock>.timerModal>.main.inverted>div.top>div.switch>i.slideRight{-webkit-animation:slideRight .2s 1 linear;animation:slideRight .2s 1 linear;left:151px}body .hex-teaching-dock>.timerModal>.main.inverted>div.bottom{border-top:1px dashed #FFA961}body .hex-teaching-dock>.timerModal>.main.inverted>div.bottom>div.setTime>div>a{background-color:#F99E53}body .hex-teaching-dock>.timerModal>.main.inverted>div.bottom>div.setTime>div>a>i{border:1px solid #FFA961;color:#FDA155}body .hex-teaching-dock>.timerModal>.main.inverted>div.bottom>div.setTime>div>a.active>i{color:#fff;background-color:#FFA961;border:1px solid #FFA961}body .hex-teaching-dock>.timerModal>.main.inverted>div.bottom>div.setting>a{background-color:#F99E53}body .hex-teaching-dock>.timerModal>.main.inverted>div.bottom>div.setting>a>i{background-color:#FFA961}body .hex-teaching-dock>.timerModal>.main.positiveTiming{background-image:url(../../../image/dock_dark/positiveTiming.svg)}body .hex-teaching-dock>.timerModal>.main.positiveTiming>div.top>div.switch{border:1px solid #84B1ED}body .hex-teaching-dock>.timerModal>.main.positiveTiming>div.top>div.switch>i{background-color:#84B1ED}body .hex-teaching-dock>.timerModal>.main.positiveTiming>div.top>div.switch>i.slideLeft{-webkit-animation:slideLeft .2s 1 linear;animation:slideLeft .2s 1 linear;right:151px}body .hex-teaching-dock>.timerModal>.main.positiveTiming>div.bottom{border-top:1px dashed #84B1ED}body .hex-teaching-dock>.timerModal>.main.positiveTiming>div.bottom>div.setTime>div>a{background-color:#76A0D9}body .hex-teaching-dock>.timerModal>.main.positiveTiming>div.bottom>div.setTime>div>a>i{border:1px solid #84B1ED;color:#84B1ED}body .hex-teaching-dock>.timerModal>.main.positiveTiming>div.bottom>div.setTime>div>a.active>i{color:#fff;background-color:#84B1ED}body .hex-teaching-dock>.timerModal>.main.positiveTiming>div.bottom>div.setting>a{background-color:#76A0D9}body .hex-teaching-dock>.timerModal>.main.positiveTiming>div.bottom>div.setting>a>i{background-color:#84B1ED}body .hex-teaching-dock>.studentGroupModal{position:fixed;width:100%;height:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:0;z-index:-1;display:none}body .hex-teaching-dock>.studentGroupModal.show{opacity:1;z-index:7;display:block}body .hex-teaching-dock>.studentGroupModal>div{overflow-x:hidden;overflow-y:auto;height:calc(100% - 100px);width:100%;padding-left:115px;position:relative}body .hex-teaching-dock>.studentGroupModal>div>div.groupList{width:100%;height:100%;padding-top:120px}body .hex-teaching-dock>.studentGroupModal>div>div.groupList.absolute{position:absolute;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:115px;top:50%;height:auto;width:calc(100% - 115px);padding-top:0}body .hex-teaching-dock>.studentGroupModal>div>div.groupList>div.oneGroup{float:left;width:calc(20% - 40px);max-height:calc(100% - 120px);border-radius:6px;margin:20px;padding:10px}@media screen and (max-width:1599px){body .hex-teaching-dock>.studentGroupModal>div>div.groupList>div.oneGroup{width:calc(25% - 40px)}}@media screen and (max-width:1299px){body .hex-teaching-dock>.studentGroupModal>div>div.groupList>div.oneGroup{width:calc(33% - 40px)}}@media screen and (max-width:1023px){body .hex-teaching-dock>.studentGroupModal>div>div.groupList>div.oneGroup{width:calc(50% - 40px)}}body .hex-teaching-dock>.studentGroupModal>div>div.groupList>div.oneGroup.ranktrue{width:calc(25% - 40px)}@media screen and (max-width:1599px){body .hex-teaching-dock>.studentGroupModal>div>div.groupList>div.oneGroup.ranktrue{width:calc(33% - 40px)}}@media screen and (max-width:1299px){body .hex-teaching-dock>.studentGroupModal>div>div.groupList>div.oneGroup.ranktrue{width:calc(50% - 40px)}}@media screen and (max-width:1023px){body .hex-teaching-dock>.studentGroupModal>div>div.groupList>div.oneGroup.ranktrue{width:calc(100% - 40px)}}body .hex-teaching-dock>.studentGroupModal>div>div.groupList>div.oneGroup>div{height:100%;width:100%;border-radius:6px}body .hex-teaching-dock>.studentGroupModal>div div.noSelectGroup,body .hex-teaching-dock>.studentGroupModal>div>div.selectGroup{position:fixed;bottom:108px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:4;width:76px;height:30px;font-size:14px;line-height:14px;padding:8px 10px;color:#fff;background-color:#4A90E2;border-radius:4px}body .hex-teaching-dock>.studentGroupModal>div div.noSelectGroup{background-color:#666}body .hex-teaching-dock>.studentGroupModal>div>div.hex-switch{position:fixed;bottom:112px;left:calc(50% + 90px);-webkit-transform:translate(calc(-50% + 45px),0);transform:translate(calc(-50% + 45px),0);z-index:4;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;font-size:14px;line-height:20px;height:20px;vertical-align:middle}body .hex-teaching-dock>.studentGroupModal>div>div.hex-switch>span.hex-switch__text{-webkit-transition:.2s;transition:.2s;height:20px;display:inline-block;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;color:#79BCE8;margin-right:6px}body .hex-teaching-dock>.studentGroupModal>div>div.hex-switch>span.hex-switch__core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid #dcdfe6;outline:0;border-radius:10px;box-sizing:border-box;background:#dcdfe6;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;vertical-align:middle}body .hex-teaching-dock>.studentGroupModal>div>div.hex-switch>span.hex-switch__core::after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#fff}body .hex-teaching-dock>.studentGroupModal>div>div.hex-switch.is-checked>span.hex-switch__core{border-color:#79BCE8;background-color:#79BCE8}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row2>div>div>div.oneTable:nth-of-type(2n - 2),body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row3>div>div>div.oneTable:nth-of-type(3n - 3),body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row4>div>div>div.oneTable:nth-of-type(4n - 4){border-right:none}body .hex-teaching-dock>.studentGroupModal>div>div.hex-switch.is-checked>span.hex-switch__core::after{left:100%;margin-left:-17px}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup{overflow:hidden;background-color:#CDCDCD;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup.range0{background-color:#FECB3F}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup.range1{background-color:#B8C5DB}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup.range2{background-color:#F7B04F}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top{height:95px;position:relative;background-color:#283933;background-image:url(../../../image/group/line.svg);background-repeat:repeat-x;background-position:center bottom -1px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top.range0{background-color:#FECB3F}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top.range1{background-color:#B8C5DB}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top.range2{background-color:#F7B04F}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>i.header{display:block;width:72px;height:72px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);position:absolute;top:-10px;right:-20px;background-size:contain;background-repeat:no-repeat;background-position:center bottom}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>i.header.range0{background-image:url(../../../image/group/first.svg)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>i.header.range1{background-image:url(../../../image/group/second.svg)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>i.header.range2{background-image:url(../../../image/group/third.svg)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>a.groupName{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);position:absolute;left:50%;top:54px;color:#FFF;font-size:24px;width:100%;text-align:center;font-weight:bolder}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>a.groupName.range0,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>a.groupName.range1,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>a.groupName.range2{color:#283933}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>a.groupName:active{color:#4A90E2}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>span{position:absolute;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);top:2px;left:50%;color:#FFF;font-size:38px;font-weight:bolder;font-family:'Trebuchet MS'}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>span.range0,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>span.range1,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.top>span.range2{color:#283933}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom{-webkit-box-flex:1;flex:1;overflow:auto;background-color:#FFF;border-bottom-left-radius:6px;border-bottom-right-radius:6px}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList{overflow:hidden;padding:7px 0}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList>a{width:50%;float:left;display:block;color:#283933;font-size:26px;text-align:center;margin:7px 0;font-weight:bolder;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row2>div.changeType>div.left>a,body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row2>div.changeType>div.left>span,body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.left>span{margin-right:20px}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList>a:active{color:#4A90E2}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList{position:relative}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>a{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>a>span{color:#283933;font-size:28px;font-weight:bolder}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>a>span>i{color:#F38232;font-size:28px;font-weight:bolder}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>a>span:nth-of-type(1){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>a>span:nth-of-type(2){display:-webkit-inline-box;display:inline-flex}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>a:active,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>a:active>span{color:#4A90E2}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank{margin-bottom:10px;position:relative;overflow:hidden;height:0;padding-bottom:calc(200 / 378 * 100%);width:100%}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third{display:block;width:40%;position:absolute;bottom:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../../../image/group/student_first.png)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first>span.name,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second>span.name,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third>span.name{position:absolute;top:calc(14/1080*100vh);left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);font-weight:bolder;font-size:calc(32/1920*100vw);font-size:clamp(28px,calc(32/1920*100vw),34px);color:#FFF;line-height:1.125;text-align:center;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:90%}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first>span.score,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second>span.score,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third>span.score{font-family:YouSheBiaoTiHei;font-size:calc(30/1920*100vw);font-size:clamp(26px,calc(30/1920*100vw),36px);color:#DB8E32;line-height:1.125;position:absolute;top:calc(78/1080*100vh);left:39%;font-weight:bolder}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first.first,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second.first,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third.first{height:100%;padding-bottom:calc(252 / 160 * 40%);top:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background-image:url(../../../image/group/student_first.png)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first.first>span.name,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second.first>span.name,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third.first>span.name{top:calc(14/252*100%)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first.first>span.score,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second.first>span.score,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third.first>span.score{color:#DB8E32;top:calc(84/252*100%);left:42%}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first.second,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second.second,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third.second{height:0;padding-bottom:calc(141 / 160 * 40%);left:calc(-14/1920*100vw);-webkit-transform:translate(0,0);transform:translate(0,0);background-image:url(../../../image/group/student_second.png)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first.second>span.name,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second.second>span.name,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third.second>span.name{top:calc(14/141*100%)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first.second>span.score,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second.second>span.score,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third.second>span.score{color:#7E8CAB;top:calc(83/141*100%)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first.third,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second.third,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third.third{height:0;padding-bottom:calc(127 / 160 * 40%);right:calc(-14/1920*100vw);-webkit-transform:translate(0,0);transform:translate(0,0);background-image:url(../../../image/group/student_third.png)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first.third>span.name,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second.third>span.name,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third.third>span.name{top:calc(14/127*100%)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.first.third>span.score,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.second.third>span.score,body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup>div>div.bottom>div.personList.personRankList>div.rank>.third.third>span.score{color:#B69B7A;top:calc(83/127*100%)}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup.selected{-webkit-animation:selectGroup 5s 1 ease-in-out;animation:selectGroup 5s 1 ease-in-out;background-color:#4A90E2}body .hex-teaching-dock>.studentGroupModal>div.group>div.groupList>div.oneGroup.selected>div>div.top{background-color:#4A90E2}body .hex-teaching-dock>.studentGroupModal>div.person>div{width:100%;height:100%;position:relative}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#CDCDCD;padding:10px;border-radius:6px;position:relative}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.haveScroll>i.right{right:20px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.haveScroll>i.bottom,body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.haveScroll>i.top{width:calc(100% - 30px)}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row4{width:1680px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row4.haveScroll{width:1690px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row4.haveScroll>i.right{right:10px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row3{width:1265px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row3.haveScroll{width:1275px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row2{width:850px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row2.haveScroll{width:860px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row1{width:auto}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table.row1>div>div>div.oneTable{border-bottom:none;border-right:none}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>i{display:block;position:absolute;background-color:#FFF;z-index:2}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>i.left{left:10px;top:10px;width:20px;height:calc(100% - 20px);border-bottom-left-radius:6px;border-top-left-radius:6px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>i.right{right:10px;top:10px;width:20px;height:calc(100% - 20px);border-bottom-right-radius:6px;border-top-right-radius:6px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>i.top{left:10px;top:10px;width:calc(100% - 20px);height:20px;border-top-left-radius:6px;border-top-right-radius:6px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>i.bottom{left:10px;bottom:10px;width:calc(100% - 20px);height:20px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType{height:74px;background-color:#FFF;position:relative;z-index:3;display:-webkit-box;display:flex;padding:0 20px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.left{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.left>a,body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.left>span{height:32px;line-height:32px;font-size:20px;padding:0 3px;color:#666;margin-top:20px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.left>a.active,body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.left>span.active{border-radius:4px;background-color:#4A90E2;color:#FFF}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.left>a{margin-right:44px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.right{padding:20px 0 0}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.right>div>a{margin:0 auto;border-radius:6px;display:block;width:136px;height:34px;border:1px solid #333}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.right>div>a>span{line-height:34px;width:calc(50% + 2px);height:calc(100% + 2px);margin:-1px;font-size:14px;display:block;text-align:center;border-radius:6px;float:left;position:relative;font-weight:bolder;color:#333}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.right>div>a>span:nth-of-type(1){z-index:1;background-color:unset}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.right>div>a>span:nth-of-type(2){z-index:2;background-color:#4A90E2;color:#FFF}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.right>div>a.active>span:nth-of-type(1){background-color:#4A90E2;color:#FFF!important}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.changeType>div.right>div>a.active>span:nth-of-type(2){background-color:unset;color:#333!important}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable{width:100%;background-color:#FFF;overflow-x:hidden;overflow-y:auto;border-bottom-left-radius:6px;border-bottom-right-radius:6px;max-height:640px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable.noBg{background-image:none}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div{width:100%;overflow:hidden}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div:not(.pinyin){margin-top:-20px;background-image:url(../../../image/group/bg.png);background-repeat:repeat-x;background-position:bottom 20px right}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div.pinyin{padding:0 20px 20px;background-color:#FFF}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div.pinyin>div:not(.onePinYin){overflow:hidden}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div.pinyin>div.onePinYin{display:-webkit-box;display:flex;border-bottom:1px solid #E2E2E2;padding:16px 0}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div.pinyin>div.onePinYin:nth-last-of-type(1){border-bottom:none}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div.pinyin>div.onePinYin>div.left{padding:0 42px 0 23px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div.pinyin>div.onePinYin>div.left>span{color:#4A90E2;font-weight:bolder;font-size:20px;line-height:46px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div.pinyin>div.onePinYin>div.right{-webkit-box-flex:1;flex:1;overflow:hidden}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div a.oneStudent{display:block;float:left;width:50%;height:46px;position:relative}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div a.oneStudent.width{width:180px;height:46px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div a.oneStudent>*{position:absolute;bottom:0}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div a.oneStudent>i{top:8px;left:0;width:42px;height:30px;background-color:#4A90E2;color:#fff;border-radius:4px;line-height:31px;text-align:center;font-size:20px;font-family:"Trebuchet MS"}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div a.oneStudent>span{line-height:46px;left:46px;color:#333;font-weight:bolder;font-size:30px;width:calc(100% - 45px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div a.oneStudent>span:active{color:#4A90E2}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div>div.oneTable{float:left;width:415px;height:296px;padding:20px;border-bottom:1px solid #CDCDCD;border-right:1px solid #CDCDCD;position:relative;background-color:#fff}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div>div.oneTable.noBorder{border-bottom:none}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div>div.oneTable>div.top{height:26px;position:absolute;top:20px;left:20px}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div>div.oneTable>div.top>span{color:#666;line-height:26px;font-size:20px;font-family:"Trebuchet MS"}body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable>div>div.oneTable>div.bottom{height:100%;padding-top:26px}@media screen and (min-height:380px) and (max-height:600px){body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable{max-height:262px}}@media screen and (min-height:601px) and (max-height:768px){body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable{max-height:430px}}@media screen and (min-height:769px) and (max-height:864px){body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable{max-height:526px}}@media screen and (min-height:865px) and (max-height:960px){body .hex-teaching-dock>.studentGroupModal>div.person>div>div.table>div.personTable{max-height:622px}}body .hex-teaching-dock>.customTimeModal{z-index:8;display:none;position:fixed;width:100%;height:100%}body .hex-teaching-dock>.customTimeModal.deduction>div{background-color:#FDA155}body .hex-teaching-dock>.customTimeModal.deduction>div>div>div.bottom>a.number{border:2px solid #FDA155!important;color:#FDA155!important}body .hex-teaching-dock>.customTimeModal.deduction>div>div>div.bottom>a.number:active{background-color:#FDA155!important;color:#FFF!important}body .hex-teaching-dock>.customTimeModal.deduction>div>div>div.bottom>a.affirm{border:2px solid #FDA155!important;background-color:#FDA155!important}body .hex-teaching-dock>.customTimeModal.deduction>div>div>div.bottom>a.affirm:active{background-color:#FFF!important;color:#FDA155!important}body .hex-teaching-dock>.customTimeModal.deduction>div>div>div.top>p{border:1px solid #FDA155!important;background-color:#FFF5E5!important}body .hex-teaching-dock>.customTimeModal>div{width:340px;height:310px;position:absolute;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:calc(50% + 180px);left:108px;background-color:#84B1ED;padding:10px;border-radius:6px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.customTimeModal>div>div{width:100%;height:100%;background-color:#FFF;border-radius:6px;padding:20px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}body .hex-teaching-dock>.customTimeModal>div>div>div.top{height:66px}body .hex-teaching-dock>.customTimeModal>div>div>div.top>p{height:40px;background-color:#E5F0FF;border:1px solid #84B1ED;border-radius:4px;position:relative;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.customTimeModal>div>div>div.top>p>i{height:38px;font-size:28px;line-height:38px;color:#333;position:absolute;top:-2px;left:8px}body .hex-teaching-dock>.customTimeModal>div>div>div.top>p>span,body .hex-teaching-dock>.customTimeModal>div>div>div.top>p>strong{height:38px;line-height:38px;font-size:20px;color:#999;position:absolute;top:0;right:8px}body .hex-teaching-dock>.customTimeModal>div>div>div.top>p>strong{color:#333}body .hex-teaching-dock>.customTimeModal>div>div>div.bottom{-webkit-box-flex:1;flex:1;margin:-8px -10px}body .hex-teaching-dock>.customTimeModal>div>div>div.bottom>a{display:block;width:80px;height:34px;float:left;margin:8px 10px;line-height:30px;text-align:center;border-radius:4px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}body .hex-teaching-dock>.customTimeModal>div>div>div.bottom>a.number{border:2px solid #84B1ED;color:#84B1ED;font-size:20px;font-family:"Trfebuchet MS"}body .hex-teaching-dock>.customTimeModal>div>div>div.bottom>a.number:active{background-color:#84B1ED;color:#FFF}body .hex-teaching-dock>.customTimeModal>div>div>div.bottom>a.affirm,body .hex-teaching-dock>.customTimeModal>div>div>div.bottom>a.remove{font-size:20px;font-weight:bolder}body .hex-teaching-dock>.customTimeModal>div>div>div.bottom>a.remove{color:#D75757;border:2px solid #D75757}body .hex-teaching-dock>.customTimeModal>div>div>div.bottom>a.remove:active{background-color:#D75757;color:#FFF}body .hex-teaching-dock>.customTimeModal>div>div>div.bottom>a.affirm{background-color:#84B1ED;border:2px solid #84B1ED;color:#FFF}body .hex-teaching-dock>.customTimeModal>div>div>div.bottom>a.affirm:active{background-color:#FFF;color:#84B1ED}body .hex-teaching-dock>.selectStudentModal{z-index:8;display:none;position:fixed;width:100%;height:100%;overflow:hidden}body .hex-teaching-dock>.selectStudentModal>div{width:399px;height:534px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed;background-position:0 -25px;background-image:url(../../../image/dock_dark/select_bg.png);border-top-left-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-repeat:no-repeat}body .hex-teaching-dock>.selectStudentModal>div>a{position:absolute;top:10px;width:20px;height:20px;display:block;text-align:center;background-position:center;background-size:cover;z-index:3}body .hex-teaching-dock>.selectStudentModal>div>a.hideSelect{right:40px;background-image:url(../../../image/dock_dark/min_modal.svg)}body .hex-teaching-dock>.selectStudentModal>div>a.closeSelect{right:8px;background-image:url(../../../image/dock_dark/close_modal.svg)}body .hex-teaching-dock>.selectStudentModal>div>div.name{width:297px;height:233px;margin:92.45px auto 0}body .hex-teaching-dock>.selectStudentModal>div>div.name>span{width:100%;height:129px;line-height:129px;display:block;text-align:center;font-size:72px;text-shadow:0 2px 4px #3977BF;overflow:hidden;box-shadow:0 2px 7px #4A90E2;border-radius:8px;color:#fff;background-image:linear-gradient(135deg,#61BDFF 0,#4A90E2 50%)}body .hex-teaching-dock>.selectStudentModal>div>div.name>span>i{display:block;width:264px;height:129px;margin:0 auto;overflow:hidden;position:relative}body .hex-teaching-dock>.selectStudentModal>div>div.name>span>i>i{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:129px;line-height:129px;position:absolute;left:0;font-size:40px;color:#FFF;letter-spacing:4.03px;text-align:center;text-shadow:0 2px 4px #3977BF}body .hex-teaching-dock>.selectStudentModal>div>div.name>span.active{-webkit-animation:selectName .5s 1 ease-in-out;animation:selectName .5s 1 ease-in-out}body .hex-teaching-dock>.selectStudentModal>div>div.name>span.word5>i>i{left:25px}body .hex-teaching-dock>.selectStudentModal>div>div.name>a{display:-webkit-box;display:flex;width:223px;height:60px;text-align:center;border-radius:15px;margin:40px auto;background-color:#3977BF}body .hex-teaching-dock>.selectStudentModal>div>div.name>a>i{display:inline-block;width:233px;height:60px;line-height:60px;text-shadow:0 1px 0 #BDC2C9;color:#4A90E2;font-size:30px;font-family:"Source Han Sans CN";background-color:#fff;border:1px solid #4A90E2;margin-top:-4px;border-radius:15px}body .hex-teaching-dock>.selectStudentModal>div>div.list{overflow:hidden;margin-top:40px;padding-top:4px;padding-left:26px;padding-right:26px}body .hex-teaching-dock>.selectStudentModal>div>div.list>div{margin-bottom:14px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}body .hex-teaching-dock>.selectStudentModal>div>div.list>div>a{display:block;height:48px;width:80px;border-radius:15px;background-color:#3977BF}body .hex-teaching-dock>.selectStudentModal>div>div.list>div>a>i{margin-top:-4px;height:48px;width:80px;line-height:47px;border-radius:15px;font-size:30px;font-family:"Trebuchet MS";text-shadow:0 1px 0 #BDC2C9;display:inline-block}body .hex-teaching-dock>.selectStudentModal>div>div.list>div>a.plus>i{border:1px solid #4A90E2;color:#fff;background-color:#4A90E2}body .hex-teaching-dock>.selectStudentModal>div>div.list>div>a.minus>i{border:1px solid #3977BF;color:#4A90E2;background-color:#fff}body .hex-teaching-dock.leftSide>.leftDock.canvas{left:-110px;right:unset}body .hex-teaching-dock.leftSide>.leftDock.canvas>div>.list{left:90px;right:unset;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}body .hex-teaching-dock.leftSide>.leftDock.canvas>div.photo>div>div.modalTips{right:-160px;left:unset}body .hex-teaching-dock.leftSide>.leftDock.canvas>div.photo>div>div.modalTips>i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:10px solid #4A90E2;display:block;position:absolute;top:50%;left:-8px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}body .hex-teaching-dock.leftSide>.leftDock.studentGroup{left:-110px;right:unset}body .hex-teaching-dock.leftSide>.customTimeModal>div{left:108px;right:unset}body .hex-teaching-dock.rightSide>.leftDock.canvas{right:-110px;left:unset}body .hex-teaching-dock.rightSide>.leftDock.canvas>div>.list{right:90px;left:unset;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}body .hex-teaching-dock.rightSide>.leftDock.canvas>div.photo>div>div.modalTips{right:unset;left:-160px}body .hex-teaching-dock.rightSide>.leftDock.canvas>div.photo>div>div.modalTips>i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #4A90E2;display:block;position:absolute;top:50%;right:-8px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}body .hex-teaching-dock.rightSide>.leftDock.studentGroup{right:-110px;left:unset}body .hex-teaching-dock.rightSide>.customTimeModal>div{left:unset;right:108px}main>.projectionModal{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;z-index:30;display:none;position:absolute;top:40px;left:0;width:100%;height:100%!important}main>.projectionModal.fullScreen{height:100%!important;top:0}main>.projectionModal>div.info{width:100%;height:calc(100% - 130px)!important}main>.projectionModal>div.info>p{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main>.projectionModal>div.info>p>*{display:block}main>.projectionModal>div.info>p>strong{color:#d9d8d8;font-size:22px;margin-top:20px;line-height:60px}main>.projectionModal>div.info>p>span{color:#d9d8d8;font-size:24px;line-height:60px}main>.projectionModal>div.info>p>span>a,main>.projectionModal>div.info>p>span>i{height:60px;font-size:24px;line-height:40px;color:#fea827;background-repeat:no-repeat;background-position:left center;background-size:auto 100%;margin:0 5px}main>.projectionModal>div.info>p>span>a.login,main>.projectionModal>div.info>p>span>i.login{font-size:16px;width:110px;height:40px;padding:10px 15px;color:#FFF;line-height:40px;background-color:rgba(72,209,210,.5)}main>.projectionModal>div.info>p>span>a.projection_p,main>.projectionModal>div.info>p>span>i.projection_p{padding-left:43px;background-image:url(../../../image/dock_dark/projection_p.png)}main>.projectionModal>div.info>p>span>a.big_scan_p,main>.projectionModal>div.info>p>span>i.big_scan_p{padding-left:32px;background-image:url(../../../image/dock_dark/big_scan_p.png)}main>.projectionModal>div.info>p>span>a.projection_t,main>.projectionModal>div.info>p>span>i.projection_t{padding-left:35px;background-image:url(../../../image/dock_dark/projection_t.png)}main>.projectionModal>div.type0{width:100%;height:calc(100% - 130px)!important}main>.projectionModal>div.type0>div.modalTips{position:absolute;bottom:168px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:calc(50% + 70px)}main>.projectionModal>div.type0>div.modalTips>i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #4A90E2;position:absolute;bottom:-8px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}main>.projectionModal>div.type0>a{display:block;position:absolute;bottom:130px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:80px;height:30px;padding-left:14px;padding-right:12px;text-align:right;border-radius:4px;color:#FFF;line-height:30px}main>.projectionModal>div.type0>a>i{float:left;margin-top:6px;display:block;width:18px;height:18px;background-size:contain;background-position:center}main>.projectionModal>div.type0>a.restart{left:calc(50% - 70px);background-color:#D85757}main>.projectionModal>div.type0>a.restart>i{background-image:url(../../../image/projection/delete_white.svg)}main>.projectionModal>div.type0>a.save{left:calc(50% + 70px);background-color:#4A90E2}main>.projectionModal>div.type0>a.save:active{background-color:#79BCE8}main>.projectionModal>div.type0>a.save>i{background-image:url(../../../image/projection/save.svg)}main>.projectionModal>div.type0>div:not(.modalTips){height:calc(100% - 57px);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}main>.projectionModal>div.type0>div:not(.modalTips)>div{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;border-bottom:3px solid #d9d8d8}main>.projectionModal>div.type0>div:not(.modalTips)>div:nth-last-of-type(1){border-bottom:none}main>.projectionModal>div.type0>div:not(.modalTips)>div>div{-webkit-box-flex:1;flex:1;position:relative;border-right:3px solid #d9d8d8;cursor:pointer;overflow:hidden}main>.projectionModal>div.type0>div:not(.modalTips)>div>div:nth-last-of-type(1){border-right:none}main>.projectionModal>div.type0>div:not(.modalTips)>div>div>img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:calc(100% - 20px);max-height:calc(100% - 20px)}main>.projectionModal>div.type1>div.left.only>img.auto,main>.projectionModal>div.type1>div.left.two>div>img.auto,main>.projectionModal>div.type2>div.left.only>img.auto,main>.projectionModal>div.type2>div.left.two>div>img.auto{max-width:100%;max-height:100%}main>.projectionModal>div.type0>div:not(.modalTips)>div>div>strong{display:block;min-width:60px;height:30px;background-color:#2F7677;color:#FFF;font-size:14px;line-height:30px;text-align:center;position:absolute;top:0;left:0}main>.projectionModal>div.type1,main>.projectionModal>div.type2{width:100%;height:calc(100% - 130px)!important;display:-webkit-box;display:flex;position:relative}main>.projectionModal>div.type1>div.left,main>.projectionModal>div.type2>div.left{width:calc(100% - 300px);height:100%;position:relative;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}main>.projectionModal>div.type1>div.left.hideRight,main>.projectionModal>div.type2>div.left.hideRight{width:100%}main>.projectionModal>div.type1>div.left div.tools,main>.projectionModal>div.type2>div.left div.tools{background-color:rgba(0,0,0,.4);border-radius:6px;height:48px;display:-webkit-box;display:flex;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}main>.projectionModal>div.type1>div.left div.tools>div,main>.projectionModal>div.type2>div.left div.tools>div{position:relative;display:-webkit-box;display:flex;height:48px;border-radius:6px}main>.projectionModal>div.type1>div.left div.tools>div>a.reset,main>.projectionModal>div.type2>div.left div.tools>div>a.reset{margin:10px 20px 0 0;display:block;height:26px;line-height:24px;width:68px;border:1px solid #FFF;text-align:center;border-radius:6px;color:#FFF}main>.projectionModal>div.type1>div.left div.tools>div>a,main>.projectionModal>div.type2>div.left div.tools>div>a{-webkit-box-flex:1;flex:1;display:block;width:48px;height:48px;position:relative;margin-right:24px}main>.projectionModal>div.type1>div.left div.tools>div>a>i,main>.projectionModal>div.type2>div.left div.tools>div>a>i{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:28px;height:28px;position:absolute;background-size:contain;background-position:center}main>.projectionModal>div.type1>div.left div.tools>div>a.previous>i,main>.projectionModal>div.type2>div.left div.tools>div>a.previous>i{background-image:url(../../../image/projection/tools/previous.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.previous:active>i,main>.projectionModal>div.type2>div.left div.tools>div>a.previous:active>i{background-image:url(../../../image/projection/tools/previous_active.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.next>i,main>.projectionModal>div.type2>div.left div.tools>div>a.next>i{background-image:url(../../../image/projection/tools/next.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.next:active>i,main>.projectionModal>div.type2>div.left div.tools>div>a.next:active>i{background-image:url(../../../image/projection/tools/next_active.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.enlarge>i,main>.projectionModal>div.type2>div.left div.tools>div>a.enlarge>i{background-image:url(../../../image/projection/tools/enlarge.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.enlarge:active>i,main>.projectionModal>div.type2>div.left div.tools>div>a.enlarge:active>i{background-image:url(../../../image/projection/tools/enlarge_active.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.narrow>i,main>.projectionModal>div.type2>div.left div.tools>div>a.narrow>i{background-image:url(../../../image/projection/tools/narrow.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.narrow:active>i,main>.projectionModal>div.type2>div.left div.tools>div>a.narrow:active>i{background-image:url(../../../image/projection/tools/narrow_active.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.rotate>i,main>.projectionModal>div.type2>div.left div.tools>div>a.rotate>i{background-image:url(../../../image/projection/tools/rotate.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.rotate:active>i,main>.projectionModal>div.type2>div.left div.tools>div>a.rotate:active>i{background-image:url(../../../image/projection/tools/rotate_active.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.fullScreen>i,main>.projectionModal>div.type2>div.left div.tools>div>a.fullScreen>i{background-image:url(../../../image/projection/tools/fullScreen.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.fullScreen:active>i,main>.projectionModal>div.type2>div.left div.tools>div>a.fullScreen:active>i{background-image:url(../../../image/projection/tools/fullScreen_active.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.cancelFullScreen>i,main>.projectionModal>div.type2>div.left div.tools>div>a.cancelFullScreen>i{background-image:url(../../../image/projection/tools/cancelFullScreen.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.cancelFullScreen:active>i,main>.projectionModal>div.type2>div.left div.tools>div>a.cancelFullScreen:active>i{background-image:url(../../../image/projection/tools/cancelFullScreen_active.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.remove>i,main>.projectionModal>div.type2>div.left div.tools>div>a.remove>i{background-image:url(../../../image/projection/tools/remove.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.remove:active>i,main>.projectionModal>div.type2>div.left div.tools>div>a.remove:active>i{background-image:url(../../../image/projection/tools/remove_active.svg)}main>.projectionModal>div.type1>div.left div.tools>div>a.hiddenTools,main>.projectionModal>div.type2>div.left div.tools>div>a.hiddenTools{position:absolute;margin-right:0;height:32px;line-height:32px;text-align:center;width:96px;color:#fff;top:-32px;left:50%;border-radius:6px 6px 0 0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background-color:rgba(0,0,0,.4)}main>.projectionModal>div.type1>div.left div.toolsHidden,main>.projectionModal>div.type2>div.left div.toolsHidden{bottom:0}main>.projectionModal>div.type1>div.left div.toolsHidden>div>a:not(.hiddenTools),main>.projectionModal>div.type2>div.left div.toolsHidden>div>a:not(.hiddenTools){display:none}main>.projectionModal>div.type1>div.left div.toolsHidden>div>a.hiddenTools,main>.projectionModal>div.type2>div.left div.toolsHidden>div>a.hiddenTools{top:16px}main>.projectionModal>div.type1>div.left.only,main>.projectionModal>div.type2>div.left.only{overflow:hidden}main>.projectionModal>div.type1>div.left.only>img,main>.projectionModal>div.type2>div.left.only>img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main>.projectionModal>div.type1>div.left.two,main>.projectionModal>div.type2>div.left.two{overflow:hidden}main>.projectionModal>div.type1>div.left.two>div,main>.projectionModal>div.type2>div.left.two>div{width:50%;height:50%;float:left;position:relative;overflow:hidden}main>.projectionModal>div.type1>div.left.two>div.height100,main>.projectionModal>div.type2>div.left.two>div.height100{height:100%}main>.projectionModal>div.type1>div.left.two>div.width100,main>.projectionModal>div.type2>div.left.two>div.width100{width:100%}main>.projectionModal>div.type1>div.left.two>div:nth-of-type(2),main>.projectionModal>div.type1>div.left.two>div:nth-of-type(4),main>.projectionModal>div.type2>div.left.two>div:nth-of-type(2),main>.projectionModal>div.type2>div.left.two>div:nth-of-type(4){border-left:3px solid #d9d8d8}main>.projectionModal>div.type1>div.left.two>div:nth-of-type(3),main>.projectionModal>div.type1>div.left.two>div:nth-of-type(4),main>.projectionModal>div.type2>div.left.two>div:nth-of-type(3),main>.projectionModal>div.type2>div.left.two>div:nth-of-type(4){border-top:3px solid #d9d8d8}main>.projectionModal>div.type1>div.left.two>div>img,main>.projectionModal>div.type2>div.left.two>div>img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main>.projectionModal>div.type1>div.right,main>.projectionModal>div.type2>div.right{position:absolute;right:0;top:0;width:300px;height:calc(100% - 20px);margin-top:20px;background-color:#d9d8d8;border-bottom-left-radius:6px;border-top-left-radius:6px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}main>.projectionModal>div.type1>div.right.hideRight,main>.projectionModal>div.type2>div.right.hideRight{right:-300px}main>.projectionModal>div.type1>div.right>a,main>.projectionModal>div.type2>div.right>a{display:block;width:18px;height:40px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;left:-18px;border-bottom-left-radius:4px;border-top-left-radius:4px;background-color:#d9d8d8;position:absolute}main>.projectionModal>div.type1>div.right>a>span,main>.projectionModal>div.type2>div.right>a>span{display:block;width:26px;height:26px;background-color:#D85757;position:absolute;left:-13px;top:-13px;color:#FFF;font-size:14px;font-family:"Trebuchet MS";text-align:center;line-height:26px;border-radius:50%}main>.projectionModal>div.type1>div.right>a>i,main>.projectionModal>div.type2>div.right>a>i{display:block;width:12px;height:12px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-size:contain;background-position:center}main>.projectionModal>div.type1>div.right>a.close>i,main>.projectionModal>div.type2>div.right>a.close>i{background-image:url(../../../image/projection/arrow_black.svg)}main>.projectionModal>div.type1>div.right>a.open>i,main>.projectionModal>div.type2>div.right>a.open>i{background-image:url(../../../image/projection/arrow_black_left.svg)}main>.projectionModal>div.type1>div.right>div.top,main>.projectionModal>div.type2>div.right>div.top{-webkit-box-flex:1;flex:1;padding:8px 14px;overflow:auto}main>.projectionModal>div.type1>div.right>div.top>div,main>.projectionModal>div.type2>div.right>div.top>div{overflow:auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}main>.projectionModal>div.type1>div.right>div.top>div>div,main>.projectionModal>div.type2>div.right>div.top>div>div{position:relative;height:136px;margin:6px 0;cursor:pointer;border:2px solid #d9d8d8;overflow:hidden;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}main>.projectionModal>div.type1>div.right>div.top>div>div>strong,main>.projectionModal>div.type2>div.right>div.top>div>div>strong{display:block;min-width:60px;height:30px;background-color:#2F7677;color:#FFF;font-size:14px;line-height:30px;text-align:center;position:absolute;top:0;left:0}main>.projectionModal>div.type1>div.right>div.top>div>div>img,main>.projectionModal>div.type2>div.right>div.top>div>div>img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%}main>.projectionModal>div.type1>div.right>div.top>div>div:not(.haveFront).active,main>.projectionModal>div.type2>div.right>div.top>div>div:not(.haveFront).active{border:2px solid #4A90E2}main>.projectionModal>div.type1>div.right>div.top>div>div.haveFront>div,main>.projectionModal>div.type2>div.right>div.top>div>div.haveFront>div{position:absolute;left:0;top:0;bottom:0;right:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}main>.projectionModal>div.type1>div.right>div.top>div>div.haveFront>div.most,main>.projectionModal>div.type2>div.right>div.top>div>div.haveFront>div.most{background-color:rgba(255,255,255,.5)}main>.projectionModal>div.type1>div.right>div.top>div>div.haveFront>div>span,main>.projectionModal>div.type2>div.right>div.top>div>div.haveFront>div>span{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#d9d8d8;color:#000;font-size:14px;opacity:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;padding:8px 10px;word-break:keep-all;border-radius:4px}main>.projectionModal>div.type1>div.right>div.top>div>div.haveFront>div>span.show,main>.projectionModal>div.type2>div.right>div.top>div>div.haveFront>div>span.show{opacity:1}main>.projectionModal>div.type1>div.right>div.top>div>div.haveFront>div>i,main>.projectionModal>div.type2>div.right>div.top>div>div.haveFront>div>i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:28px;height:28px;border-radius:50%;color:#d9d8d8;font-size:18px;line-height:28px;text-align:center;background-image:url(../../../image/projection/unselected.svg);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}main>.projectionModal>div.type1>div.right>div.top>div>div.haveFront.active>div.most,main>.projectionModal>div.type2>div.right>div.top>div>div.haveFront.active>div.most{background-color:rgba(255,255,255,0)}main>.projectionModal>div.type1>div.right>div.top>div>div.haveFront.active>div>i,main>.projectionModal>div.type2>div.right>div.top>div>div.haveFront.active>div>i{background-color:#4A90E2;background-image:none}main>.projectionModal>div.type1>div.right>div.bottom,main>.projectionModal>div.type2>div.right>div.bottom{height:52px;display:-webkit-box;display:flex;padding:11px 10px 0;position:relative}main>.projectionModal>div.type1>div.right>div.bottom>div.modalTips,main>.projectionModal>div.type2>div.right>div.bottom>div.modalTips{position:absolute;bottom:52px;right:52px}main>.projectionModal>div.type1>div.right>div.bottom>div.modalTips>i,main>.projectionModal>div.type2>div.right>div.bottom>div.modalTips>i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #4A90E2;position:absolute;bottom:-8px;right:9px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}main>.projectionModal>div.type1>div.right>div.bottom>a,main>.projectionModal>div.type2>div.right>div.bottom>a{display:block}main>.projectionModal>div.type1>div.right>div.bottom>a.restart,main>.projectionModal>div.type1>div.right>div.bottom>a.save,main>.projectionModal>div.type2>div.right>div.bottom>a.restart,main>.projectionModal>div.type2>div.right>div.bottom>a.save{width:30px;height:30px;position:relative;border-radius:6px;margin:0 5px}main>.projectionModal>div.type1>div.right>div.bottom>a.restart>i,main>.projectionModal>div.type1>div.right>div.bottom>a.save>i,main>.projectionModal>div.type2>div.right>div.bottom>a.restart>i,main>.projectionModal>div.type2>div.right>div.bottom>a.save>i{display:block;width:22px;height:22px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-size:contain;background-position:center}main>.projectionModal>div.type1>div.right>div.bottom>a.restart,main>.projectionModal>div.type2>div.right>div.bottom>a.restart{background-color:#D85757}main>.projectionModal>div.type1>div.right>div.bottom>a.restart>i,main>.projectionModal>div.type2>div.right>div.bottom>a.restart>i{background-image:url(../../../image/projection/delete_white.svg)}main>.projectionModal>div.type1>div.right>div.bottom>a.save,main>.projectionModal>div.type2>div.right>div.bottom>a.save{background-color:#4A90E2}main>.projectionModal>div.type1>div.right>div.bottom>a.save>i,main>.projectionModal>div.type2>div.right>div.bottom>a.save>i{background-image:url(../../../image/projection/save.svg)}main>.projectionModal>div.type1>div.right>div.bottom>a:not(.restart):not(.save),main>.projectionModal>div.type2>div.right>div.bottom>a:not(.restart):not(.save){-webkit-box-flex:1;flex:1;height:30px;line-height:30px;margin:0 5px;border:1px solid #4A90E2;border-radius:4px;color:#4A90E2;text-align:center}main>.projectionModal>div.type1>div.right>div.bottom>a:not(.restart):not(.save).active,main>.projectionModal>div.type2>div.right>div.bottom>a:not(.restart):not(.save).active{background-color:#4A90E2;color:#FFF}main>.projectionModal canvas.shape,main>.projectionModal>canvas#projectionCanvas{background-color:rgba(72,209,210,.1);border-radius:3px;display:none;position:absolute;left:0;top:0;z-index:5;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}main>.projectionModal canvas.shape.shape,main>.projectionModal>canvas#projectionCanvas.shape{background-color:unset!important}main>.projectionModal canvas.shape~canvas.shape,main>.projectionModal>canvas#projectionCanvas~canvas.shape{z-index:2}main>.projectionModal canvas.shape~canvas.shape.active,main>.projectionModal>canvas#projectionCanvas~canvas.shape.active{z-index:6}main>.projectionModal canvas.shape~canvas.shape.active~canvas.shape,main>.projectionModal>canvas#projectionCanvas~canvas.shape.active~canvas.shape{z-index:5}main>.projectionModal canvas.shape~canvas.shape.nowActive,main>.projectionModal>canvas#projectionCanvas~canvas.shape.nowActive{z-index:7!important}main>.projectionModal>i.penIcon{position:absolute;border-radius:50%;display:block;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #283933;z-index:2}main>.projectionModal>i.rubberIcon{position:absolute;display:block;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #FFF;background-color:#eafaf9;z-index:2}main>.WPSDock{position:fixed;right:20px;bottom:146px;z-index:10;width:264px!important;height:46px!important;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}main>.WPSDock>a,main>.WPSDock>a>*,main>.WPSDock>div{position:absolute}main>.WPSDock.bigScreen{bottom:77px}main>.WPSDock.rightSide{right:calc(20px + 80px)}main>.WPSDock>a{width:59px;height:46px;border-radius:4px;background-color:rgba(51,51,51,.4);top:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}main>.WPSDock>a:active{background-color:rgba(51,51,51,.8)}main>.WPSDock>a.prev{left:0}main>.WPSDock>a.prev>i{left:19px;background-image:url(../../../../image/WPSDock/prev.svg)}main>.WPSDock>a.next{right:0}main>.WPSDock>a.next>i{right:19px;background-image:url(../../../../image/WPSDock/next.svg)}main>.WPSDock>a>i{width:17px;height:17px;top:15px;background-position:center;background-repeat:no-repeat}main>.WPSDock>a>span{font-size:14px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;color:#FFF}main>.WPSDock>div{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:122px;height:46px}main>.WPSDock>div>a,main>.WPSDock>div>a>i.progressBar>i{display:block;height:100%;-webkit-transition:all .5s ease-out;border-radius:4px}main>.WPSDock>div>a{text-align:center;background-color:rgba(51,51,51,.4);width:100%;line-height:46px;color:#fff;position:relative;transition:all .5s ease-out}main>.WPSDock>div>a:active{background-color:rgba(51,51,51,.8)}main>.WPSDock>div>a:active>i.progressBar>i{background-color:rgba(255,255,255,.2)}main>.WPSDock>div>a>i.progressBar{position:absolute;left:4px;right:4px;top:4px;bottom:4px;z-index:1}main>.WPSDock>div>a>i.progressBar>i{background-color:rgba(51,51,51,.4);transition:all .5s ease-out}main>.WPSDock>div>a>span{position:relative;z-index:2;color:#fff}main>.WPSDock>div>div.list{width:100%;position:absolute;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:58px;background-color:rgba(51,51,51,.4);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:320px;overflow:auto;padding:15px 12px;border-radius:4px}main>.WPSDock>div>div.list>a{font-size:14px;color:#fff;text-align:center;padding:8px 0;border-radius:4px;background-color:rgba(89,119,123,0);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}main>.WPSDock>div>div.list>a.active{background-color:rgba(89,119,123,.8)}.fade1-enter-active,.fade1-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade1-enter,.fade1-leave-to{opacity:0}.slide-fade1-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade1-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade1-enter,.slide-fade1-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.fade2-enter-active,.fade2-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade2-enter,.fade2-leave-to{opacity:0}.slide-fade2-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade2-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade2-enter,.slide-fade2-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.fade3-enter-active,.fade3-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade3-enter,.fade3-leave-to{opacity:0}.slide-fade3-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade3-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade3-enter,.slide-fade3-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.fade4-enter-active,.fade4-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade4-enter,.fade4-leave-to{opacity:0}.slide-fade4-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade4-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade4-enter,.slide-fade4-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}@media screen and (max-height:860px){.hex-teaching-dock>div.leftDock{width:82px;-webkit-transform:translate(0,0);transform:translate(0,0)}.hex-teaching-dock>div.leftDock>div>a{width:40px;height:40px}.hex-teaching-dock>div.leftDock>div>a.hide>i{width:33px;height:33px}.hex-teaching-dock>div.leftDock>div>a.hide>i>i{width:17px;height:17px}.hex-teaching-dock>div.leftDock>div>a>span{bottom:20px}.hex-teaching-dock>div.leftDock>div.timeList>div{width:60px;height:60px}.hex-teaching-dock>div.leftDock>div.timeList>div>a{line-height:30px}.hex-teaching-dock>div.leftDock>div.changeType>a,.hex-teaching-dock>div.leftDock>div.togetherScore>a{width:72px;height:34px}.hex-teaching-dock>div.leftDock>div.changeType>a>span,.hex-teaching-dock>div.leftDock>div.togetherScore>a>span{bottom:unset}.hex-teaching-dock>div.leftDock>div.scoreNumber>div{width:72px}}@media screen and (max-width:1560px){.hex-teaching-dock>div.bottomDock>div.selectStudent>a.doing>i{top:28px}.hex-teaching-dock>div.bottomDock>div.selectStudent>a.doing>span{top:20px}.hex-teaching-dock>div.bottomDock>div>a{width:50px;height:50px}.hex-teaching-dock>div.bottomDock>div>a.hide>i{width:42px;height:42px}.hex-teaching-dock>div.bottomDock>div>a.hide>i>i{width:21px;height:21px}.hex-teaching-dock>div.bottomDock>div>a>span{font-size:12px}.hex-teaching-dock>div.bottomDock>div>div.list{left:-7px}.hex-teaching-dock>div.studentGroupModal>div>div.selectGroup{bottom:98px}.hex-teaching-dock>div.studentGroupModal>div>div.selectGroupBottom{bottom:102px}.hex-teaching-dock>.whiteCanvasList>div.imgSlide{bottom:98px!important}.hex-teaching-dock>.whiteCanvasList>div.toolbar{bottom:142px!important}.hex-teaching-dock>.whiteCanvasList>div.hideSlide{bottom:185px!important}.hex-teaching-dock>.whiteCanvasList>div.showSlide{bottom:98px!important}.hex-teaching-dock>.pagesList>div{width:90px!important}.hex-teaching-dock>.pagesList>div.book{left:100px!important}.hex-teaching-dock>.pagesList>div.courseware{right:100px!important}}@-webkit-keyframes fadeOut{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}60%{-webkit-transform:rotateX(225deg);transform:rotateX(225deg)}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes fadeOut{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}60%{-webkit-transform:rotateX(225deg);transform:rotateX(225deg)}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@-webkit-keyframes fadeIn{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}60%{-webkit-transform:rotateX(405deg);transform:rotateX(405deg)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@keyframes fadeIn{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}60%{-webkit-transform:rotateX(405deg);transform:rotateX(405deg)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@-webkit-keyframes blink-selectStudentModal{0%,100%{background-color:rgba(96,215,218,.3)}50%{background-color:rgba(96,215,218,.8)}}@keyframes blink-selectStudentModal{0%,100%{background-color:rgba(96,215,218,.3)}50%{background-color:rgba(96,215,218,.8)}}@-webkit-keyframes hideMe{0%{left:50%}20%{bottom:100px}40%,70%{bottom:-20px}55%{bottom:66px}85%{bottom:33px}100%{left:50px;bottom:-20px}}@keyframes hideMe{0%{left:50%}20%{bottom:100px}40%,70%{bottom:-20px}55%{bottom:66px}85%{bottom:33px}100%{left:50px;bottom:-20px}}@-webkit-keyframes showMe{0%{left:50px;bottom:-20px}85%{left:53%}100%{left:50%;bottom:0}}@keyframes showMe{0%{left:50px;bottom:-20px}85%{left:53%}100%{left:50%;bottom:0}}@-webkit-keyframes selectGroup{0%,100%{-webkit-transform:scale(1);transform:scale(1)}10%,90%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selectGroup{0%,100%{-webkit-transform:scale(1);transform:scale(1)}10%,90%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes showstudentGroupModal{0%{opacity:0;visibility:visible}100%{opacity:1}}@keyframes showstudentGroupModal{0%{opacity:0;visibility:visible}100%{opacity:1}}@-webkit-keyframes hidestudentGroupModal{0%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes hidestudentGroupModal{0%{opacity:1}100%{opacity:0;visibility:hidden}}@-webkit-keyframes selectName{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@keyframes selectName{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@-webkit-keyframes slideLeft{0%{right:-1px}50%{right:75px}100%{right:151px}}@keyframes slideLeft{0%{right:-1px}50%{right:75px}100%{right:151px}}@-webkit-keyframes slideRight{0%{left:-1px}50%{left:75px}100%{left:151px}}@keyframes slideRight{0%{left:-1px}50%{left:75px}100%{left:151px}}@-webkit-keyframes slideLeftColor{0%{color:#333}100%{color:#fff}}@keyframes slideLeftColor{0%{color:#333}100%{color:#fff}}@-webkit-keyframes slideRightColor{0%{color:#333}100%{color:#fff}}@keyframes slideRightColor{0%{color:#333}100%{color:#fff}}.fade0-enter-active,.fade0-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade0-enter,.fade0-leave-to{opacity:0}.slide-fade0-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade0-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade0-enter,.slide-fade0-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}