UNPKG

@layui/layui-vue

Version:

a component library for Vue 3 base on layui-vue

2 lines (1 loc) 23.9 kB
:root{--input-border-radius: var(--global-border-radius);--input-border-color: var(--global-neutral-color-3)}.layui-input{width:100%;height:38px;line-height:38px;border-width:1px;border-style:solid;background-color:#fff;border-color:var(--input-border-color);border-radius:var(--input-border-radius);display:inline-flex}.layui-input input{height:38px;line-height:38px;background-color:transparent;color:#000000d9;padding-left:10px;display:inline-block;border:none;height:100%;width:100%}.layui-input-append{background-color:#fafafa;border-left:1px solid var(--input-border-color);display:flex;padding:0 15px;flex:none;align-items:center}.layui-input-prepend{background-color:#fafafa;border-right:1px solid var(--input-border-color);display:flex;padding:0 15px;flex:none;align-items:center}.layui-input-wrapper{width:100%;display:inline-flex;border:none}.layui-input:hover,.layui-input:focus-within{border-color:#d2d2d2}.layui-input-clear,.layui-input-prefix,.layui-input-suffix,.layui-input-password{background-color:transparent}.layui-input-clear{display:none}.layui-input:hover .layui-input-clear,.layui-input-password,.layui-input-prefix,.layui-input-suffix{display:flex;flex:none;align-items:center;padding:0 10px}.layui-input-has-prefix input{padding:0}.layui-input-clear,.layui-input-password{color:#00000073}.layui-input-clear:hover{opacity:.6}.layui-input input::-webkit-input-placeholder{line-height:1.3}.layui-input input::-ms-reveal{display:none}.layui-input:has(.layui-input-disabled){border-color:var(--input-border-color)!important}.layui-input-disabled,.layui-input-disabled *{cursor:not-allowed!important;opacity:.6}.layui-input[size=lg]{height:44px}.layui-input[size=lg] .layui-input{height:44px;line-height:44px}.layui-input[size=md]{height:38px}.layui-input[size=md] .layui-input{height:38px;line-height:38px}.layui-input[size=sm]{height:32px}.layui-input[size=sm] .layui-input{height:32px;line-height:32px}.layui-input[size=xs]{height:26px}.layui-input[size=xs] .layui-input{height:26px;line-height:26px}.layui-input input::-webkit-outer-spin-button,.layui-input input::-webkit-inner-spin-button{-webkit-appearance:none}.layui-popper *[data-popper-arrow]{width:10px;height:10px;position:absolute}.layui-popper *[data-popper-arrow]:after{box-sizing:border-box;position:absolute;content:" ";width:10px;height:10px;transform:rotate(45deg);background-color:#fff;border:1px solid #cecece;z-index:-1}.layui-popper[data-popper-placement^=right]>[data-popper-arrow]{left:-5px}.layui-popper[data-popper-placement^=right]>[data-popper-arrow]:after{border-top-color:transparent!important;border-right-color:transparent!important}.layui-popper[data-popper-placement^=left]>[data-popper-arrow]{right:-5px}.layui-popper[data-popper-placement^=left]>[data-popper-arrow]:after{border-bottom-color:transparent!important;border-left-color:transparent!important}.layui-popper[data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}.layui-popper[data-popper-placement^=top]>[data-popper-arrow]:after{border-top-color:transparent!important;border-left-color:transparent!important}.layui-popper[data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}.layui-popper[data-popper-placement^=bottom]>[data-popper-arrow]:after{border-bottom-color:transparent!important;border-right-color:transparent!important}:root{--dropdown-content-border-radius: var(--global-border-radius)}.layui-dropdown{position:relative;display:inline-block}.layui-dropdown-content{position:absolute;z-index:99999999;background-color:#fff;box-sizing:border-box;border:1px solid #e4e7ed;border-radius:var(--dropdown-content-border-radius);box-shadow:0 2px 12px #0000001a}.layui-dropdown-content>.layui-dropdown-menu{margin:5px 0}.layui-dropdown-content .layui-menu{position:relative;background-color:#fff}.layui-dropdown-content .layui-menu li,.layui-dropdown-content .layui-menu-body-title a{padding:5px 15px}.layui-dropdown-content .layui-menu li{position:relative;display:flex;margin:1px 0;line-height:26px;color:#000c;font-size:14px;white-space:nowrap;cursor:pointer}.layui-dropdown-content .layui-menu li:hover{background-color:var(--global-neutral-color-2)}.layui-dropdown-content .layui-menu-body-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layui-dropdown-menu-prefix{margin-right:8px}.layui-dropdown-menu-suffix{margin-left:15px}.layui-dropdown-content .layui-menu li.layui-disabled:hover{background-color:inherit}.layui-tag{--layui-tag-bg-color: #fafafa;--layui-tag-border-color: #f0f0f0;--layui-tag-hover-color: #FFF;--layui-tag-text-color: currentColor;display:inline-flex;align-items:baseline;vertical-align:middle;box-sizing:border-box;height:26px;line-height:26px;padding:0 8px;font-size:14px;font-weight:500;color:var(--layui-tag-text-color);background-color:var(--layui-tag-bg-color);border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--global-border-radius)}.layui-tag-icon{margin-right:4px}.layui-tag-bordered{border-color:var(--layui-tag-border-color)}.layui-tag-disabled{opacity:.4;cursor:not-allowed}.layui-tag-disabled .layui-tag-close-icon .layui-icon:hover{cursor:not-allowed!important;opacity:1}.layui-tag-shap-square{border-radius:var(--global-border-radius)}.layui-tag-shap-round{border-radius:12px}.layui-tag .layui-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layui-tag .layui-tag-close-icon{margin-left:4px;font-size:14px}.layui-tag .layui-tag-close-icon .layui-icon:hover{cursor:pointer;opacity:.5}.layui-tag-size-lg{height:30px;font-size:14px;line-height:30px}.layui-tag-size-md{height:26px;font-size:14px;line-height:26px}.layui-tag .layui-icon{font-size:14px}.layui-tag-size-sm{height:22px;font-size:12px;line-height:22px}.layui-tag-size-xs{height:18px;font-size:12px;line-height:18px}.layui-tag .layui-icon{font-size:12px}.layui-tag-primary{--layui-tag-bg-color: var(--global-primary-color);--layui-tag-border-color: transparent;--layui-tag-hover-color: var(--global-primary-color);--layui-tag-text-color: #ffffff}.layui-tag-primary-bordered{--layui-tag-border-color: var(--global-primary-color)}.layui-tag-primary.layui-tag-variant-light{--layui-tag-bg-color: adjust(var(--global-primary-color), 90%);--layui-tag-border-color: transparent;--layui-tag-hover-color: adjust(var(--global-primary-color), 90%);--layui-tag-text-color: var(--global-primary-color)}.layui-tag-primary.layui-tag-variant-light-bordered{--layui-tag-border-color: adjust(var(--global-primary-color), 50%)}.layui-tag-primary.layui-tag-variant-plain{--layui-tag-bg-color: transparent;--layui-tag-hover-color: transparent;--layui-tag-text-color: var(--global-primary-color);--layui-tag-border-color: transparent}.layui-tag-primary.layui-tag-variant-plain-bordered{--layui-tag-border-color: var(--global-primary-color)}.layui-tag-normal{--layui-tag-bg-color: #1e9fff;--layui-tag-border-color: transparent;--layui-tag-hover-color: #1e9fff;--layui-tag-text-color: #ffffff}.layui-tag-normal-bordered{--layui-tag-border-color: #1e9fff}.layui-tag-normal.layui-tag-variant-light{--layui-tag-bg-color: adjust(#1e9fff, 90%);--layui-tag-border-color: transparent;--layui-tag-hover-color: adjust(#1e9fff, 90%);--layui-tag-text-color: #1e9fff}.layui-tag-normal.layui-tag-variant-light-bordered{--layui-tag-border-color: adjust(#1e9fff, 50%)}.layui-tag-normal.layui-tag-variant-plain{--layui-tag-bg-color: transparent;--layui-tag-hover-color: transparent;--layui-tag-text-color: #1e9fff;--layui-tag-border-color: transparent}.layui-tag-normal.layui-tag-variant-plain-bordered{--layui-tag-border-color: #1e9fff}.layui-tag-warm{--layui-tag-bg-color: #ffb800;--layui-tag-border-color: transparent;--layui-tag-hover-color: #ffb800;--layui-tag-text-color: #ffffff}.layui-tag-warm-bordered{--layui-tag-border-color: #ffb800}.layui-tag-warm.layui-tag-variant-light{--layui-tag-bg-color: adjust(#ffb800, 90%);--layui-tag-border-color: transparent;--layui-tag-hover-color: adjust(#ffb800, 90%);--layui-tag-text-color: #ffb800}.layui-tag-warm.layui-tag-variant-light-bordered{--layui-tag-border-color: adjust(#ffb800, 50%)}.layui-tag-warm.layui-tag-variant-plain{--layui-tag-bg-color: transparent;--layui-tag-hover-color: transparent;--layui-tag-text-color: #ffb800;--layui-tag-border-color: transparent}.layui-tag-warm.layui-tag-variant-plain-bordered{--layui-tag-border-color: #ffb800}.layui-tag-danger{--layui-tag-bg-color: #ff5722;--layui-tag-border-color: transparent;--layui-tag-hover-color: #ff5722;--layui-tag-text-color: #ffffff}.layui-tag-danger-bordered{--layui-tag-border-color: #ff5722}.layui-tag-danger.layui-tag-variant-light{--layui-tag-bg-color: adjust(#ff5722, 90%);--layui-tag-border-color: transparent;--layui-tag-hover-color: adjust(#ff5722, 90%);--layui-tag-text-color: #ff5722}.layui-tag-danger.layui-tag-variant-light-bordered{--layui-tag-border-color: adjust(#ff5722, 50%)}.layui-tag-danger.layui-tag-variant-plain{--layui-tag-bg-color: transparent;--layui-tag-hover-color: transparent;--layui-tag-text-color: #ff5722;--layui-tag-border-color: transparent}.layui-tag-danger.layui-tag-variant-plain-bordered{--layui-tag-border-color: #ff5722}.lay-tooltip-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.lay-tooltip{padding:10px;border-radius:var(--global-border-radius);word-wrap:break-word;min-width:12px;min-height:12px;font-size:14px;box-sizing:border-box;box-shadow:0 2px 12px #00000026;background-color:#fff;color:#3a3a3a;border:1px solid #cecece;z-index:999999}.lay-tooltip>[data-popper-arrow]:after{background-color:#fff;border-color:#cecece}.lay-tooltip.layui-dark{background-color:#353535;color:#fff;border:1px solid #353535}.lay-tooltip.layui-dark>[data-popper-arrow]:after{background-color:#353535;border-color:#353535}.layui-tag-input{display:inline-flex;box-sizing:border-box;width:100%;border-width:1px;border-style:solid;border-color:var(--input-border-color);border-radius:var(--input-border-radius);background-color:#fff;cursor:text}.layui-tag-input-inner{flex:1;overflow:hidden;line-height:0;padding:2px 0}.layui-tag-input-mirror{position:absolute;top:0;left:0;white-space:pre;visibility:hidden;pointer-events:none}.layui-tag-input-clear{flex:none;display:none;align-items:center;padding:0 10px;color:#00000073;cursor:pointer;visibility:hidden}.layui-tag-input-clear:hover{opacity:.8}.layui-tag-input .layui-tag-input-inner-input{box-sizing:border-box;border:none}.layui-tag-input-disabled{cursor:not-allowed;opacity:.6}.layui-tag-input-disabled *{cursor:not-allowed}.layui-tag-input .layui-tag{margin-right:5px;margin-top:2px;margin-bottom:2px;white-space:pre-wrap}.layui-tag-input-collapsed-panel{white-space:normal;display:flex;align-items:center;flex-wrap:wrap;width:100%;height:auto;overflow:hidden}.layui-tag-input-collapsed-panel .layui-tag{margin-right:5px;margin-bottom:4px}.layui-tag-input.layui-tag-input-lg{min-height:44px}.layui-tag-input.layui-tag-input-lg .layui-tag-input-inner-input{height:38px;vertical-align:middle}.layui-tag-input.layui-tag-input-lg .layui-tag-input-inner-input:disabled{position:relative;background:transparent;z-index:1}.layui-tag-input.layui-tag-input-lg .layui-tag-input-inner{position:relative;padding:2px 5px}.layui-tag-input.layui-tag-input-lg .layui-tag-input-inner-disabled-input{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.layui-tag-input.layui-tag-input-lg .layui-tag{position:relative;margin-top:2px;margin-bottom:2px;z-index:3}.layui-tag-input.layui-tag-input-md{min-height:38px}.layui-tag-input.layui-tag-input-md .layui-tag-input-inner-input{height:32px;vertical-align:middle}.layui-tag-input.layui-tag-input-md .layui-tag-input-inner-input:disabled{position:relative;background:transparent;z-index:1}.layui-tag-input.layui-tag-input-md .layui-tag-input-inner{position:relative;padding:2px 5px}.layui-tag-input.layui-tag-input-md .layui-tag-input-inner-disabled-input{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.layui-tag-input.layui-tag-input-md .layui-tag{position:relative;margin-top:2px;margin-bottom:2px;z-index:3}.layui-tag-input.layui-tag-input-sm{min-height:32px}.layui-tag-input.layui-tag-input-sm .layui-tag-input-inner-input{height:28px;vertical-align:middle}.layui-tag-input.layui-tag-input-sm .layui-tag-input-inner-input:disabled{position:relative;background:transparent;z-index:1}.layui-tag-input.layui-tag-input-sm .layui-tag-input-inner{position:relative;padding:1px 5px}.layui-tag-input.layui-tag-input-sm .layui-tag-input-inner-disabled-input{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.layui-tag-input.layui-tag-input-sm .layui-tag{position:relative;margin-top:1px;margin-bottom:1px;z-index:3}.layui-tag-input.layui-tag-input-xs{min-height:26px}.layui-tag-input.layui-tag-input-xs .layui-tag-input-inner-input{height:22px;vertical-align:middle}.layui-tag-input.layui-tag-input-xs .layui-tag-input-inner-input:disabled{position:relative;background:transparent;z-index:1}.layui-tag-input.layui-tag-input-xs .layui-tag-input-inner{position:relative;padding:1px 5px}.layui-tag-input.layui-tag-input-xs .layui-tag-input-inner-disabled-input{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.layui-tag-input.layui-tag-input-xs .layui-tag{position:relative;margin-top:1px;margin-bottom:1px;z-index:3}.layui-tag-input-suffix{display:flex;flex:none;align-items:center;padding:0 10px}.layui-tag-input:not(.layui-tag-input-disabled):hover{border-color:#d2d2d2!important}.layui-tag-input:not(.layui-tag-input-disabled):hover .layui-tag-input-clear{display:flex;visibility:unset}.layui-tag-input-append{background-color:#fafafa;border-left:1px solid var(--input-border-color);display:flex;padding:0 15px;flex:none;align-items:center}.layui-tag-input-prepend{background-color:#fafafa;border-right:1px solid var(--input-border-color);display:flex;padding:0 15px;flex:none;align-items:center}.layui-checkbox[size=lg]{display:inline-block}.layui-checkbox[size=lg] .layui-form-checkbox[lay-skin=primary]{padding-left:30px}.layui-checkbox[size=lg] .layui-form-checkbox[lay-skin=primary] .layui-icon{height:20px;box-sizing:border-box;font-size:14px;line-height:20px;width:20px}.layui-checkbox[size=lg] .layui-form-checkbox[lay-skin=primary] .layui-checkbox-label{height:20px;font-size:16px;line-height:20px}.layui-checkbox[size=md]{display:inline-block}.layui-checkbox[size=md] .layui-form-checkbox[lay-skin=primary]{padding-left:28px}.layui-checkbox[size=md] .layui-form-checkbox[lay-skin=primary] .layui-icon{height:18px;box-sizing:border-box;font-size:12px;line-height:18px;width:18px}.layui-checkbox[size=md] .layui-form-checkbox[lay-skin=primary] .layui-checkbox-label{height:18px;font-size:14px;line-height:18px}.layui-checkbox[size=sm]{display:inline-block}.layui-checkbox[size=sm] .layui-form-checkbox[lay-skin=primary]{padding-left:26px}.layui-checkbox[size=sm] .layui-form-checkbox[lay-skin=primary] .layui-icon{height:16px;box-sizing:border-box;font-size:10px;line-height:16px;width:16px}.layui-checkbox[size=sm] .layui-form-checkbox[lay-skin=primary] .layui-checkbox-label{height:16px;font-size:12px;line-height:16px}.layui-checkbox[size=xs]{display:inline-block}.layui-checkbox[size=xs] .layui-form-checkbox[lay-skin=primary]{padding-left:24px}.layui-checkbox[size=xs] .layui-form-checkbox[lay-skin=primary] .layui-icon{height:14px;box-sizing:border-box;font-size:8px;line-height:14px;width:14px}.layui-checkbox[size=xs] .layui-form-checkbox[lay-skin=primary] .layui-checkbox-label{height:14px;font-size:10px;line-height:14px}.layui-checkbox[size=lg] .layui-form-checkbox{height:34px;line-height:34px}.layui-checkbox[size=lg] .layui-form-checkbox .layui-checkbox-label{font-size:15px}.layui-checkbox[size=lg] .layui-form-checkbox i{height:34px;line-height:34px;font-size:22px}.layui-checkbox[size=md] .layui-form-checkbox{height:30px;line-height:30px}.layui-checkbox[size=md] .layui-form-checkbox .layui-checkbox-label{font-size:14px}.layui-checkbox[size=md] .layui-form-checkbox i{height:30px;line-height:30px;font-size:20px}.layui-checkbox[size=sm] .layui-form-checkbox{height:26px;line-height:26px}.layui-checkbox[size=sm] .layui-form-checkbox .layui-checkbox-label{font-size:13px}.layui-checkbox[size=sm] .layui-form-checkbox i{height:26px;line-height:26px;font-size:18px}.layui-checkbox[size=xs] .layui-form-checkbox{height:22px;line-height:22px}.layui-checkbox[size=xs] .layui-form-checkbox .layui-checkbox-label{font-size:12px}.layui-checkbox[size=xs] .layui-form-checkbox i{height:22px;line-height:22px;font-size:16px}.layui-checkbox input[type=checkbox]{display:none}.layui-form-checkbox{position:relative;height:30px;line-height:30px;margin-right:10px;padding-right:30px;cursor:pointer;font-size:0;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box}.layui-form-checkbox span{padding:0 10px;height:100%;font-size:14px;border-radius:var(--global-border-radius) 0 0 var(--global-border-radius);background-color:var(--global-neutral-color-6);color:#fff;overflow:hidden}.layui-form-checkbox:hover span{background-color:var(--global-neutral-color-8)}.layui-form-checkbox i{width:30px;height:30px;position:absolute;box-sizing:border-box;border-top:1px solid var(--global-neutral-color-6);border-bottom:1px solid var(--global-neutral-color-6);border-right:1px solid var(--global-neutral-color-6);border-radius:0 var(--global-border-radius) var(--global-border-radius) 0;text-align:center;font-size:20px;color:#fff;right:0;top:0}.layui-form-checkbox:hover i{border-color:var(--global-neutral-color-8);color:var(--global-neutral-color-8)}.layui-form-checkbox[lay-skin=primary]{height:auto!important;line-height:normal!important;border:none!important;margin-right:0;padding-left:28px;padding-right:0;background:0 0}.layui-form-checkbox[lay-skin=primary] span{padding-left:0;padding-right:15px;line-height:18px;background:0 0;color:#666}.layui-form-checkbox[lay-skin=primary] i{right:auto;left:0;width:16px;height:16px;line-height:16px;border:1px solid var(--global-neutral-color-6);font-size:12px;border-radius:var(--global-border-radius);background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-checkbox[lay-skin=primary]:hover i{border-color:var(--global-checked-color);color:#fff}.layui-form-checked,.layui-form-checked:hover{border-color:var(--global-checked-color)}.layui-form-checked i,.layui-form-checked:hover i{color:var(--global-checked-color)}.layui-form-checked span,.layui-form-checked:hover span{background-color:var(--global-checked-color)}.layui-form-checked[lay-skin=primary] i{border-color:var(--global-checked-color);background-color:var(--global-checked-color);color:#fff}.layui-form-checked[lay-skin=primary] span{background:0 0!important}.layui-checkbox-disabled[lay-skin=primary] span{background:0 0!important;color:var(--global-neutral-color-8)!important}.layui-checkbox-disabled[lay-skin=primary]:hover i{border-color:var(--global-neutral-color-6)}.layui-checkbox-disabled,.layui-checkbox-disabled i{border-color:var(--global-neutral-color-3)!important}.layui-checkbox-disabled span{background-color:var(--global-neutral-color-3)!important}.layui-checkbox-disabled em{color:var(--global-neutral-color-6)!important}.layui-checkbox-disabled:hover i{color:#fff!important}.layui-checkbox-indeterminate .layui-icon-subtraction{background-color:var(--global-checked-color)!important}.layui-checkbox-disabled .layui-icon-ok,.layui-checkbox-disabled .layui-icon-subtraction{background-color:var(--global-neutral-color-3)!important;border-color:var(--global-neutral-color-3)!important}.layui-tree{line-height:22px;overflow:hidden}.layui-tree .layui-form-checkbox{margin:0!important}.layui-tree .layui-tree-loading{font-size:14px!important;margin-right:5px}.layui-tree .layui-this .layui-tree-txt{color:var(--global-checked-color)!important}.layui-tree .layui-tree-iconClick{position:relative;margin:0 10px;color:#c0c4cc}.layui-tree .layui-tree-set{width:100%;position:relative}.layui-tree .layui-tree-set .layui-tree-entry{position:relative;padding:3px 0;height:26px;line-height:26px;white-space:nowrap}.layui-tree .layui-tree-set .layui-tree-entry:hover{background-color:#eee;border-radius:var(--global-border-radius)}.layui-tree .layui-tree-set .layui-tree-pack{padding-left:20px;position:relative}.layui-tree.layui-tree-line .layui-tree-pack .layui-tree-icon-no-pad-left{margin-left:.4rem!important}.layui-tree.layui-tree-line .layui-tree-icon-no-pad-left{margin-left:0rem!important}.layui-tree.layui-tree-line .layui-tree-set:has(.layui-tree-icon-border).layui-tree-set:before{content:"";position:absolute;top:0;left:-.6rem;width:0;height:100%;border-left:1px dotted #c0c4cc}.layui-tree.layui-tree-line .layui-tree-set:has(.layui-tree-icon-border) .layui-tree-icon-border{height:14px;width:14px;border:1px solid #c0c4cc;display:flex;align-items:center;justify-content:center}.layui-tree.layui-tree-line .layui-tree-set:has(.layui-tree-icon-border) .layui-tree-icon-border>.layui-icon{font-size:12px}.layui-tree.layui-tree-line .layui-tree-set:has(.layui-tree-icon-border) .layui-tree-iconClick{color:#666}.layui-tree.layui-tree-line .layui-tree-set:has(.layui-tree-icon-no-border).layui-tree-set:before{content:"";position:absolute;top:0;left:-.6rem;width:0;height:100%;border-left:1px dotted #c0c4cc}.layui-tree.layui-tree-line .layui-tree-set:has(.layui-tree-icon-no-border) .layui-tree-icon-no-border{border:none;margin:0 8px}.layui-tree.layui-tree-line .layui-tree-set:has(.layui-tree-icon-no-border) .layui-tree-pack .layui-tree-icon-no-border{margin:0 10px}.layui-tree.layui-tree-line .layui-tree-pack{border-left:1px solid transparent;padding-left:25px!important}.layui-tree.layui-tree-line .layui-tree-set .layui-tree-set:after{content:"";position:absolute;top:14px;left:-.6rem;width:17px;height:0;border-top:1px dotted #c0c4cc}.layui-tree.layui-tree-line .layui-tree-pack .layui-tree-set:last-child .layui-tree-set:last-child:before{height:14px}.layui-tree.layui-tree-line .layui-tree-set.layui-tree-set-end .layui-tree-set:last-child:before{height:14px}.layui-tree.layui-tree-line .layui-tree-entry:hover{background-color:#0000}.layui-tree.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color:#999;transition:.3s}.layui-tree.layui-tree-unline .layui-tree-iconClick{width:32px;text-align:center;margin:0;display:inline-block;vertical-align:middle}.layui-tree .layui-tree-main{height:100%;cursor:pointer;padding-right:10px;display:flex;align-items:center;vertical-align:middle}.layui-tree .layui-tree-main .layui-checkbox-label{padding-right:0!important}.layui-tree-iconClick .layui-icon-triangle-d,.layui-tree-iconClick .layui-icon-triangle-r{font-size:12px}.layui-tree-btnGroup,.layui-tree-editInput{position:relative;vertical-align:middle;display:inline-block}.layui-tree-txt{color:#555;-webkit-user-select:none;user-select:none}.layui-tree-search{margin-bottom:15px;color:#666}.layui-tree-btnGroup .layui-icon{display:inline-block;vertical-align:middle;padding:0 2px;cursor:pointer}.layui-tree-btnGroup .layui-icon:hover{color:#999;transition:.3s}.layui-tree-entry:hover .layui-tree-btnGroup{visibility:visible}.layui-tree-editInput{height:26px;line-height:26px;padding:0 3px;border:none;background-color:#0000000d}.layui-tree-emptyText{text-align:center;color:#999}.layui-tree-select{width:220px}.layui-tree-select-content{padding:5px;max-height:300px;overflow:auto}.layui-tree-select .layui-icon-triangle-d{transition:all .3s;-webkit-transition:all .3s;color:var(--global-neutral-color-8)}.layui-tree-select .layui-icon-triangle-d.triangle{transform:rotate(180deg)}.layui-tree-select.has-content.has-clear:not(.layui-disabled):hover .layui-input-suffix,.layui-tree-select.has-content.has-clear:not(.layui-disabled):hover .layui-tag-input-suffix{display:none}.layui-tree-select-content::-webkit-scrollbar{width:8px;height:8px}.layui-tree-select-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#eee}.layui-tree-select-content::-webkit-scrollbar-thumb:hover{background-color:#ddd}