.break-box[data-v-21063ba0]{position:relative;background-color:#9acc69;height:calc(100vh - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto}[data-v-21063ba0]::-webkit-scrollbar{width:5px;height:10px}[data-v-21063ba0]::-webkit-scrollbar-thumb{background-color:#5b9137;border-radius:5px}.item[data-v-21063ba0]{position:relative}.item .background[data-v-21063ba0]{display:block;height:100%}.item:last-child .background[data-v-21063ba0]{width:200px}.btn[data-v-21063ba0]{height:8vh;position:relative;cursor:pointer}.active-even[data-v-21063ba0]{bottom:30%}.active-even[data-v-21063ba0],.active-odd[data-v-21063ba0]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.active-odd[data-v-21063ba0]{top:39%}.task-name[data-v-21063ba0]{-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-21063ba0]{position:absolute;margin-top:2.5vh;left:50%}.task-name-odd[data-v-21063ba0]{position:absolute;margin-top:-12vh;left:50%}.node-name[data-v-21063ba0]{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-21063ba0]{position:absolute;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);top:76%}.node-odd[data-v-21063ba0]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:68%}.number[data-v-21063ba0]{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-21063ba0]{position:absolute;right:50%;-webkit-transform:translateX(48%);transform:translateX(48%);top:1%;width:3.6vw;height:6.6vh}.course-info[data-v-17a34032]{margin-top:43.5px;position:relative}.course-info .course-img[data-v-17a34032]{width:400px;height:225px;border-radius:10px}.course-main[data-v-17a34032]{width:100%}[data-v-17a34032] .el-tabs--left .el-tabs__header.is-left{width:100px}.task .el-tabs.el-tabs--left[data-v-17a34032]{overflow:auto}.box[data-v-17a34032]{width:400px}.box .top[data-v-17a34032]{text-align:center}.box .left[data-v-17a34032]{float:left;width:60px}.box .right[data-v-17a34032]{float:right;width:60px}.box .bottom[data-v-17a34032]{clear:both;text-align:center}.box .item[data-v-17a34032]{margin:4px}.box .left .el-tooltip__popper[data-v-17a34032],.box .right .el-tooltip__popper[data-v-17a34032]{padding:8px 10px}[data-v-17a34032] .el-tabs--left .el-tabs__header.is-left{width:90px}.toggle-button[data-v-17a34032]{position:absolute;top:0;right:0}.tip-box[data-v-1647efad]{position:fixed;top:100px;right:20px;z-index:999}.track-gray[data-v-1647efad]{width:10px;height:10px;background-color:#b3c2ce;border-radius:50%;margin-right:5px}.track-yellow[data-v-1647efad]{width:10px;height:10px;background-color:#fbe784;border-radius:50%;margin-right:5px}.track-green[data-v-1647efad]{width:10px;height:10px;background-color:#9bd061;border-radius:50%;margin-right:5px}