zarm-web

Version:

基于 React 的桌面端UI库

1 lines • 180 kB

CSS

html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@-webkit-keyframes door-enter{0%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}to{-webkit-transform:scale3d(1,1,.1);transform:scale3d(1,1,.1)}}@-webkit-keyframes door-leave{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}60%{-webkit-transform:scale3d(.01,1,1);transform:scale3d(.01,1,1)}to{-webkit-transform:scale3d(0,1,.1);transform:scale3d(0,1,.1)}}@-webkit-keyframes fade-enter{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-leave{0%{opacity:1}to{opacity:0}}@-webkit-keyframes flip-enter{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,60deg);transform:perspective(400px) rotate3d(1,0,0,60deg)}70%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-15deg);transform:perspective(400px) rotate3d(1,0,0,-15deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes flip-leave{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-15deg);transform:perspective(400px) rotate3d(1,0,0,-15deg)}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,45deg);transform:perspective(400px) rotate3d(1,0,0,45deg)}}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate-enter{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-180deg) scale3d(.3,.3,.3);transform:rotate3d(0,0,1,-180deg) scale3d(.3,.3,.3)}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes rotate-leave{0%{-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,180deg) scale3d(.3,.3,.3);transform:rotate3d(0,0,1,180deg) scale3d(.3,.3,.3)}}@-webkit-keyframes slideUp-enter{0%{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideUp-leave{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}@-webkit-keyframes slideDown-enter{0%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideDown-leave{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}@-webkit-keyframes slideLeft-enter{0%{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideLeft-leave{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}@-webkit-keyframes slideRight-enter{0%{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideRight-leave{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}@-webkit-keyframes zoom-enter{0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes zoom-leave{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes za-zoom-fade-enter{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes za-zoom-fade-leave{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}}@-webkit-keyframes moveUp-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes moveUp-leave{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes moveDown-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes moveDown-leave{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes moveLeft-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes moveLeft-leave{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes moveRight-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes moveRight-leave{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes scaleDown-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes scaleDown-leave{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes scaleUp-enter{0%{opacity:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes scaleUp-leave{0%{opacity:1;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes bounce-enter{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes bounce-leave{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}[contenteditable]{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}:focus,a{outline:none}a{background:rgba(0,0,0,0);text-decoration:none}.ui-alert{padding:16px 16px 16px 75px;position:relative;color:#666;line-height:1.5}.ui-alert .ui-icon{position:absolute;top:50%;left:15px;margin-top:-30px;font-size:40px;color:#eca632}.ui-alert span{font-size:16px;color:#666}.zw-avatar{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant:tabular-nums;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;display:inline-block;text-align:center;background:#ccc;background:var(--avatar-default-bg-color);color:#fff;color:var(--avatar-default-color);white-space:nowrap;position:relative;overflow:hidden;vertical-align:middle;border-radius:50%;border-radius:var(--avatar-border-radius);font-size:14px;font-size:var(--avatar-fontSize)}.zw-avatar>img{width:100%;height:100%;display:block}.zw-avatar--md{width:40px;width:var(--avatar-width-md);height:40px;height:var(--avatar-height-md);font-size:var(--avatar-fontSize-icon-md)}.zw-avatar--md,.zw-avatar--md>*{line-height:40px;line-height:var(--avatar-height-md)}.zw-avatar--md.has-icon{font-size:var(--avatar-fontSize-icon-md)}.zw-avatar--xl{width:72px;width:var(--avatar-width-xl);height:72px;height:var(--avatar-height-xl);font-size:var(--avatar-fontSize-icon-xl)}.zw-avatar--xl,.zw-avatar--xl>*{line-height:72px;line-height:var(--avatar-height-xl)}.zw-avatar--xl.has-icon{font-size:var(--avatar-fontSize-icon-xl)}.zw-avatar--lg{width:48px;width:var(--avatar-width-lg);height:48px;height:var(--avatar-height-lg);font-size:var(--avatar-fontSize-icon-lg)}.zw-avatar--lg,.zw-avatar--lg>*{line-height:48px;line-height:var(--avatar-height-lg)}.zw-avatar--lg.has-icon{font-size:var(--avatar-fontSize-icon-lg)}.zw-avatar--sm{width:32px;width:var(--avatar-width-sm);height:32px;height:var(--avatar-height-sm);font-size:var(--avatar-fontSize-icon-sm)}.zw-avatar--sm,.zw-avatar--sm>*{line-height:32px;line-height:var(--avatar-height-sm)}.zw-avatar--sm.has-icon{font-size:var(--avatar-fontSize-icon-sm)}.zw-avatar--xs{width:24px;width:var(--avatar-width-xs);height:24px;height:var(--avatar-height-xs);font-size:var(--avatar-fontSize-icon-xs)}.zw-avatar--xs,.zw-avatar--xs>*{line-height:24px;line-height:var(--avatar-height-xs)}.zw-avatar--xs.has-icon{font-size:var(--avatar-fontSize-icon-xs)}.zw-avatar--square{border-radius:4px;border-radius:var(--radius-md)}.zw-avatar--image{background:rgba(0,0,0,0)}.zw-avatar--string{position:absolute;left:50%;-webkit-transform-origin:0 center;-ms-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.zw-breadcrumb{padding:10px 15px;font-size:14px;font-size:var(--breadcrumb-default-font-size)}.zw-breadcrumb,.zw-breadcrumb .zw-breadcrumb-item{color:#909090;color:var(--breadcrumb-default-color)}.zw-breadcrumb .zw-breadcrumb-item__separator{margin:0 8px;color:rgba(0,0,0,.45);color:var(--breadcrumb-separator-color)}.zw-breadcrumb .zw-breadcrumb-item:last-child,.zw-breadcrumb .zw-breadcrumb-item:last-child>a{color:#343434;color:var(--breadcrumb-color)}.zw-breadcrumb .zw-breadcrumb-item:last-child>span:last-child{display:none}.zw-breadcrumb .zw-breadcrumb-item--link .zw-breadcrumb-item__content{color:#909090;color:var(--breadcrumb-default-color);text-decoration:none}.zw-breadcrumb .zw-breadcrumb-item--link .zw-breadcrumb-item__content:hover{color:#00bc71;color:var(--breadcrumb-hover-color)}@-webkit-keyframes zw-activity-indicator_rotate-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:120,200;stroke-dashoffset:-60}to{stroke-dasharray:120,200;stroke-dashoffset:-180}}@-webkit-keyframes zw-activity-indicator_rotate360{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.zw-button{display:inline-block;border:none;font-weight:400;text-align:center;overflow:hidden;color:#343434;color:var(--color-text);-webkit-transition:all .2s ease-out;transition:all .2s ease-out;outline:0 none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-appearance:none;padding:0 14px;padding:0 var(--button-padding-h-md);font-size:14px;font-size:var(--button-font-size-md);height:32px;height:var(--button-height-md);line-height:1.5}.zw-button,.zw-button:active,.zw-button:focus,.zw-button:hover,.zw-button:visited{text-decoration:none}.zw-button--default{border-width:1px;border-style:solid}.zw-button--disabled{cursor:not-allowed;opacity:.5;opacity:var(--opacity-disabled)}.zw-button--block{display:block;width:100%}.zw-button--loading{line-height:1.15;cursor:default}.zw-button .zw-icon{font-size:14px;font-size:var(--button-font-size-md)}.zw-button--link{line-height:32px;line-height:var(--button-height-md)}.zw-button--circle,.zw-button--icon-only{width:32px;width:var(--button-height-md);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button--icon-only .zw-icon{font-size:16px;font-size:var(--button-icon-size-md);line-height:1}.zw-button *+span{margin-left:calc(14px / 2);margin-left:calc(var(--button-padding-h-md) / 2)}.zw-button--xl{padding:0 18px;padding:0 var(--button-padding-h-xl);height:40px;height:var(--button-height-xl);line-height:1.5}.zw-button--xl,.zw-button--xl .zw-icon{font-size:16px;font-size:var(--button-font-size-xl)}.zw-button--xl.zw-button--link{line-height:40px;line-height:var(--button-height-xl)}.zw-button--xl.zw-button--circle,.zw-button--xl.zw-button--icon-only{width:40px;width:var(--button-height-xl);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button--xl.zw-button--icon-only .zw-icon{font-size:20px;font-size:var(--button-icon-size-xl);line-height:1}.zw-button--xl *+span{margin-left:calc(18px / 2);margin-left:calc(var(--button-padding-h-xl) / 2)}.zw-button--lg{padding:0 16px;padding:0 var(--button-padding-h-lg);height:36px;height:var(--button-height-lg);line-height:1.5}.zw-button--lg,.zw-button--lg .zw-icon{font-size:16px;font-size:var(--button-font-size-lg)}.zw-button--lg.zw-button--link{line-height:36px;line-height:var(--button-height-lg)}.zw-button--lg.zw-button--circle,.zw-button--lg.zw-button--icon-only{width:36px;width:var(--button-height-lg);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button--lg.zw-button--icon-only .zw-icon{font-size:18px;font-size:var(--button-icon-size-lg);line-height:1}.zw-button--lg *+span{margin-left:calc(16px / 2);margin-left:calc(var(--button-padding-h-lg) / 2)}.zw-button--sm{padding:0 12px;padding:0 var(--button-padding-h-sm);height:28px;height:var(--button-height-sm);line-height:1.5}.zw-button--sm,.zw-button--sm .zw-icon{font-size:12px;font-size:var(--button-font-size-sm)}.zw-button--sm.zw-button--link{line-height:28px;line-height:var(--button-height-sm)}.zw-button--sm.zw-button--circle,.zw-button--sm.zw-button--icon-only{width:28px;width:var(--button-height-sm);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button--sm.zw-button--icon-only .zw-icon{font-size:14px;font-size:var(--button-icon-size-sm);line-height:1}.zw-button--sm *+span{margin-left:calc(12px / 2);margin-left:calc(var(--button-padding-h-sm) / 2)}.zw-button--xs{padding:0 8px;padding:0 var(--button-padding-h-xs);height:24px;height:var(--button-height-xs);line-height:1.5}.zw-button--xs,.zw-button--xs .zw-icon{font-size:12px;font-size:var(--button-font-size-xs)}.zw-button--xs.zw-button--link{line-height:24px;line-height:var(--button-height-xs)}.zw-button--xs.zw-button--circle,.zw-button--xs.zw-button--icon-only{width:24px;width:var(--button-height-xs);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button--xs.zw-button--icon-only .zw-icon{font-size:14px;font-size:var(--button-icon-size-xs);line-height:1}.zw-button--xs *+span{margin-left:calc(8px / 2);margin-left:calc(var(--button-padding-h-xs) / 2)}.zw-button--default{background-color:#fff;background-color:var(--button-default-background);border-color:#dcdcdc;border-color:var(--button-default-border);color:#343434;color:var(--button-default-color)}.zw-button--default:focus,.zw-button--default:hover{background-color:#fff;background-color:var(--button-default-hover-background);border-color:#00bc71;border-color:var(--button-default-hover-border);color:#00bc71;color:var(--button-default-hover-color)}.zw-button--default:active{background-color:#fff;background-color:var(--button-default-active-background);border-color:#00a865;border-color:var(--button-default-active-border);color:#00a865;color:var(--button-default-active-color)}.zw-button--default.zw-button--disabled{opacity:.5;opacity:var(--button-disabled-opacity);cursor:not-allowed}.zw-button--default.zw-button--disabled,.zw-button--default.zw-button--disabled:active,.zw-button--default.zw-button--disabled:focus,.zw-button--default.zw-button--disabled:hover,.zw-button--default.zw-button--disabled:visited,.zw-button--default.zw-button--loading{background-color:#fff;background-color:var(--button-default-background);border-color:#dcdcdc;border-color:var(--button-default-border);color:#bcbcbc;color:var(--color-text-disabled)}.zw-button--default.zw-button--link{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#343434;color:var(--button-default-color)}.zw-button--default.zw-button--link:active,.zw-button--default.zw-button--link:hover{color:#00bc71;color:var(--color-link)}.zw-button--default.zw-button--link.zw-button--disabled,.zw-button--default.zw-button--link.zw-button--disabled:active,.zw-button--default.zw-button--link.zw-button--disabled:focus,.zw-button--default.zw-button--link.zw-button--disabled:hover,.zw-button--default.zw-button--link.zw-button--disabled:visited{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#bcbcbc;color:var(--color-text-disabled);cursor:not-allowed}.zw-button--default.zw-button--loading{color:#00bc71;color:var(--theme-primary);border-color:#00bc71;border-color:var(--theme-primary)}.zw-button--default.zw-button--ghost{background-color:rgba(0,0,0,0);color:#fff;color:var(--button-default-ghost-color);border:1px solid #fff;border-color:var(--button-default-ghost-border)}.zw-button--default.zw-button--ghost:hover{border-color:rgba(0,188,113,.8);border-color:var(--button-default-ghost-hover-border);color:rgba(0,188,113,.8);color:var(--button-default-ghost-hover-color)}.zw-button--default.zw-button--ghost:active{border-color:#00a865;border-color:var(--button-default-ghost-active-border);color:#00a865;color:var(--button-default-ghost-active-color)}.zw-button--default.zw-button--ghost.zw-button--disabled,.zw-button--default.zw-button--ghost.zw-button--disabled:active,.zw-button--default.zw-button--ghost.zw-button--disabled:focus,.zw-button--default.zw-button--ghost.zw-button--disabled:hover,.zw-button--default.zw-button--ghost.zw-button--disabled:visited{background-color:rgba(0,0,0,0);border-color:#dcdcdc;border-color:var(--button-ghost-disabled-border);color:#fff;color:var(--button-ghost-disabled-color);cursor:not-allowed}.zw-button--primary{background-color:#00bc71;background-color:var(--button-primary-background);border-color:#00bc71;border-color:var(--button-primary-border);color:#fff;color:var(--button-primary-color)}.zw-button--primary:focus,.zw-button--primary:hover{background-color:rgba(0,188,113,.8);background-color:var(--button-primary-hover-background);border-color:rgba(0,188,113,.8);border-color:var(--button-primary-hover-border);color:#fff;color:var(--button-primary-hover-color)}.zw-button--primary:active{background-color:#00a865;background-color:var(--button-primary-active-background);border-color:#00a865;border-color:var(--button-primary-active-border);color:#fff;color:var(--button-primary-active-color)}.zw-button--primary.zw-button--disabled{opacity:.5;opacity:var(--button-disabled-opacity);cursor:not-allowed}.zw-button--primary.zw-button--disabled,.zw-button--primary.zw-button--disabled:active,.zw-button--primary.zw-button--disabled:focus,.zw-button--primary.zw-button--disabled:hover,.zw-button--primary.zw-button--disabled:visited,.zw-button--primary.zw-button--loading{background-color:#00bc71;background-color:var(--button-primary-background);border-color:#00bc71;border-color:var(--button-primary-border);color:#fff;color:var(--button-primary-color)}.zw-button--primary.zw-button--link{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#00bc71;color:var(--color-link)}.zw-button--primary.zw-button--link:active,.zw-button--primary.zw-button--link:hover{color:rgba(0,188,113,.8);color:var(--button-primary-hover-background)}.zw-button--primary.zw-button--link.zw-button--disabled,.zw-button--primary.zw-button--link.zw-button--disabled:active,.zw-button--primary.zw-button--link.zw-button--disabled:focus,.zw-button--primary.zw-button--link.zw-button--disabled:hover,.zw-button--primary.zw-button--link.zw-button--disabled:visited{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#bcbcbc;color:var(--color-text-disabled);cursor:not-allowed}.zw-button--primary.zw-button--ghost{background-color:rgba(0,0,0,0);color:#00bc71;color:var(--button-primary-ghost-color);border:1px solid #00bc71;border-color:var(--button-primary-ghost-border)}.zw-button--primary.zw-button--ghost:hover{border-color:rgba(0,188,113,.8);border-color:var(--button-primary-ghost-hover-border);color:rgba(0,188,113,.8);color:var(--button-primary-ghost-hover-color)}.zw-button--primary.zw-button--ghost:active{border-color:#00a865;border-color:var(--button-primary-ghost-active-border);color:#00a865;color:var(--button-primary-ghost-active-color)}.zw-button--primary.zw-button--ghost.zw-button--disabled,.zw-button--primary.zw-button--ghost.zw-button--disabled:active,.zw-button--primary.zw-button--ghost.zw-button--disabled:focus,.zw-button--primary.zw-button--ghost.zw-button--disabled:hover,.zw-button--primary.zw-button--ghost.zw-button--disabled:visited{background-color:rgba(0,0,0,0);border-color:#dcdcdc;border-color:var(--button-ghost-disabled-border);color:#fff;color:var(--button-ghost-disabled-color);cursor:not-allowed}.zw-button--primary .zw-activity-indicator circle{stroke:#fff}.zw-button--danger{background-color:#ff5050;background-color:var(--button-danger-background);border-color:#ff5050;border-color:var(--button-danger-border);color:#fff;color:var(--button-danger-color)}.zw-button--danger:focus,.zw-button--danger:hover{background-color:rgba(255,80,80,.8);background-color:var(--button-danger-hover-background);border-color:rgba(255,80,80,.8);border-color:var(--button-danger-hover-border);color:#fff;color:var(--button-danger-hover-color)}.zw-button--danger:active{background-color:#ff3c3c;background-color:var(--button-danger-active-background);border-color:#ff3c3c;border-color:var(--button-danger-active-border);color:#fff;color:var(--button-danger-active-color)}.zw-button--danger.zw-button--disabled{opacity:.5;opacity:var(--button-disabled-opacity);cursor:not-allowed}.zw-button--danger.zw-button--disabled,.zw-button--danger.zw-button--disabled:active,.zw-button--danger.zw-button--disabled:focus,.zw-button--danger.zw-button--disabled:hover,.zw-button--danger.zw-button--disabled:visited,.zw-button--danger.zw-button--loading{background-color:#ff5050;background-color:var(--button-danger-background);border-color:#ff5050;border-color:var(--button-danger-border);color:#fff;color:var(--button-danger-color)}.zw-button--danger.zw-button--link{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#ff5050;color:var(--button-danger-ghost-color)}.zw-button--danger.zw-button--link:active,.zw-button--danger.zw-button--link:hover{color:rgba(255,80,80,.8);color:var(--button-danger-hover-background)}.zw-button--danger.zw-button--link.zw-button--disabled,.zw-button--danger.zw-button--link.zw-button--disabled:active,.zw-button--danger.zw-button--link.zw-button--disabled:focus,.zw-button--danger.zw-button--link.zw-button--disabled:hover,.zw-button--danger.zw-button--link.zw-button--disabled:visited{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#bcbcbc;color:var(--color-text-disabled);cursor:not-allowed}.zw-button--danger.zw-button--ghost{background-color:rgba(0,0,0,0);color:#ff5050;color:var(--button-danger-ghost-color);border:1px solid #ff5050;border-color:var(--button-danger-ghost-border)}.zw-button--danger.zw-button--ghost:hover{border-color:rgba(255,80,80,.8);border-color:var(--button-danger-ghost-hover-border);color:rgba(255,80,80,.8);color:var(--button-danger-ghost-hover-color)}.zw-button--danger.zw-button--ghost:active{border-color:#ff3c3c;border-color:var(--button-danger-ghost-active-border);color:#ff3c3c;color:var(--button-danger-ghost-active-color)}.zw-button--danger.zw-button--ghost.zw-button--disabled,.zw-button--danger.zw-button--ghost.zw-button--disabled:active,.zw-button--danger.zw-button--ghost.zw-button--disabled:focus,.zw-button--danger.zw-button--ghost.zw-button--disabled:hover,.zw-button--danger.zw-button--ghost.zw-button--disabled:visited{background-color:rgba(0,0,0,0);border-color:#dcdcdc;border-color:var(--button-ghost-disabled-border);color:#fff;color:var(--button-ghost-disabled-color);cursor:not-allowed}.zw-button--danger .zw-activity-indicator circle{stroke:#fff}.zw-button--rect{border-radius:0}.zw-button--radius{border-radius:4px;border-radius:var(--radius-md)}.zw-button--round{border-radius:1000px;border-radius:var(--radius-round)}.zw-button--circle{border-radius:50%;border-radius:var(--radius-circle)}.zw-button-group{display:inline-block}.zw-button-group .zw-button{position:relative;padding:0 14px;padding:0 var(--button-padding-h-md);height:32px;height:var(--button-height-md);line-height:1.5}.zw-button-group .zw-button,.zw-button-group .zw-button .zw-icon{font-size:14px;font-size:var(--button-font-size-md)}.zw-button-group .zw-button--link{line-height:32px;line-height:var(--button-height-md)}.zw-button-group .zw-button--circle,.zw-button-group .zw-button--icon-only{width:32px;width:var(--button-height-md);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button-group .zw-button--icon-only .zw-icon{font-size:14px;font-size:var(--button-font-size-md);line-height:1}.zw-button-group .zw-button *+span{margin-left:calc(14px / 2);margin-left:calc(var(--button-padding-h-md) / 2)}.zw-button-group .zw-button--xl{padding:0 18px;padding:0 var(--button-padding-h-xl);height:40px;height:var(--button-height-xl);line-height:1.5}.zw-button-group .zw-button--xl,.zw-button-group .zw-button--xl .zw-icon{font-size:16px;font-size:var(--button-font-size-xl)}.zw-button-group .zw-button--xl.zw-button--link{line-height:40px;line-height:var(--button-height-xl)}.zw-button-group .zw-button--xl.zw-button--circle,.zw-button-group .zw-button--xl.zw-button--icon-only{width:40px;width:var(--button-height-xl);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button-group .zw-button--xl.zw-button--icon-only .zw-icon{font-size:16px;font-size:var(--button-font-size-xl);line-height:1}.zw-button-group .zw-button--xl *+span{margin-left:calc(18px / 2);margin-left:calc(var(--button-padding-h-xl) / 2)}.zw-button-group .zw-button--lg{padding:0 16px;padding:0 var(--button-padding-h-lg);height:36px;height:var(--button-height-lg);line-height:1.5}.zw-button-group .zw-button--lg,.zw-button-group .zw-button--lg .zw-icon{font-size:16px;font-size:var(--button-font-size-lg)}.zw-button-group .zw-button--lg.zw-button--link{line-height:36px;line-height:var(--button-height-lg)}.zw-button-group .zw-button--lg.zw-button--circle,.zw-button-group .zw-button--lg.zw-button--icon-only{width:36px;width:var(--button-height-lg);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button-group .zw-button--lg.zw-button--icon-only .zw-icon{font-size:16px;font-size:var(--button-font-size-lg);line-height:1}.zw-button-group .zw-button--lg *+span{margin-left:calc(16px / 2);margin-left:calc(var(--button-padding-h-lg) / 2)}.zw-button-group .zw-button--sm{padding:0 12px;padding:0 var(--button-padding-h-sm);height:28px;height:var(--button-height-sm);line-height:1.5}.zw-button-group .zw-button--sm,.zw-button-group .zw-button--sm .zw-icon{font-size:12px;font-size:var(--button-font-size-sm)}.zw-button-group .zw-button--sm.zw-button--link{line-height:28px;line-height:var(--button-height-sm)}.zw-button-group .zw-button--sm.zw-button--circle,.zw-button-group .zw-button--sm.zw-button--icon-only{width:28px;width:var(--button-height-sm);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button-group .zw-button--sm.zw-button--icon-only .zw-icon{font-size:12px;font-size:var(--button-font-size-sm);line-height:1}.zw-button-group .zw-button--sm *+span{margin-left:calc(12px / 2);margin-left:calc(var(--button-padding-h-sm) / 2)}.zw-button-group .zw-button--xs{padding:0 8px;padding:0 var(--button-padding-h-xs);height:24px;height:var(--button-height-xs);line-height:1.5}.zw-button-group .zw-button--xs,.zw-button-group .zw-button--xs .zw-icon{font-size:12px;font-size:var(--button-font-size-xs)}.zw-button-group .zw-button--xs.zw-button--link{line-height:24px;line-height:var(--button-height-xs)}.zw-button-group .zw-button--xs.zw-button--circle,.zw-button-group .zw-button--xs.zw-button--icon-only{width:24px;width:var(--button-height-xs);min-width:32px;min-width:var(--button-height-md);padding:0}.zw-button-group .zw-button--xs.zw-button--icon-only .zw-icon{font-size:12px;font-size:var(--button-font-size-xs);line-height:1}.zw-button-group .zw-button--xs *+span{margin-left:calc(8px / 2);margin-left:calc(var(--button-padding-h-xs) / 2)}.zw-button-group .zw-button--primary:not(:last-child){border-right:1px solid hsla(0,0%,100%,.3);border-right:1px solid var(--button-primary-gap-color);margin-right:0!important}.zw-button-group .zw-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.zw-button-group .zw-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.zw-button-group .zw-button:first-child:last-child{border-radius:4px;border-radius:var(--radius-md)}.zw-button-group .zw-button:not(:first-child):not(:last-child){border-radius:0}.zw-button-group .zw-button:not(:last-child){margin-right:-1px}.zw-button-group .zw-button:active,.zw-button-group .zw-button:focus,.zw-button-group .zw-button:hover{z-index:1}.ui-calendar{width:240px}.ui-calendar.ui-calendar-showTime{width:360px}.ui-calendar-time-header{position:relative;color:#666;line-height:45px;padding:4px;text-align:center;border-bottom:1px solid #e9e9e9}.ui-calendar-time-header:after,.ui-calendar-time-header:before{content:" ";display:table}.ui-calendar-time-header:after{clear:both}.ui-calendar-time-header .za-time__select-wrapper{float:right;margin:4px}.ui-calendar-time-header .za-time__select{position:absolute;width:100%;height:230px;left:0;top:0;z-index:10000}.ui-calendar-time-header .za-time__select .za-select .za-select__selection{max-height:250px!important}.ui-calendar-header{position:relative;height:40px;line-height:40px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-calendar-header a{color:#666;text-decoration:none}.ui-calendar-header a:hover{color:#2db7f5;text-decoration:none}.ui-calendar-header{border-bottom:1px solid #e9e9e9}.ui-calendar-header .ui-calendar-header-next-btn,.ui-calendar-header .ui-calendar-header-pre-btn{position:absolute;top:0;padding:0 8px;font-size:16px;display:inline-block;line-height:40px}.ui-calendar-header .ui-calendar-header-pre-btn{left:0}.ui-calendar-header .ui-calendar-header-next-btn{right:0}.ui-calendar-header .ui-calendar-header-btn{padding:0 4px}.ui-calendar-body{height:230px;padding:4px 8px}.ui-calendar-body .ui-calendar-table{width:100%;margin:0 auto}.ui-calendar-body .ui-calendar-table .ui-calendar-column{padding:4px 0;width:24px;height:24px;line-height:24px;border:1px solid rgba(0,0,0,0);text-align:center}.ui-calendar-body .ui-calendar-table .ui-calendar-cell{padding:4px 0}.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text{display:block;margin:0 auto;color:#333;border-radius:4px;width:24px;height:24px;line-height:22px;border:1px solid rgba(0,0,0,0);padding:0;background:rgba(0,0,0,0);text-align:center;font-weight:400}.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text:hover{background:#eaf8fe;cursor:pointer}.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-others{color:#ccc!important;border:none!important;background:none!important}.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-today{color:#2db7f5;border-color:#2db7f5}.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-range{color:#f0ad4e}.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-disabled{color:#ccc;cursor:not-allowed}.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-selected{background:#2db7f5;color:#fff}.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-selected:hover{background:#2db7f5;cursor:pointer}.ui-calendar-body .ui-calendar-table.ui-calendar-year .ui-calendar-cell{padding:14px 0}.ui-calendar-body .ui-calendar-table.ui-calendar-year .ui-calendar-cell .ui-calendar-text{width:44px;height:28px;line-height:26px}.ui-calendar-body .ui-calendar-table.ui-calendar-month .ui-calendar-cell{padding:14px 0}.ui-calendar-body .ui-calendar-table.ui-calendar-month .ui-calendar-cell .ui-calendar-text{width:54px;height:28px;line-height:26px}.ui-calendar-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:12px;border-top:1px solid #e9e9e9}.ui-calendar-footer a{color:#666;text-decoration:none}.ui-calendar-footer a:hover{color:#2db7f5;text-decoration:none}.ui-confirm{padding:16px 16px 16px 75px;position:relative;color:#666;line-height:1.5}.ui-confirm .ui-icon{position:absolute;top:50%;left:15px;margin-top:-30px;font-size:40px;color:#12c287}.ui-confirm span{font-size:16px;color:#666}.zw-range__date-picker{width:480px}.zw-range__date-picker.za-range__date-time-picker{width:720px}.zw-range__date-picker .zw-range__date-picker-table:after,.zw-range__date-picker .zw-range__date-picker-table:before{content:" ";display:table}.zw-range__date-picker .zw-range__date-picker-table:after{clear:both}.zw-range__date-picker .zw-range__date-picker-table .zw-range__date-picker-left{float:left;width:50%;border-right:1px solid #e9e9e9}.zw-range__date-picker .zw-range__date-picker-table .zw-range__date-picker-right{float:right;width:50%;border-left:1px solid #e9e9e9}.zw-range__date-picker .zw-range__date-picker-table .za-time__select .za-select .za-select__selection{max-height:230px!important}.zw-range__date-picker .zw-range__date-picker-footer{height:40px;line-height:40px;text-align:center}.zw-range__date-picker .zw-range__date-picker-footer .zw-range__date-picker-footer-btn{margin-right:8px}.zw-range__date-picker .zw-range__date-picker-footer .zw-range__date-picker-footer-btn.disabled{color:rgba(0,0,0,.25);text-decoration:none;cursor:not-allowed}.ui-dropdown-trigger-box{display:inline-block;vertical-align:middle}.ui-dropdown{min-width:100%;background-color:#fff;border:1px solid #d9d9d9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.17);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.17);text-align:left;will-change:transform,opacity}.ui-dropdown.radius{border-radius:4px}.ui-dropdown.ui-dropdown-hidden{display:none}.zw-form{display:block;margin-top:0;overflow:auto}.zw-form--label-left .za-form-item__label,.zw-form--label-top .zw-form-item .za-form-item__label{text-align:left}.zw-form--label-top .zw-form-item .za-form-item__control{display:block}.zw-form--horizontal .za-form-item__label{display:inline-block;float:none}.zw-form-item{margin-bottom:24px}.zw-form-item:before{clear:both}.zw-form-item:after,.zw-form-item:before{content:" ";display:table}.zw-form-item__label{float:left;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin-bottom:5px;text-align:right;line-height:32px;padding:0 12px 0 0;color:#333}.zw-form-item--required{color:#e55546;margin-right:1px;font-size:6px}.zw-form-item__control{position:relative;line-height:32px}.zw-form-item.has-error .za-form-item__control{position:relative}.zw-form-item.has-error .za-form-item__control .ui-input,.zw-form-item.has-error .za-form-item__control .ui-select,.zw-form-item.has-error .za-form-item__control .ui-tag-input-box{border-color:#e55546}.zw-form-item.has-error .za-form-item__control .za-form-item__error{position:absolute;top:100%;left:0;padding-top:4px;line-height:1;color:#e55546;font-size:12px;-webkit-transition:color .3s cubic-bezier(.165,.84,.44,1);transition:color .3s cubic-bezier(.165,.84,.44,1)}.zw-row{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;margin-left:0;margin-right:0;zoom:1}.zw-row:after,.zw-row:before{content:" ";display:table}.zw-row:after{clear:both}.zw-row--flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.zw-row--flex-start{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.zw-row--flex-end{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.zw-row--flex-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.zw-row--flex-space-between{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.zw-row--flex-space-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.zw-row--flex-top{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.zw-row--flex-bottom{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.zw-row--flex-middle{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.zw-icon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zw-icon[type=search]{-webkit-appearance:initial!important}.zw-icon--primary{color:#00bc71;color:var(--theme-primary)}.zw-icon--success{color:#00bc71;color:var(--theme-success)}.zw-icon--warning{color:#ec9231;color:var(--theme-warning)}.zw-icon--danger{color:#ff5050;color:var(--theme-danger)}.zw-icon--sm{font-size:16px;font-size:var(--icon-font-size-sm)}.zw-icon--md{font-size:24px;font-size:var(--icon-font-size-md)}.zw-icon--lg{font-size:32px;font-size:var(--icon-font-size-lg)}.ui-input{position:relative;display:inline-block;color:#666;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:#fff;background-image:none;outline:none;-webkit-transition:border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1);transition:border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1)}.ui-input.disabled,.ui-input:disabled{cursor:not-allowed;background-color:#f3f5f7}.ui-input.disabled.focus,.ui-input.disabled:focus,.ui-input.disabled:hover,.ui-input:disabled.focus,.ui-input:disabled:focus,.ui-input:disabled:hover{border-color:#ccc}.ui-input-textarea-box{position:relative;display:inline-block}.ui-input-textarea-box .length-box{position:absolute;right:10px;bottom:5px;color:#bbb}textarea.ui-input-box{width:auto;max-width:100%;height:auto;line-height:1.5;vertical-align:bottom;outline:none;padding:4px 7px}textarea.ui-input-box:hover{border-color:#ccc}textarea.ui-input-box.active,textarea.ui-input-box:focus{border-color:#12c287}.ui-input-box{border:1px solid #e6e6e6;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;height:32px;font-size:14px}.ui-input-box.active,.ui-input-box:focus{border-color:#12c287}.ui-input-box.shape-radius{border-radius:4px}.ui-input-box .ui-input{vertical-align:middle;height:100%;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;line-height:1.5;font-size:14px;padding:4px 7px}.ui-input-box.size-xl{height:40px;font-size:18px}.ui-input-box.size-xl.shape-radius{border-radius:6px}.ui-input-box.size-xl .ui-input{line-height:1.5;font-size:18px;padding:4px 14px}.ui-input-box.size-lg{height:36px;font-size:16px}.ui-input-box.size-lg.shape-radius{border-radius:6px}.ui-input-box.size-lg .ui-input{line-height:1.5;font-size:16px;padding:4px 11px}.ui-input-box.size-sm{height:28px;font-size:12px}.ui-input-box.size-sm.shape-radius{border-radius:4px}.ui-input-box.size-sm .ui-input{line-height:1.5;font-size:12px;padding:4px 7px}.ui-input-box.size-xs{height:24px;font-size:12px}.ui-input-box.size-xs.shape-radius{border-radius:4px}.ui-input-box.size-xs .ui-input{line-height:1.5;font-size:12px;padding:4px}.ui-addon{display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;padding:0 8px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px}.ui-addon.size-xl{font-size:18px}.ui-addon.size-lg{font-size:16px}.ui-addon.size-sm,.ui-addon.size-xs{font-size:12px}.ui-input-group{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-input-group>div{position:relative;margin-left:-1px}.ui-input-group>div:not(:last-child):not(:first-child){border-radius:0}.ui-input-group>div:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-left:0}.ui-input-group>div:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.ui-input-group>.active{position:relative;z-index:1}.ui-search-btn{background-color:#12c287;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 10px;color:#fff;font-size:14px;cursor:pointer}.ui-search-btn:hover{background:#12c287}.ui-search-btn.shape-radius{border-radius:4px}.ui-search-btn.size-xl{font-size:18px}.ui-search-btn.size-xl.shape-radius{border-radius:6px}.ui-search-btn.size-lg{font-size:16px}.ui-search-btn.size-lg.shape-radius{border-radius:6px}.ui-search-btn.size-sm{font-size:12px}.ui-search-btn.size-sm.shape-radius{border-radius:4px}.ui-search-btn.size-xs{font-size:12px}.ui-search-btn.size-xs.shape-radius{border-radius:4px}.ui-layout{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:auto;-ms-flex:auto;flex:auto;background:#f0f2f5}.ui-layout,.ui-layout *{-webkit-box-sizing:border-box;box-sizing:border-box}.ui-layout-footer,.ui-layout-header{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.ui-layout.ui-layout-has-sider{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}>.ui-layout.ui-layout-has-sider,>.ui-layout.ui-layout-has-sider-content{overflow-x:hidden}.ui-layout-header{background:#001529;padding:0 50px;height:64px;line-height:64px}.ui-layout-footer{background:#f0f2f5;padding:24px 50px}.ui-layout-content{-webkit-flex:auto;-ms-flex:auto;flex:auto}.ui-layout-sider{-webkit-transition:all .2s;transition:all .2s;position:relative;background:#001529;min-width:0}.ui-layout-sider-children{height:100%;padding-top:.1px;margin-top:-.1px}.ui-layout-sider-right{-webkit-order:1;-ms-flex-order:1;order:1}.ui-layout-sider-trigger{position:absolute;text-align:center;bottom:0;cursor:pointer;height:48px;line-height:48px;color:#fff;background:#002140;z-index:1;-webkit-transition:all .2s;transition:all .2s}.zw-loading{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;vertical-align:middle}.zw-loading--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.zw-loading--active .zw-loading__container{opacity:.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.zw-loading__container{position:relative;-webkit-transition:opacity .3s;transition:opacity .3s}.zw-loading__mask{display:block;position:absolute;margin:0;top:0;right:0;bottom:0;left:0;background:var(--loading-mask-color)}.zw-loading__spin{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;opacity:1;visibility:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.zw-loading__text{margin:3px 0;color:#bcbcbc;color:var(--color-text-disabled)}.zw-loading__svg{height:24px;height:var(--loading-height-md);width:24px;width:var(--loading-height-md)}.zw-loading__text{font-size:14px;font-size:var(--loading-font-size-md);margin:calc(14px / 2);margin:calc(var(--loading-margin-h-md) / 2)}.zw-loading--lg .zw-loading__svg{height:36px;height:var(--loading-height-lg);width:36px;width:var(--loading-height-lg)}.zw-loading--lg .zw-loading__text{font-size:16px;font-size:var(--loading-font-size-lg);margin:calc(16px / 2);margin:calc(var(--loading-margin-h-lg) / 2)}.zw-loading--sm .zw-loading__svg{height:var(--loading-height-sm);width:var(--loading-height-sm)}.zw-loading--sm .zw-loading__text{font-size:var(--loading-font-size-sm);margin:calc(var(--loading-margin-h-sm) / 2)}.zw-loading--xs .zw-loading__svg{height:12px;height:var(--loading-height-xs);width:12px;width:var(--loading-height-xs)}.zw-loading--xs .zw-loading__text{font-size:10px;font-size:var(--loading-font-size-xs);margin:calc(8px / 2);margin:calc(var(--loading-margin-h-xs) / 2)}.ui-mask{position:fixed;left:0;top:0;width:100%;height:100%;-webkit-animation:fade-enter .3s ease-out;animation:fade-enter .3s ease-out;background-color:rgba(0,0,0,.4);z-index:1000}.ui-mask.light{background-color:hsla(0,0%,100%,.3)}.ui-mask.transparent{background-color:rgba(0,0,0,0)}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes slide-up{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes slide-up{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.za-menu{list-style:none;margin:0;padding:0;height:100%;background:#fff;background:var(--menu-default-bg-color);outline:none;border-right:1px solid #e8e8e8;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1),0 0 6px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1),0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:var(--box-shadow-light);box-shadow:var(--box-shadow-light);-webkit-transition:background .3s,width .2s;transition:background .3s,width .2s;zoom:1;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.za-menu .za-menu-item{height:40px;line-height:40px;font-size:14px;font-size:var(--font-size-md)