@afwenming123/vue-easy-tree
Version:
A Vue.js project
552 lines (403 loc) • 25 kB
CSS
@charset "UTF-8";
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
.collapse-transition { -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
@font-face { font-family: 'element-icons'; src: url("fonts/element-icons.woff") format("woff"), url("fonts/element-icons.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ font-weight: normal; font-display: "auto"; font-style: normal; }
[class^="el-icon-"], [class*=" el-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'element-icons' ; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.el-icon-caret-bottom:before { content: "\e790"; }
.el-icon-caret-right:before { content: "\e791"; }
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* BEM support Func -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* Placeholder -------------------------- */
/* BEM -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
.el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 30px; }
.el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; height: 40px; }
.el-checkbox.is-bordered.is-checked { border-color: #409EFF; }
.el-checkbox.is-bordered.is-disabled { border-color: #EBEEF5; cursor: not-allowed; }
.el-checkbox.is-bordered + .el-checkbox.is-bordered { margin-left: 10px; }
.el-checkbox.is-bordered.el-checkbox--medium { padding: 7px 20px 7px 10px; border-radius: 4px; height: 36px; }
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { line-height: 17px; font-size: 14px; }
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { height: 14px; width: 14px; }
.el-checkbox.is-bordered.el-checkbox--small { padding: 5px 15px 5px 10px; border-radius: 3px; height: 32px; }
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { line-height: 15px; font-size: 12px; }
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { height: 12px; width: 12px; }
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { height: 6px; width: 2px; }
.el-checkbox.is-bordered.el-checkbox--mini { padding: 3px 15px 3px 10px; border-radius: 3px; height: 28px; }
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { line-height: 12px; font-size: 12px; }
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { height: 12px; width: 12px; }
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { height: 6px; width: 2px; }
.el-checkbox__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; }
.el-checkbox__input.is-disabled .el-checkbox__inner { background-color: #edf2fc; border-color: #DCDFE6; cursor: not-allowed; }
.el-checkbox__input.is-disabled .el-checkbox__inner::after { cursor: not-allowed; border-color: #C0C4CC; }
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { cursor: not-allowed; }
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: #F2F6FC; border-color: #DCDFE6; }
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: #C0C4CC; }
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: #F2F6FC; border-color: #DCDFE6; }
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { background-color: #C0C4CC; border-color: #C0C4CC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; }
.el-checkbox__input.is-checked .el-checkbox__inner::after { -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); }
.el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; }
.el-checkbox__input.is-focus { /*focus时 视觉上区分*/ }
.el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ''; position: absolute; display: block; background-color: #FFFFFF; height: 2px; -webkit-transform: scale(0.5); transform: scale(0.5); left: 0; right: 0; top: 5px; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { display: none; }
.el-checkbox__inner { display: inline-block; position: relative; border: 1px solid #DCDFE6; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
.el-checkbox__inner:hover { border-color: #409EFF; }
.el-checkbox__inner::after { -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; -webkit-transform: rotate(45deg) scaleY(0); transform: rotate(45deg) scaleY(0); width: 3px; -webkit-transition: -webkit-transform .15s ease-in .05s; transition: -webkit-transform .15s ease-in .05s; transition: transform .15s ease-in .05s; transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; -webkit-transform-origin: center; transform-origin: center; }
.el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; }
.el-checkbox__label { display: inline-block; padding-left: 10px; line-height: 19px; font-size: 14px; }
.el-checkbox:last-of-type { margin-right: 0; }
.el-checkbox-button { position: relative; display: inline-block; }
.el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; }
.el-checkbox-button__inner.is-round { padding: 12px 20px; }
.el-checkbox-button__inner:hover { color: #409EFF; }
.el-checkbox-button__inner [class*="el-icon-"] { line-height: 0.9; }
.el-checkbox-button__inner [class*="el-icon-"] + span { margin-left: 5px; }
.el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; }
.el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; -webkit-box-shadow: -1px 0 0 0 #8cc5ff; box-shadow: -1px 0 0 0 #8cc5ff; }
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; }
.el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; -webkit-box-shadow: none; box-shadow: none; }
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { border-left-color: #EBEEF5; }
.el-checkbox-button:first-child .el-checkbox-button__inner { border-left: 1px solid #DCDFE6; border-radius: 4px 0 0 4px; -webkit-box-shadow: none ; box-shadow: none ; }
.el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; }
.el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 4px 4px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 9px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 7px 15px; }
.el-checkbox-group { font-size: 0; }
/* BEM support Func -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* Placeholder -------------------------- */
/* BEM -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
.collapse-transition { -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* BEM support Func -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* Placeholder -------------------------- */
/* BEM -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
.el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 30px; }
.el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; height: 40px; }
.el-checkbox.is-bordered.is-checked { border-color: #409EFF; }
.el-checkbox.is-bordered.is-disabled { border-color: #EBEEF5; cursor: not-allowed; }
.el-checkbox.is-bordered + .el-checkbox.is-bordered { margin-left: 10px; }
.el-checkbox.is-bordered.el-checkbox--medium { padding: 7px 20px 7px 10px; border-radius: 4px; height: 36px; }
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { line-height: 17px; font-size: 14px; }
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { height: 14px; width: 14px; }
.el-checkbox.is-bordered.el-checkbox--small { padding: 5px 15px 5px 10px; border-radius: 3px; height: 32px; }
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { line-height: 15px; font-size: 12px; }
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { height: 12px; width: 12px; }
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { height: 6px; width: 2px; }
.el-checkbox.is-bordered.el-checkbox--mini { padding: 3px 15px 3px 10px; border-radius: 3px; height: 28px; }
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { line-height: 12px; font-size: 12px; }
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { height: 12px; width: 12px; }
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { height: 6px; width: 2px; }
.el-checkbox__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; }
.el-checkbox__input.is-disabled .el-checkbox__inner { background-color: #edf2fc; border-color: #DCDFE6; cursor: not-allowed; }
.el-checkbox__input.is-disabled .el-checkbox__inner::after { cursor: not-allowed; border-color: #C0C4CC; }
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { cursor: not-allowed; }
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: #F2F6FC; border-color: #DCDFE6; }
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: #C0C4CC; }
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: #F2F6FC; border-color: #DCDFE6; }
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { background-color: #C0C4CC; border-color: #C0C4CC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; }
.el-checkbox__input.is-checked .el-checkbox__inner::after { -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); }
.el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; }
.el-checkbox__input.is-focus { /*focus时 视觉上区分*/ }
.el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ''; position: absolute; display: block; background-color: #FFFFFF; height: 2px; -webkit-transform: scale(0.5); transform: scale(0.5); left: 0; right: 0; top: 5px; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { display: none; }
.el-checkbox__inner { display: inline-block; position: relative; border: 1px solid #DCDFE6; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
.el-checkbox__inner:hover { border-color: #409EFF; }
.el-checkbox__inner::after { -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; -webkit-transform: rotate(45deg) scaleY(0); transform: rotate(45deg) scaleY(0); width: 3px; -webkit-transition: -webkit-transform .15s ease-in .05s; transition: -webkit-transform .15s ease-in .05s; transition: transform .15s ease-in .05s; transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; -webkit-transform-origin: center; transform-origin: center; }
.el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; }
.el-checkbox__label { display: inline-block; padding-left: 10px; line-height: 19px; font-size: 14px; }
.el-checkbox:last-of-type { margin-right: 0; }
.el-checkbox-button { position: relative; display: inline-block; }
.el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; }
.el-checkbox-button__inner.is-round { padding: 12px 20px; }
.el-checkbox-button__inner:hover { color: #409EFF; }
.el-checkbox-button__inner [class*="el-icon-"] { line-height: 0.9; }
.el-checkbox-button__inner [class*="el-icon-"] + span { margin-left: 5px; }
.el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; }
.el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; -webkit-box-shadow: -1px 0 0 0 #8cc5ff; box-shadow: -1px 0 0 0 #8cc5ff; }
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; }
.el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; -webkit-box-shadow: none; box-shadow: none; }
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { border-left-color: #EBEEF5; }
.el-checkbox-button:first-child .el-checkbox-button__inner { border-left: 1px solid #DCDFE6; border-radius: 4px 0 0 4px; -webkit-box-shadow: none ; box-shadow: none ; }
.el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; }
.el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 4px 4px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 10px 20px; }
.el-checkbox-button--small .el-checkbox-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 9px 15px; }
.el-checkbox-button--mini .el-checkbox-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 7px 15px; }
.el-checkbox-group { font-size: 0; }
.el-tree { position: relative; cursor: default; background: #FFFFFF; color: #606266; }
.el-tree__empty-block { position: relative; min-height: 60px; text-align: center; width: 100%; height: 100%; }
.el-tree__empty-text { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #909399; font-size: 14px; }
.el-tree__drop-indicator { position: absolute; left: 0; right: 0; height: 1px; background-color: #409EFF; }
.el-tree-node { white-space: nowrap; outline: none; }
.el-tree-node:focus { /* focus */ }
.el-tree-node:focus > .el-tree-node__content { background-color: #F5F7FA; }
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { background-color: #409EFF; color: #fff; }
.el-tree-node__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
.el-tree-node__content > .el-tree-node__expand-icon { padding: 6px; }
.el-tree-node__content > label.el-checkbox { margin-right: 8px; }
.el-tree-node__content:hover { background-color: #F5F7FA; }
.el-tree.is-dragging .el-tree-node__content { cursor: move; }
.el-tree.is-dragging .el-tree-node__content * { pointer-events: none; }
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { cursor: not-allowed; }
.el-tree-node__expand-icon { cursor: pointer; color: #C0C4CC; font-size: 12px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
.el-tree-node__expand-icon.expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.el-tree-node__expand-icon-no-transition { -webkit-transition: none; transition: none; }
.el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default; }
.el-tree-node__label { font-size: 14px; }
.el-tree-node__loading-icon { margin-right: 8px; font-size: 14px; color: #C0C4CC; }
.el-tree-node > .el-tree-node__children { overflow: hidden; background-color: transparent; }
.el-tree-node.is-expanded > .el-tree-node__children { display: block; }
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: #f0f7ff; }
/*# sourceMappingURL=index.min.css.map */