.zd-input{width:100%;position:relative;display:inline-block}
.zd-input__inner{padding:0!important}
.zd-input--suffix .zd-input__inner{padding-right:2rem;}
.zd-input__suffix{position:absolute;height:100%;right:0;top:0;text-align:center;color:#2f2791;transition:all .3s;pointer-events:none}
.zd-input__suffix-inner{pointer-events:all}
.zd-cascader-wrap .zd-input__inner{text-overflow:ellipsis}
.zd-input__icon{height:100%;text-align:center;width:1.5rem;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.zd-input__icon.zd-icon-arrow-down{transition:transform .3s;font-size:1rem}
.zd-input__icon.zd-icon-arrow-right{transition:transform .3s;font-size:1.5rem;transform:rotate(270deg)}
.zd-cascader-wrap{width:100%}
.zd-cascader__dropdown{position:absolute;top:5.5rem;left:4rem;z-index:2009;font-size:1rem;background:#fff;border:1px solid #e4e7ed;border-radius:.25rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:none}
.zd-cascader-panel{display:flex;border-radius:.25rem;font-size:1rem}
.zd-scrollbar{overflow:hidden;position:relative}
.zd-scrollbar__wrap{overflow:scroll;height:100%}
.zd-cascader-menu{min-width:10rem;box-sizing:border-box;color:#606266;border-right:1px solid #e4e7ed}
.zd-cascader-menu:last-child{border-right:none}
.zd-cascader-menu__wrap{margin-bottom:-1rem;margin-right:-1rem;height:16rem;}
.zd-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:0.5rem 0;list-style:none;box-sizing:border-box}
.zd-cascader-node{position:relative;display:flex;align-items:center;padding:0 1rem;height:2.4rem;line-height:2.4rem;outline:0}
.zd-cascader-node:not(.is-disabled){cursor:pointer}
.zd-cascader-node__label{flex:1;padding:0 0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display: block; max-width: 10rem;}
.zd-cascader-node__postfix{position:absolute;right:0.5rem}
.zd-cascader-node:not(.is-disabled).is-prepare,.zd-cascader-node:not(.is-disabled):focus,.zd-cascader-node:not(.is-disabled):hover{background:#f5f7fa}
.zd-cascader-node.in-active-path,.zd-cascader-node.is-active,.zd-cascader-node.is-selectable.in-checked-path{color:#2f2791;font-weight:700}
.zd-cascader-node.in-active-path .zd-input__icon path,.zd-cascader-node.is-active .zd-input__icon path,.zd-cascader-node.is-selectable.in-checked-path .zd-input__icon path{fill:#2f2791}
.zd-cascader-wrap:not(.is-disabled):hover .zd-input__inner{cursor:pointer;border-color:#c0c4cc}
.zd-cascader-wrap.is-focus .zd-input .zd-input__inner{border-color:#409eff}
.zd-cascader-wrap.is-focus .zd-input .zd-input__icon{transform:rotate(180deg)}
.zd-cascader-wrap.is-focus .zd-cascader__dropdown{display:inline-block}
.zd-cascader-wrap:focus-within .zd-input__inner{border-color:#409eff}
.is-selected-icon{position:absolute;left:0.5rem;font-size:1rem}
.zd-cascader-node .icon-down{ transition:transform .3s;font-size:1rem;transform:rotate(270deg) }