.class-canvas[data-v-7cfde3ec]{position:relative;width:100%;height:100%;background-color:#fff;overflow:auto}.platform[data-v-7cfde3ec]{position:absolute;width:300px;height:50px;background-color:#f2f2f2;left:50%;transform:translateX(-50%);top:20px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.desk[data-v-7cfde3ec]{position:absolute;border:1px dashed #999;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;transition:all .2s;background-color:hsla(0,0%,100%,.8)}.desk[data-v-7cfde3ec]:hover{background-color:rgba(240,240,255,.9)}.student-name[data-v-7cfde3ec]{position:relative;padding:5px 10px;background-color:hsla(0,0%,100%,.7);border-radius:3px}.remove-btn[data-v-7cfde3ec]{position:absolute;right:-8px;top:-8px;width:16px;height:16px;background-color:#ff4d4f;color:#fff;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:12px;cursor:pointer;opacity:0;transition:opacity .2s}.student-name:hover .remove-btn[data-v-7cfde3ec]{opacity:1}