.classroomBase{background-color:#fff;border-radius:5px;padding:10px;padding-right:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.classroomBase .custom-tree-node{width:100%}.classroomBase .topView{width:80%;position:relative;display:flex;align-items:center;border-bottom:2px solid #ccc}.classroomBase .topView .viewItem{line-height:30px;font-size:17px;font-weight:600;padding:6px 20px;cursor:pointer;transition:.3s}.classroomBase .topView .viewItem-1{color:#8177f7}.classroomBase .topView .border{transition:.3s;position:absolute;bottom:-2px;width:100px;height:2px;background-color:#8177f7;left:0}.classroomBase .topView .border-1{left:100px}.classroomBase .treeViewButton{width:100%;display:flex;align-items:center;justify-content:space-between}.classroomBase .treeViewButton .buttonList{display:flex;align-items:center;color:#8177f7}.classroomBase .treeViewButton .buttonList i{font-size:16px;font-weight:600;margin-left:10px;cursor:pointer}.classroomBase .headerSelect{display:flex;align-items:center;justify-content:space-between;padding:4px 0;padding-bottom:20px}.classroomBase .headerSelect .button{color:#fff;background-color:#8177f7}.classroomBase .testTag{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2)}.classroomBase .testTag .testContent{width:60vw;background-color:#fff}.classroomBase .testTag .testContent .contentHeader{display:flex;height:40px;align-items:center;position:relative;background-color:#cdc9fc;color:#fff}.classroomBase .testTag .testContent .contentHeader .title{flex:1}.classroomBase .testTag .testContent .contentHeader i{position:absolute;transform:translateY(-50%);top:50%;right:10px;cursor:pointer}