#monitors{position:absolute;top:0;left:0}.monitor{position:absolute;border:.0625rem solid transparent;border-color:rgba(0,0,0,.2);background:#e7f0fe;border-radius:.25rem;font-size:.75rem;overflow:hidden;padding:.1875rem;color:#fff;white-space:pre}.monitor-label{margin:0 .3125rem;color:#000;font-weight:700}.monitor-value{display:inline-block;vertical-align:top;min-width:2.125rem;text-align:center;border-radius:.25rem;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transform:translateZ(0);transform:translateZ(0)}.default .monitor-value,.slider .monitor-value{background-color:#ff8c1a;margin:0 .3125rem;padding:.0625rem .1875rem}.large{background-color:rgba(0,0,0,.6);padding:.1rem .25rem;min-width:3rem}.large .monitor-label{display:none}.large .monitor-value{font-size:1rem;width:100%}.list{padding:0;overflow:auto;overflow-x:hidden}.list .monitor-label{text-align:center;padding:.1875rem;width:100%;display:block;margin:0;box-sizing:border-box;white-space:pre-wrap}.list .monitor-value{display:block}body,html{box-sizing:border-box;width:100%;height:100%}.keyboard{background:#f4f4f4;padding:.3125rem}.grid_2{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.grid_2>a,.grid_2>div,.grid_2>li,.grid_2>span{width:50%}.grid_3{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.grid_3>div,.grid_3>li,.grid_3>span{width:33.3333%}.center{text-align:center}.fontb{font-weight:700}.key_button{background:#fff;margin:.3125rem;padding:.625rem .3125rem;box-sizing:border-box;font-size:1.5625rem;border-radius:.625rem;box-shadow:0 .125rem .125rem #ccc}.App_container_1yQEW,.containers-box{height:100%;width:100%}.studentList{background:#f5f5f5;height:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-x:hidden;overflow-y:scroll}.studentList .content::-webkit-scrollbar{display:none}.studentList .header-box{width:100%;height:3.625rem;background:#3f54a6;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.studentList .header-box .center_menu1{line-height:0}.studentList .header-box .center_menu1 img{width:13.75rem;height:auto}.studentList .header-box .operate-btn{padding:0 .625rem;height:1.875rem;border:.0625rem solid #fff;font-size:.75rem;line-height:1.875rem;color:#fff;border-radius:.25rem;text-align:center;position:absolute;right:1rem}.studentList .content{padding:.625rem;min-height:calc(100% - 5rem);height:calc(100% - 5rem)}.studentList .common-tabs-box1{padding:1.25rem 2.5rem;border:.0625rem solid #6c8dea;border-radius:.25rem;background:#fff;min-height:calc(100% - 2.5rem)}.studentList .common-tabs-box1 .title{font-size:1.25rem;font-weight:600;color:#252120;line-height:2.5rem;margin-bottom:.875rem}.studentList .common-tabs-box1 .studentInfo{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:.625rem}.studentList .common-tabs-box1 .studentInfo .outbox-heard-img{width:1.875rem;height:1.875rem;overflow:hidden;margin-right:.5625rem;background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:50%}.studentList .common-tabs-box1 .studentInfo .name{font-size:.75rem;font-family:PingFang SC;font-weight:400;color:#666;margin-right:1.375rem}.studentList .common-tabs-box1 .studentInfo .time{font-size:.75rem;font-family:PingFang SC;font-weight:400;color:#999}.studentList .common-tabs-box1 .left{float:left;margin-right:4rem}.studentList .common-tabs-box1 .left .player{width:30rem;height:24.9375rem}.studentList .common-tabs-box1 .left .player #do-box{position:relative;-webkit-transform-origin:0 0;transform-origin:0 0}.studentList .common-tabs-box1 .left .player #do-box #scratch-stage{height:100%;border:.0625rem solid #f0f0f0;display:block;margin:0 auto}.studentList .common-tabs-box1 .left .player canvas{height:22.5rem}.studentList .common-tabs-box1 .left .player .controls{width:calc(100% + .125rem);height:2rem;background-color:#edf1f7;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.studentList .common-tabs-box1 .left .player .controls .flag{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsSAAALEgHS3X78AAABkklEQVRYhe2ZwW3CMBSG/1a9lw3KBmSDugNYKicfmw3aDRomKCPA0TcqL+BOUNiA3nosE6R60osURcSJAy9SJH+SL9hxvljPwT/clGWJKXEX46q9UQCeAWQAHvnjA4AjgB01p+yf5PP3WmEWLWqSbZwAbGislHinsPZmDeA1ct4TS68vsjtDUFh78wbg44L5qVxyp+y+7wXaGyq3jVM2O9cfVcMDWAD41t5secWPAdEZAFqg99BtpIUrXqhpbw68OX2tbw6g2sz3XRONJVyx4BZcxRC3Y5leiyQsTRKWJglLk4SlScLSJGFpJic89HhJEaieIuhM+3AlpyCxwltOxrtmh/aGpHNODZ0H8VGEnbJ5oI/iT8GhtRgQXHvRVcO/sRNSvHfK0iovuXSG8NN2zdWFa+JUNpR8vyIuowdcOWXnbQNE3xJUJk5ZCphPAD4DQ2lFV7R5nbJFaM5RQqhTllKy5yifcZvxm2Yfiv9NRk3N/POVb8T8KNI3nTRJWJokLE0SliYJS5OEpZmc8LT+ugXwD2bxcZmJbC9uAAAAAElFTkSuQmCC)}.studentList .common-tabs-box1 .left .player .controls .flag,.studentList .common-tabs-box1 .left .player .controls .pause{width:1.25rem;height:1.25rem;float:right;cursor:pointer;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position:50%;background-size:contain;margin-right:.9375rem}.studentList .common-tabs-box1 .left .player .controls .pause{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAADxRjE/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAqUlEQVRYhe3ZwQ3CMBBE0QFRAOmEUqAEV0BKgQpSApSSTkwHRoiztXsaYvT/1avVUxSfvGutabT2w4lHRR9SU8s0Szp2TleV+kzuOUs6dU5fKvWWWRP/08v0WXQN9lxC+Bf8CPbcVeoczKR+j96X+dUMF9EWaFegXYF2BdoVaFegXYF2BdoVaFegXYF2BdoVaFegXYF29bfodWMziTcXjfhQtMG4iJYkvQFtAihLrLf1FwAAAABJRU5ErkJggg==)}.studentList .common-tabs-box1 .left .player .controls .stop{width:1.25rem;height:1.25rem;float:right;cursor:pointer;text-align:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAADxRjE/AAAACXBIWXMAAAsSAAALEgHS3X78AAABIUlEQVRYhe3Zyw3CMAyAYYMYAKmLMArnnGCycsqZUbpIJTYoqlQf2jxqm8ZJUP576CeUPuScpmmC2jpXJ64VfZEuHI25A8Dth2sPnbVvyULRnh6NeQBAL7ngpmdn7Yu7iL09DgTP9cvvsWKhDwaL4WR0IjDGgpPQicEYGb6LVgJjJHgUrQzGduFBdCYwFoV70ZnBWBDuoAsBY174Cj0acysIjDme7T99VeUIa5+mWjW0Vg2tVUNr1dBaNbRWf4H+ZHKwWqE7a4d56lOY0fE422MZU5UC947NvHu6EHhwzhe8ETPDo4PJ6NMjE3x3krr7yFOGk0a/pOe0Epw8qya/XBLDWcN11hsxEZx9GsB+jR8MFx1fiM8Rqzsoyl37NFUJAL6r6HxLxiVMdQAAAABJRU5ErkJggg==);text-decoration:none;background-repeat:no-repeat;background-position:50%;background-size:contain}.studentList .common-tabs-box1 .left .player .bannerBox{width:100%;height:22.625rem;position:relative}.studentList .common-tabs-box1 .left .player .bannerBox .cover-list{position:absolute}.studentList .common-tabs-box1 .left .player .bannerBox .banner{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.studentList .common-tabs-box1 .left .player .bannerBox .bgcover{width:100%;height:100%;position:absolute;top:0;background:#000;opacity:.5}.studentList .common-tabs-box1 .left .player .bannerBox .start{height:3.75rem;position:absolute;left:calc(50% - 1.875rem);top:calc(50% - 1.875rem)}.studentList .common-tabs-box1 .right{float:left;width:13rem;margin-top:1.25rem}.studentList .common-tabs-box1 .right .explain{min-height:22.1875rem;display:inline-block}.studentList .common-tabs-box1 .right .explain .h2_title{margin-bottom:1.3125rem;margin-left:0;position:relative;min-width:6.65625rem;padding-left:1.5625rem;padding-right:.625rem;box-sizing:border-box;height:1.875rem;line-height:1.875rem;text-align:left;font-size:.9375rem;font-weight:600;color:#fff;background-color:#a2b1fd;border-radius:1.25rem}.studentList .common-tabs-box1 .right .explain .h2_title:after{content:"";background-color:#fff;display:block;width:.5rem;height:.5rem;border-radius:50%;position:absolute;left:.625rem;top:.6875rem}.studentList .common-tabs-box1 .right .html{margin-bottom:2.8125rem;font-size:.875rem;line-height:1.5;color:#666}.studentList .content{position:relative}.studentList .content .h2_title{margin-left:0}.about{width:100%}.about .top{height:2.8125rem;background:rgba(37,33,32,.3);position:fixed;top:0;width:100%;z-index:999}.about .top img{height:1.75rem;margin-top:.5rem;margin-left:.8125rem}.about .bannerBox{width:100%;position:relative}.about .bannerBox .cover-list{width:100%;position:absolute}.about .bannerBox .banner{width:100%;display:block}.about .bannerBox .bgcover{background:#000;opacity:.5}.about .bannerBox .bgcover,.about .bannerBox .hideBanner{width:100%;height:calc(100% - 2rem);position:absolute;top:0}.about .bannerBox .hideBanner{background:#252120;opacity:.3;left:0}.about .bannerBox .start{height:3.75rem;position:absolute;left:calc(50% - 1.875rem);top:calc(50% - 1.875rem)}.about .nodo-box .info-box{margin-top:1.25rem;padding-left:.71875rem;padding-right:.84375rem;padding-bottom:.84375rem}.about .nodo-box .info-box .title{font-size:1rem;font-weight:600;color:#252120;margin-bottom:.8125rem}.about .nodo-box .info-box .info,.about .nodo-box .info-box .info .left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.about .nodo-box .info-box .info .left img{width:1.8125rem;height:1.8125rem;margin-right:.78125rem;border-radius:50%;overflow:hidden;border:.0625rem solid #adb3bf}.about .nodo-box .info-box .info .left span{font-size:.875rem;font-family:PingFang SC;font-weight:400;color:#666}.about .nodo-box .info-box .info .right{font-size:.875rem;font-family:PingFang SC;font-weight:400;color:#999}.about .nodo-box .line{height:.375rem;background:#fafafb}.about .nodo-box .common-tabs-box{margin-left:.8125rem;margin-right:1.125rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.about .nodo-box .common-tabs-box .h2_title{margin-bottom:1.3125rem;margin-left:0}.about .nodo-box .common-tabs-box .html{margin-bottom:2rem}.controls{height:2rem;background-color:#edf1f7;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.controls .flag{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsSAAALEgHS3X78AAABkklEQVRYhe2ZwW3CMBSG/1a9lw3KBmSDugNYKicfmw3aDRomKCPA0TcqL+BOUNiA3nosE6R60osURcSJAy9SJH+SL9hxvljPwT/clGWJKXEX46q9UQCeAWQAHvnjA4AjgB01p+yf5PP3WmEWLWqSbZwAbGislHinsPZmDeA1ct4TS68vsjtDUFh78wbg44L5qVxyp+y+7wXaGyq3jVM2O9cfVcMDWAD41t5secWPAdEZAFqg99BtpIUrXqhpbw68OX2tbw6g2sz3XRONJVyx4BZcxRC3Y5leiyQsTRKWJglLk4SlScLSJGFpJic89HhJEaieIuhM+3AlpyCxwltOxrtmh/aGpHNODZ0H8VGEnbJ5oI/iT8GhtRgQXHvRVcO/sRNSvHfK0iovuXSG8NN2zdWFa+JUNpR8vyIuowdcOWXnbQNE3xJUJk5ZCphPAD4DQ2lFV7R5nbJFaM5RQqhTllKy5yifcZvxm2Yfiv9NRk3N/POVb8T8KNI3nTRJWJokLE0SliYJS5OEpZmc8LT+ugXwD2bxcZmJbC9uAAAAAElFTkSuQmCC)}.controls .flag,.controls .pause{width:1.25rem;height:1.25rem;float:right;cursor:pointer;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position:50%;background-size:contain;margin-right:.9375rem}.controls .pause{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAADxRjE/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAqUlEQVRYhe3ZwQ3CMBBE0QFRAOmEUqAEV0BKgQpSApSSTkwHRoiztXsaYvT/1avVUxSfvGutabT2w4lHRR9SU8s0Szp2TleV+kzuOUs6dU5fKvWWWRP/08v0WXQN9lxC+Bf8CPbcVeoczKR+j96X+dUMF9EWaFegXYF2BdoVaFegXYF2BdoVaFegXYF2BdoVaFegXYF29bfodWMziTcXjfhQtMG4iJYkvQFtAihLrLf1FwAAAABJRU5ErkJggg==)}.controls .stop{width:1.25rem;height:1.25rem;float:right;cursor:pointer;text-align:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAADxRjE/AAAACXBIWXMAAAsSAAALEgHS3X78AAABIUlEQVRYhe3Zyw3CMAyAYYMYAKmLMArnnGCycsqZUbpIJTYoqlQf2jxqm8ZJUP576CeUPuScpmmC2jpXJ64VfZEuHI25A8Dth2sPnbVvyULRnh6NeQBAL7ngpmdn7Yu7iL09DgTP9cvvsWKhDwaL4WR0IjDGgpPQicEYGb6LVgJjJHgUrQzGduFBdCYwFoV70ZnBWBDuoAsBY174Cj0acysIjDme7T99VeUIa5+mWjW0Vg2tVUNr1dBaNbRWf4H+ZHKwWqE7a4d56lOY0fE422MZU5UC947NvHu6EHhwzhe8ETPDo4PJ6NMjE3x3krr7yFOGk0a/pOe0Epw8qya/XBLDWcN11hsxEZx9GsB+jR8MFx1fiM8Rqzsoyl37NFUJAL6r6HxLxiVMdQAAAABJRU5ErkJggg==);text-decoration:none;background-repeat:no-repeat;background-position:50%;background-size:contain}.do-box{position:relative;-webkit-transform-origin:0 0;transform-origin:0 0}