.break-box[data-v-2d4daf1a]{position:relative;background-color:#a8e774;height:calc(100vh - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto}[data-v-2d4daf1a]::-webkit-scrollbar{width:5px;height:10px}[data-v-2d4daf1a]::-webkit-scrollbar-thumb{background-color:#3dae54;border-radius:5px}.item[data-v-2d4daf1a]{position:relative}.item .background[data-v-2d4daf1a]{display:block;height:100%}.item:last-child .background[data-v-2d4daf1a]{width:200px}.btn[data-v-2d4daf1a]{height:7vh;position:relative;cursor:pointer}.active-even[data-v-2d4daf1a]{bottom:23%}.active-even[data-v-2d4daf1a],.active-odd[data-v-2d4daf1a]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.active-odd[data-v-2d4daf1a]{top:30%}.task-name[data-v-2d4daf1a]{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:1vw;text-shadow:1px 1px 1px #000;width:200px;text-align:center}.task-name-even[data-v-2d4daf1a]{position:absolute;margin-top:2.5vh;left:50%}.task-name-odd[data-v-2d4daf1a]{position:absolute;margin-top:-10vh;left:50%}.node-name[data-v-2d4daf1a]{width:100%;border:2px solid #fff;color:#fff;background-color:rgba(0,0,0,.5);border-radius:10px;padding-bottom:3px;padding:5px 10px;font-size:1vw;text-align:center}.node-even[data-v-2d4daf1a]{top:83%}.node-even[data-v-2d4daf1a],.node-odd[data-v-2d4daf1a]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.node-odd[data-v-2d4daf1a]{bottom:75%}.number[data-v-2d4daf1a]{position:absolute;top:34%;left:47%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:1.5vw;font-weight:700;text-shadow:1px 1px 1px #000}.avatar[data-v-2d4daf1a]{position:absolute;right:50%;-webkit-transform:translateX(48%);transform:translateX(48%);top:1%;width:3.2vw;height:5.8vh}.break-box[data-v-a7d289e2]{position:relative;background-color:#88dace;height:calc(100vh - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto}[data-v-a7d289e2]::-webkit-scrollbar{width:5px;height:10px}[data-v-a7d289e2]::-webkit-scrollbar-thumb{background-color:#27999a;border-radius:5px}.item[data-v-a7d289e2]{position:relative}.item .background[data-v-a7d289e2]{display:block;height:100%}.item:last-child .background[data-v-a7d289e2]{width:200px}.btn[data-v-a7d289e2]{height:8vh;position:relative;cursor:pointer}.active-even[data-v-a7d289e2]{bottom:35%}.active-even[data-v-a7d289e2],.active-odd[data-v-a7d289e2]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.active-odd[data-v-a7d289e2]{top:34%}.task-name[data-v-a7d289e2]{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:1vw;text-shadow:1px 1px 1px #000;width:200px;text-align:center}.task-name-even[data-v-a7d289e2]{position:absolute;margin-top:2.5vh;left:50%}.task-name-odd[data-v-a7d289e2]{position:absolute;margin-top:-11vh;left:50%}.node-name[data-v-a7d289e2]{width:100%;border:2px solid #fff;color:#fff;background-color:rgba(0,0,0,.5);border-radius:10px;padding-bottom:3px;padding:5px 10px;font-size:1vw;text-align:center}.node-even[data-v-a7d289e2]{position:absolute;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);top:71%}.node-odd[data-v-a7d289e2]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:71%}.number[data-v-a7d289e2]{position:absolute;top:34%;left:47%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:1.5vw;font-weight:700;text-shadow:1px 1px 1px #000}.avatar[data-v-a7d289e2]{position:absolute;right:50%;-webkit-transform:translateX(48%);transform:translateX(48%);top:0;width:3.6vw;height:6.8vh}.detail-base[data-v-1be01dcb]{background-color:var(--frontend-layout-page)}.detail-info-wrap[data-v-1be01dcb]{height:360px;background-image:-webkit-gradient(linear,left top,right top,from(#d1daed),color-stop(#bdcdec),color-stop(#e6d7df),color-stop(#d3d8ea),color-stop(#bdc5e1),to(#d0daef));background-image:linear-gradient(90deg,#d1daed,#bdcdec,#e6d7df,#d3d8ea,#bdc5e1,#d0daef)}.detail-info-wrap .detail-bar-wrap[data-v-1be01dcb]{width:100%;height:96px;bottom:-48px;left:0;-webkit-box-shadow:0 2px 4px 1px rgba(0,0,0,.08);box-shadow:0 2px 4px 1px rgba(0,0,0,.08);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-top:3px solid #409eff}.detail-info-wrap-teacher[data-v-1be01dcb]{background-image:url(../../static/img/teacher-detail-bgc.de4df8fb.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}.detail-info-wrap-teacher .detail-bar-wrap[data-v-1be01dcb]{border-top:none}.detail-container[data-v-1be01dcb]{margin-top:48px}