.tree-container[data-v-f2ab06f4] .el-tree{background-color:#f8f9fc}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__children .el-tree-node.is-current.is-focusable .file{color:#1c81e8;font-weight:700}.tree-container[data-v-f2ab06f4] .el-tree:before{content:"";top:16px;bottom:16px;width:1px;position:absolute;left:23px;border-width:1px;border-left:1px dashed #d3d3d3}.tree-container[data-v-f2ab06f4] .el-tree .custom-tree-node{font-size:14px;color:#666}.tree-container[data-v-f2ab06f4] .el-tree .custom-tree-node .node-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:150px;display:inline-block}.tree-container[data-v-f2ab06f4] .el-tree .custom-tree-node .node-label.file{background:no-repeat 5px 3px/contain url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAaElEQVQokd3OsQ2CQACF4Q+9hN4F3MEN6GhYg6FsmID+Ym3jCiQWDkACJR2NJpB4OWv/6hVf8YoY44Cj751Q4wEBJc4JPKFDi/shgT7NaHBFFTJ4xO29+xy+bPYrd2PX3+OABc8f7LICOYoPdnbLaLkAAAAASUVORK5CYII=);max-width:180px;padding-left:22px;background-size:11px;z-index:10}.tree-container[data-v-f2ab06f4] .el-tree .custom-tree-node .opeartions{display:none}.tree-container[data-v-f2ab06f4] .el-tree .custom-tree-node .icon{cursor:pointer;display:inline-block;position:relative;top:3px;width:17px;height:17px;margin-right:9px}.tree-container[data-v-f2ab06f4] .el-tree .custom-tree-node .node-input{z-index:1000}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node{position:relative;padding-left:12px}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node.is-drop-inner{background:#fff}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__children{padding-left:12px}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node:before{content:"";height:100%;width:1px;position:absolute;left:-1px;top:-26px;border-width:1px;border-left:1px dashed #d3d3d3}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node:last-child:before{height:42px}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node:after{content:"";width:18px;height:20px;position:absolute;left:-1px;top:16px;border-width:1px;border-top:1px dashed #d3d3d3}.tree-container[data-v-f2ab06f4] .el-tree>.el-tree-node:after{border-top:none}.tree-container[data-v-f2ab06f4] .el-tree>.el-tree-node:before{border-left:none}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__expand-icon{font-size:16px}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__expand-icon.is-leaf{color:transparent;display:none}.tree-container[data-v-f2ab06f4] .el-tree .is-current>.el-tree-node__content{background-color:#f1f5fe}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__content{position:relative;height:32px}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__content.is-drop-inner{background:#fff}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__content:hover{background-color:#f1f5fe}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__content:hover .opeartions{display:block;position:absolute;top:50%;transform:translateY(-50%);right:0;padding-right:10px;z-index:1;background:#f1f5fe}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__expand-icon{display:inline-block;padding:12px;background:no-repeat 50%/contain url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAYhJREFUWIXt18FK3FAUgOEv6TCDMBvrsq9QqHWhPoPtCyh0USitq9aF2EWXZSCKq64KLl3MC+hDCKW0xVdw66a6mIGii9zgNUWbKUmGDv3hckNyOedPck4uSbIsE+hiE+t4jL76ucAphviMMXTCxUc4wmIDiWP6WA3jJZ7jLJU/gTYEyiziGL0UbyKBMd5hAUkDYyHEH4d8T/C6g43Ibgef6r3hW5yH+HMoinEjxVK06LBBgZiD6PhpURMF5y1JxHl6aUtJ72UmJAb4GeapSbyXf4C2pynxIMzde1c1LFEL/yUKqkoMMMJVacSUr41U7JqqEtsmL74u3tYpse9m56vKWMXNsPPnJeBDGGXiV5JUjPUb/1RhNspMSPwK86RFW6vELi7l3fPXVO2Ou7irayZiJmqiFlK3i+phS3njPBcpvkYnXrQk8So6Pk3lP6cFe/JNZ76h5PMh/sfo3DDJsqyHE/kvWdv8wHIq3/ef4VvLAt+xhlHRHWdYwRa+yD9ATXAZ4m9hOeR1DWRSRmALxZGyAAAAAElFTkSuQmCC);background-size:11px 11px;z-index:10}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__expand-icon.expanded{background:no-repeat 50%/contain url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAUtJREFUWIXt1z9KxEAYh+Fnw+IibKOWXkHwT6GeQb2AgoUgaqUWYmMpQhArK8HSwgvoIQQRFa9ga6XFroUWmcFZC11hExDywsAwmczvTZjkYxp5ngsMYQvLmEDb4HnFEy5xhi40w8VxXGGqhOCUNuZDW8MSnjPFG6hC4DtTuEYrw2Yi0MUOxtAooY2F9bshbxIbTawkdvs4HewD9/AS1h9G3IwrGWaSSRclCqScJ/3puCciLxVJpDmtrKLQH6klIrVEpJaI/CuJI3Tw8YfWCfcNTGJP75+1H4awPUiJE1+Vr1/e9VkMm79PAQehlcK/2pilUktEaolILRHJ9P4JRyvKTXNeM9wlA6sVSawn/adMcTiNHCuKzkhJ4SNh/cNk7LKR53kLN4ojWdU8YjZT1P1F3Fcs8IAFdOLX8Yw57OIWbyUFv4X1dzEbcn0CDYVAaJ4ofPMAAAAASUVORK5CYII=);background-size:11px 11px;transform:rotate(180deg);z-index:10}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__expand-icon.is-leaf{background:none}.tree-container[data-v-f2ab06f4] .el-tree .el-tree-node__expand-icon:before{display:none}.tree-container .mask[data-v-f2ab06f4]{position:fixed;top:0;right:0;height:100%;width:100%;background:transparent;z-index:100}.materials-wrapper{padding:20px;background:#f1f4f6;height:100%}.materials-wrapper .el-row,.materials-wrapper .el-row .col{height:100%}.materials-wrapper .right{background-color:#fff;overflow:hidden;height:100%}.materials-wrapper .right /deep/.empty-wrap{padding:10px 0}.materials-wrapper .right /deep/.empty-wrap .title{background:#fff;box-shadow:unset}.materials-wrapper .right .title{height:46px;line-height:46px;padding-left:20px;background-color:#f8f9fa;box-shadow:0 1px 0 0 #e2e6ef;font-size:14px;color:#333}.materials-wrapper .right .files-item{background:#fdfdfd;border:1px solid #edeeef;display:block;height:48px;line-height:48px;border-radius:3px;margin:10px 10px}.materials-wrapper .right .files-item:hover{cursor:pointer;border-color:#248afd}.materials-wrapper .right .files-item .prefix-icon{display:inline-block;float:left;width:48px;height:48px;line-height:48px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAABNElEQVQ4ja3UvStFYRwH8I/rlMRgsZgNTGTAoshiMlr8B17KKBmkFHazshkUJSklK2VRMnkrNnfwUiQXw7k3x+3e6577+C3nPM8559P3PG917au5esxjEq3C6irCLBZwjqNA8D7CBE4xiD7UBYAPEdqwi2FsByZ8ifI3A+JfHwsEswWwE1s4CQQVwGv0Y+i/wH3MiMczU6O1iPEo0fGOm5qj8cRPwkJ1oCnRvkE2jZoER7FT9PwMXbWCh5hCc6Iv9awnwRespQUqgQ3ihd1Y4f077FULjmDjjwCfaMFzNeCueGEXz3yyspWwYjAn/Pj6BbaKd0t9ld++YQWv5cBuzKUIk8MmLsqBB+IBr3YvfygxnhG+Eu3HFAlLVgaX4j38LxVhHUs4xm2A1VMAl/PXafQGBvQNAUY3lJZjr98AAAAASUVORK5CYII=) no-repeat 50%}.materials-wrapper .right .files-item .files-name{font-size:16px;color:#333;border-left:1px solid #edeeef;padding-left:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.materials-wrapper .right .files-box{padding:20px;height:calc(100% - 46px);overflow:auto}.materials-wrapper .right .files-box .item-col{width:33.33%;float:left}.materials-wrapper .left{background-color:#fff;height:100%;box-shadow:0 3px 8px 0 rgba(4,9,20,.05);position:relative}.materials-wrapper .left .title{background:#fff;height:46px;line-height:46px;background-color:#f8f9fa;border-bottom:1px solid #e2e6ef;color:#777;font-size:14px;padding-left:20px}.materials-wrapper .left .input{position:absolute;right:10px;top:10px}.materials-wrapper .left .course-tree{height:calc(100% - 45px);overflow-y:auto;padding:0;background-color:#fff}.materials-wrapper .left .course-tree .el-tree{background-color:#fff}.materials-wrapper .tree-node-label{display:inline-block;text-overflow:ellipsis;width:300px;overflow:hidden}