#divExercise>div:first-child,.lesson_fm>div:first-child>div:first-child{background-position:6px center;background-size:20px;background-repeat:no-repeat}body,html{width:100%;height:100%;overflow:hidden}body{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}.head{z-index:2;box-shadow:0 1px #141c3a;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0}.head>span:nth-child(2)>a{color:#ccc}.head>span:nth-child(2)>a:hover{color:red}.lesson_fm{flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex}.lesson_fm>div{flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0}.lesson_fm>div:first-child{width:33%;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}.lesson_fm>div:first-child>div:first-child{flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;padding:6px 5px 6px 38px;background-color:#ebebeb;background-image:url(/imgs/lesson/read.png);box-shadow:0 2px 1px #bdbdbd;z-index:1}.lesson_fm>div:first-child>div:first-child>h1{font-size:21px;font-weight:400}.lesson_fm>div:first-child>div:nth-child(2){flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1;position:relative}.lesson_fm>div:first-child>div:nth-child(2)>div{position:absolute;left:0;right:0;top:0;bottom:0;padding:5px;overflow:auto}.lesson_fm>div:first-child>div:nth-child(2)>div>div:first-child{line-height:1.8em;padding-top:6px;padding-bottom:30px;font-size:17px}.lesson_fm>div:first-child>div:nth-child(2)>div>div:first-child>div:not(:last-child),.lesson_fm>div:first-child>div:nth-child(2)>div>div:first-child>p:not(:last-child){margin-bottom:18px}.lesson_fm>div:first-child>div:nth-child(2)>div>div:first-child>div.danger,.lesson_fm>div:first-child>div:nth-child(2)>div>div:first-child>p.danger{font-size:13px;line-height:1.5em}.lesson_fm>div:first-child>div:nth-child(2)>div>div:first-child div.img{text-align:center;background-color:#d6d8e6;padding:10px;line-height:1em}.lesson_fm>div:first-child>div:nth-child(2)>div>div.left_last{height:120px;max-height:120px;width:100%;overflow:hidden;position:sticky;position:-webkit-sticky;bottom:-5px;z-index:8;background-color:rgba(252,252,252,.9);flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center}.lesson_fm>div:nth-child(2){width:34%;height:100%;flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end}.lesson_fm>div:nth-child(3){width:33%;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}.mbmsg{display:none}@media screen and (max-width:767px){body,html{overflow:auto}.lesson_fm{display:block}.lesson_fm>div:nth-child(2),.lesson_fm>div:nth-child(3){display:none}.lesson_fm>div:first-child .left_last,.mbmsg{display:block}.lesson_fm>div:first-child{width:100%;display:block}.mbmsg{padding:10px 0;text-align:center;color:red}}#divExercise{padding-top:38px;padding-bottom:30px;display:none}#divExercise>div:first-child{padding:5px 5px 5px 38px;background-color:#ebebeb;background-image:url(/imgs/lesson/exercise.png);font-size:19px}#divExercise>div:nth-child(2){padding:12px}#divExerLst>ol>li{padding:16px 0 16px 38px;position:relative;opacity:.3}#divExerLst>ol>li[state=active]{opacity:1}#divExerLst>ol>li>span[name=icon]{display:inline-block;position:absolute;left:0;top:14px;width:26px;height:26px}#divExerLst>ol>li>span[name=icon]>svg{width:100%;height:100%;fill:#888}#divExerLst>ol>li.err>span[name=icon]{transform:scale(1.6);-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6)}#divExerLst>ol>li.err>span[name=icon]>svg{fill:red}#divExerLst>ol>li.check>span[name=icon]{transform:scale(2.5);-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5)}#divExerLst>ol>li.check>span[name=icon]>svg{fill:#0075da}.midtop{flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;transition:left .5s linear,right .5s linear,top .5s linear,bottom .5s linear;-webkit-transition:left .5s linear,right .5s linear,top .5s linear,bottom .5s linear;-moz-transition:left .5s linear,right .5s linear,top .5s linear,bottom .5s linear;-ms-transition:left .5s linear,right .5s linear,top .5s linear,bottom .5s linear;-o-transition:left .5s linear,right .5s linear,top .5s linear,bottom .5s linear}.midtop[state=max]{position:absolute;z-index:10;padding:20px!important;background-color:rgba(99,99,99,.65)}#divTreeFm{width:0;background-color:#141c3a;overflow:auto;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}#divOpens,#editor,.editorfm,.rightifm{overflow:hidden}#divTreeFm.open{width:200px}#divTreeFm>div:first-child{height:36px;background-color:#0b1129}#divTreeFm>div:first-child>span{height:100%;width:36px;cursor:pointer;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center}#divTreeFm>div:first-child>span>svg{width:20px;max-width:100%;fill:#d6d6d6}#divTreeFm>div:first-child>span:hover{background-color:#213130}#divTreeFm>div:first-child>span:hover>svg{fill:#bbb}#divTree{color:#ddd;padding:8px;min-width:200px;font-size:13px}.editorfm{height:100%;width:100%;background-color:#141c3a;flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}.editorfm>div:first-child{height:36px;background-color:#020821;color:#efefef;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center}.editorfm>div:first-child>div{height:100%;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center}.editorfm>div:first-child>div:first-child{width:36px;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0}.editorfm>div:first-child>div:first-child>span{width:100%}.editorfm>div:first-child>div:nth-child(2){padding-top:3px;flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;-ms-border-top-left-radius:5px;-o-border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;-ms-border-top-right-radius:5px;-o-border-top-right-radius:5px}.editorfm>div:first-child>div:last-child{width:36px;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0}.editorfm>div:first-child>div:last-child>span{width:100%}.editorfm>div:first-child>div>span{height:100%;cursor:pointer;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center}.editorfm>div:first-child>div>span>svg{width:20px;max-width:100%;fill:#d6d6d6}.editorfm>div:first-child>div>span:hover{background-color:#213130}.editorfm>div:first-child>div>span:hover>svg{fill:#bbb}.editorfm>div:first-child>div>span.hide{display:none}.editorfm>div:last-child{font-size:21px;padding:6px 5px;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0}.midfoot{height:38px;background-color:#020821;z-index:8;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;box-shadow:0 -2px 0 0 rgba(51,51,51,.5);-webkit-box-shadow:0 -2px 0 0 rgba(51,51,51,.5);-moz-box-shadow:0 -2px 0 0 rgba(51,51,51,.5);-ms-box-shadow:0 -2px 0 0 rgba(51,51,51,.5);-o-box-shadow:0 -2px 0 0 rgba(51,51,51,.5)}#btnRun{padding:4px 17px;font-size:17px}#editor{font-size:14px;line-height:1.5em;height:100%;flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1}#divOpens{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap}#divOpens>span{padding:0 10px 0 26px;background-color:#02192c;color:#bababa;font-size:12px;margin-left:5px;position:relative;border-top-left-radius:6px;-webkit-border-top-left-radius:6px;-moz-border-top-left-radius:6px;-ms-border-top-left-radius:6px;-o-border-top-left-radius:6px;border-top-right-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-top-right-radius:6px;-ms-border-top-right-radius:6px;-o-border-top-right-radius:6px;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0}#divOpens>span:hover{background-color:#052f53}#divOpens>span.active{background-color:#022645;color:#ddd}#divOpens>span>span[name=close]{display:inline-block;width:16px;height:16px;overflow:hidden;position:absolute;left:6px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}#divOpens>span>span[name=close]>svg{width:100%;height:100%;fill:#ccc}#divOpens>span>span[name=close]:hover{background-color:#224f76}#divOpens>span>span[name=close]:hover>svg{fill:#dbf000}.tree li>ul{padding-left:18px}.tree li{line-height:2em}.tree li>span{display:inline-block;word-wrap:inherit;word-break:keep-all;background-repeat:no-repeat;background-position:left center;padding-left:20px;padding-right:5px;cursor:pointer}.tree li>span.dir{background-image:url(/imgs/tree/diropen.gif)}.tree li>span.file{background-image:url(/imgs/tree/file.gif)}.tree li>span:hover{background-color:#3a434a}#divLoading,#divView[state=max]{position:absolute;background-color:rgba(20,28,58,.7)}#divLoading{display:none;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center}#divLoading>svg{fill:#FF6700}#divLoading.show{left:0;right:0;top:0;bottom:0;z-index:10;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex}#divView{height:100%;background-color:#fff;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;transition:.5s linear;-webkit-transition:.5s linear;-moz-transition:.5s linear;-ms-transition:.5s linear;-o-transition:.5s linear}#divView[state=max]{height:auto;z-index:10;padding:20px!important}.righthead{height:40px;padding:0 0 0 5px;background-color:#ebebeb;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center}.righthead>div:first-child{flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0}.righthead>div:nth-child(2){flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1}.righthead>div:last-child{height:100%;flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0}.righthead>div>span{height:100%;width:40px;cursor:pointer;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center}.righthead>div>span>svg{width:20px;max-width:100%;fill:#6f6f6f}.righthead>div>span:hover{background-color:#d6d6d6}.righthead>div>span:hover>svg{fill:#bd8d8d}.righthead>div>span.hide{display:none}.righthead .urlbox{border:1px solid #bfbfbf;padding:5px 6px;border-radius:3px;background-color:#fff;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center}.righthead .urlbox>span{flex-grow:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-o-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0}.righthead .urlbox input{border-color:transparent;padding:0;font-size:15px;flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1}.rightifm{padding:0 5px;background-color:#fff;flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1}#ifmView{width:100%;height:100%}.info{background-color:#fafbeb;padding:10px;font-size:13px;margin-top:10px;line-height:1.8em}.dgviewcode{height:100%}.dgviewcode .dgc{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}.dgviewcode .dgc div[name=divRefer]{flex-grow:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;flex-shrink:1;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-o-flex-shrink:1}#divChapter.scrollbar{scrollbar-color:#b1b1b1 #b1b5b0;scrollbar-width:thin}#divChapter.scrollbar::-webkit-scrollbar-track-piece{background-color:#d6d6d6}#divChapter.scrollbar::-webkit-scrollbar-thumb{background-color:#b1b5b0;border:1.5px outset #aaad86}