hbte-saas-ui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.browserslistrc +3 -0
- package/.editorconfig +7 -0
- package/.env.development +1 -0
- package/.env.lib +1 -0
- package/.eslintrc.js +14 -0
- package/.prettierrc +3 -0
- package/README.md +53 -0
- package/babel.config.js +3 -0
- package/docs/.vuepress/config.js +23 -0
- package/docs/.vuepress/styles/index.styl +4 -0
- package/docs/AdvQuery.md +26 -0
- package/docs/CustomQuery.md +21 -0
- package/docs/EditArea.md +16 -0
- package/docs/FilterDrop.md +29 -0
- package/docs/FullTable.md +68 -0
- package/docs/Pagination.md +22 -0
- package/docs/QueryForm.md +27 -0
- package/docs/README.md +17 -0
- package/docs/Table.md +58 -0
- package/docs/ToolGroup.md +32 -0
- package/examples/App.vue +97 -0
- package/examples/image/hb-image-viewer/3k.jpg +0 -0
- package/examples/image/hb-image-viewer/a.jpg +0 -0
- package/examples/image/hb-image-viewer/b.jpg +0 -0
- package/examples/main.js +39 -0
- package/examples/mock/authority.js +1108 -0
- package/examples/mock/dept.js +4001 -0
- package/examples/mock/fulltable.js +407 -0
- package/examples/mock/organizeData.js +18965 -0
- package/examples/router/index.js +111 -0
- package/examples/views/ElementCpTest.vue +299 -0
- package/examples/views/Fragment.vue +196 -0
- package/examples/views/HBAdvQuery.vue +150 -0
- package/examples/views/HBAuthority.vue +339 -0
- package/examples/views/HBDialog.vue +39 -0
- package/examples/views/HBEditarea.vue +350 -0
- package/examples/views/HBFilterDrop.vue +72 -0
- package/examples/views/HBFloatFooter.vue +42 -0
- package/examples/views/HBFullTable.vue +751 -0
- package/examples/views/HBImageViewer.vue +57 -0
- package/examples/views/HBNavMenu.vue +37 -0
- package/examples/views/HBOrganizeDialog.vue +133 -0
- package/examples/views/HBPagination.vue +80 -0
- package/examples/views/HBSelectVague.vue +57 -0
- package/examples/views/HBToolgroup.vue +29 -0
- package/examples/views/HBTopBar.vue +16 -0
- package/lib/demo.html +10 -0
- package/lib/fonts/iconfont.9e99af35.ttf +0 -0
- package/lib/hbte-ui.common.js +38291 -0
- package/lib/hbte-ui.css +1 -0
- package/lib/hbte-ui.umd.js +38301 -0
- package/lib/hbte-ui.umd.min.js +21 -0
- package/lib/img/nodata.f87d17c1.png +0 -0
- package/lib/img/user-logo--default.a53bd193.png +0 -0
- package/package.json +40 -0
- package/packages/adv-query/index.js +5 -0
- package/packages/adv-query/src/main.vue +294 -0
- package/packages/area-select/index.js +7 -0
- package/packages/area-select/src/main.vue +37 -0
- package/packages/authority/index.js +5 -0
- package/packages/authority/src/main.vue +606 -0
- package/packages/config.js +3 -0
- package/packages/custom-query/index.js +5 -0
- package/packages/custom-query/src/main.vue +80 -0
- package/packages/dialog/index.js +7 -0
- package/packages/dialog/src/main.vue +176 -0
- package/packages/edit-area/index.js +13 -0
- package/packages/edit-area/src/config.js +3 -0
- package/packages/edit-area/src/main.vue +304 -0
- package/packages/edit-area/src/simulateEvent.js +219 -0
- package/packages/filter-drop/index.js +6 -0
- package/packages/filter-drop/src/main.vue +107 -0
- package/packages/float-footer/index.js +7 -0
- package/packages/float-footer/src/main.vue +40 -0
- package/packages/fragment/index.js +7 -0
- package/packages/fragment/src/main.vue +74 -0
- package/packages/fragment/src/old.vue +144 -0
- package/packages/full-table/index.js +6 -0
- package/packages/full-table/src/config.js +14 -0
- package/packages/full-table/src/main.vue +141 -0
- package/packages/image-viewer/index.js +8 -0
- package/packages/image-viewer/src/main.js +14 -0
- package/packages/image-viewer/src/main.vue +138 -0
- package/packages/image-viewer/src/svg/cancel.svg +2 -0
- package/packages/image-viewer/src/svg/delete.svg +2 -0
- package/packages/image-viewer/src/svg/download.svg +2 -0
- package/packages/image-viewer/src/svg/rotate.svg +77 -0
- package/packages/image-viewer/src/svg/scaledown.svg +71 -0
- package/packages/image-viewer/src/svg/scaleup.svg +72 -0
- package/packages/index.js +43 -0
- package/packages/nav-menu/index.js +7 -0
- package/packages/nav-menu/src/main.vue +277 -0
- package/packages/organize-dialog/index.js +5 -0
- package/packages/organize-dialog/src/main.vue +427 -0
- package/packages/pagination/index.js +6 -0
- package/packages/pagination/src/main.vue +145 -0
- package/packages/query-form/index.js +5 -0
- package/packages/query-form/src/main.vue +142 -0
- package/packages/select-vague/index.js +5 -0
- package/packages/select-vague/src/main.vue +80 -0
- package/packages/table/index.js +5 -0
- package/packages/table/src/main.vue +265 -0
- package/packages/theme-chalk/adv-query.scss +107 -0
- package/packages/theme-chalk/authority.scss +103 -0
- package/packages/theme-chalk/common/elementCover.scss +722 -0
- package/packages/theme-chalk/common/flex.scss +66 -0
- package/packages/theme-chalk/common/global.scss +147 -0
- package/packages/theme-chalk/common/reset.scss +92 -0
- package/packages/theme-chalk/common/var.scss +46 -0
- package/packages/theme-chalk/custom-query.scss +10 -0
- package/packages/theme-chalk/dialog.scss +9 -0
- package/packages/theme-chalk/edit-area.scss +119 -0
- package/packages/theme-chalk/filter-drop.scss +81 -0
- package/packages/theme-chalk/float-footer.scss +14 -0
- package/packages/theme-chalk/fonts/iconfont.ttf +0 -0
- package/packages/theme-chalk/fragment.scss +51 -0
- package/packages/theme-chalk/full-table.scss +40 -0
- package/packages/theme-chalk/icon.scss +96 -0
- package/packages/theme-chalk/image-viewer.scss +94 -0
- package/packages/theme-chalk/images/company-logo--default.png +0 -0
- package/packages/theme-chalk/images/nodata.png +0 -0
- package/packages/theme-chalk/images/user-logo--default.png +0 -0
- package/packages/theme-chalk/index.scss +21 -0
- package/packages/theme-chalk/nav-menu.scss +205 -0
- package/packages/theme-chalk/organize-dialog.scss +170 -0
- package/packages/theme-chalk/pagination.scss +91 -0
- package/packages/theme-chalk/select.scss +8 -0
- package/packages/theme-chalk/table.scss +102 -0
- package/packages/theme-chalk/tool-group.scss +105 -0
- package/packages/theme-chalk/top-bar.scss +195 -0
- package/packages/tool-group/index.js +13 -0
- package/packages/tool-group/src/config.js +40 -0
- package/packages/tool-group/src/main.vue +93 -0
- package/packages/top-bar/index.js +7 -0
- package/packages/top-bar/src/main.vue +280 -0
- package/public/index.html +20 -0
- package/vue.config.js +6 -0
package/lib/hbte-ui.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,li,ol,p,ul{margin:0;padding:0}body{font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica Neue,Noto Sans,Noto Sans CJK SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif;color:#111;word-break:break-all}body,html{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}dl,ol,ul{list-style:none}img{vertical-align:middle}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input::-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}input::placeholder{color:#999}::-webkit-scrollbar{width:8px;height:8px;border-radius:0;z-index:10}::-webkit-scrollbar-thumb{background:#dcdcdc;border-radius:4px;height:8px;z-index:10}::-webkit-scrollbar-track{background:#eff1f5;z-index:10}::-webkit-scrollbar-corner{background:#eff1f5}body .el-button{background-color:#fff;border-color:#dbdbdb;color:#222;padding:0 18px;height:30px;font-size:13px}body .el-button i[class]{margin-left:-8px}body .el-button i[class]+span{margin-right:-8px;margin-left:8px}body .el-button--default.is-plain:focus,body .el-button--default.is-plain:hover,body .el-button:focus,body .el-button:hover{background-color:#fff;border-color:#488af8;color:#488af8}body .el-button--primary{background-color:#488af8;border-color:#488af8;color:#fff}body .el-button--primary:focus,body .el-button--primary:hover{background-color:#2878ff;border-color:#2878ff;color:#fff}body .el-button--primary.is-plain{background-color:#ecf3fe;border-color:#b6d0fc;color:#488af8}body .el-button--primary.is-plain:focus,body .el-button--primary.is-plain:hover{background-color:#ecf3fe;border-color:#2878ff;color:#2878ff}body .el-button--primary.is-disabled,body .el-button--primary.is-disabled:focus,body .el-button--primary.is-disabled:hover{border-color:transparent}body .el-button--success{background-color:#21c0a6;border-color:#21c0a6;color:#fff}body .el-button--success:focus,body .el-button--success:hover{background-color:#00af92;border-color:#00af92;color:#fff}body .el-button--success.is-plain{background-color:#e8f9f6;border-color:#a6e6db;color:#21c0a6}body .el-button--success.is-plain:focus,body .el-button--success.is-plain:hover{background-color:#e8f9f6;border-color:#00af92;color:#00af92}body .el-button--success.is-disabled,body .el-button--success.is-disabled:focus,body .el-button--success.is-disabled:hover{border-color:transparent}body .el-button--danger{background-color:#ff5a5a;border-color:#ff5a5a;color:#fff}body .el-button--danger:focus,body .el-button--danger:hover{background-color:#ff4040;border-color:#ff4040;color:#fff}body .el-button--danger.is-plain{background-color:#fee;border-color:#ffbdbd;color:#ff5a5a}body .el-button--danger.is-plain:focus,body .el-button--danger.is-plain:hover{background-color:#f9e2e2;border-color:#ff4040;color:#ff4040}body .el-button--danger.is-disabled,body .el-button--danger.is-disabled:focus,body .el-button--danger.is-disabled:hover{border-color:transparent}body .el-button--warning{background-color:#ffa000;border-color:#ffa000;color:#fff}body .el-button--warning:focus,body .el-button--warning:hover{background-color:#ff9600;border-color:#ff9600;color:#fff}body .el-button--warning.is-plain{background-color:#fff5e5;border-color:#ffd999;color:#ffa000}body .el-button--warning.is-plain:focus,body .el-button--warning.is-plain:hover{background-color:#faedd9;border-color:#ff9600;color:#ff9600}body .el-button--warning.is-disabled,body .el-button--warning.is-disabled:focus,body .el-button--warning.is-disabled:hover{border-color:transparent}body .el-button--mini{height:24px;padding:0 12px;font-size:12px;border-radius:2px}body .el-button--mini .is-round{padding:5px 11px}body .el-button--mini .is-circle{padding:5px}body .el-button--mini i[class]{margin-left:-4px}body .el-button--mini i[class]+span{margin-right:-4px;margin-left:8px}body .el-button.is-disabled,body .el-button.is-disabled.is-plain,body .el-button.is-disabled:active,body .el-button.is-disabled:focus,body .el-button.is-disabled:hover{color:#999;background:#ebebeb;border-color:#ebebeb;cursor:not-allowed;background-image:none}body .el-button.is-disabled.is-plain:hover,body .el-button.is-disabled:active:hover,body .el-button.is-disabled:focus:hover,body .el-button.is-disabled:hover,body .el-button.is-disabled:hover:hover{background:#ebebeb;color:#999}body .el-button--text{border-color:transparent;color:#488af8;background:transparent;padding-left:0;padding-right:0}body .el-button--text:active,body .el-button--text:focus,body .el-button--text:hover{border-color:transparent;background-color:transparent;color:#417cdf}body .el-button--text.is-disabled,body .el-button--text.is-disabled:focus,body .el-button--text.is-disabled:hover{border-color:transparent}body .el-message-box{padding-bottom:20px}body .el-message-box__header{padding-bottom:14px;border-bottom:1px solid #eee}body .el-message-box__title{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#111}body .el-message-box__message{font-size:14px;font-family:Microsoft YaHei;color:#444;line-height:22px}body .el-message-box__message p{line-height:22px}body .el-dialog{border-radius:6px;margin:0}body .el-dialog__wrapper{display:flex;align-items:center;justify-content:center}body .el-dialog__header{padding:10px 20px;height:20px;line-height:20px;border-bottom:1px solid #eee}body .el-dialog__headerbtn{top:10px}body .el-dialog__title{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#111;line-height:22px}body .el-dialog__body{padding:20px;max-height:73.6vh;line-height:22px;overflow-y:auto}body .el-dialog__footer{padding:20px;padding-top:0}body .el-form.el-form--label-top .el-form-item .el-form-item__content{line-height:1}body .el-form.el-form--label-top .el-form-item .el-form-item__label{padding-bottom:0;font-weight:400;color:#444;font-size:13px;line-height:1;margin-bottom:10px}body .el-form.el-form--label-top .el-form-item .el-cascader,body .el-form.el-form--label-top .el-form-item .el-date-editor,body .el-form.el-form--label-top .el-form-item .el-select{width:100%}body .el-input{font-size:13px}body .el-input .el-input__icon{line-height:30px}body .el-input__inner{padding:0 10px;line-height:28px;height:30px;border:1px solid #dbdbdb;color:#111;font-size:13px}body .el-input__inner::-moz-placeholder{font-size:13px;color:#999}body .el-input__inner:-ms-input-placeholder{font-size:13px;color:#999}body .el-input__inner::placeholder{font-size:13px;color:#999}body .el-input__inner:focus{border-color:#488af8}body .el-input__inner:hover{border-color:#2878ff}body .el-input--small .el-input__inner{height:28px;line-height:26px}body .el-input--small .el-input__icon{line-height:28px}body .el-input--mini .el-input__inner{font-size:12px;height:24px;line-height:22px;border-radius:2px}body .el-input--mini .el-input__inner::-moz-placeholder{font-size:12px}body .el-input--mini .el-input__inner:-ms-input-placeholder{font-size:12px}body .el-input--mini .el-input__inner::placeholder{font-size:12px}body .el-input--mini .el-input__icon{line-height:22px;height:22px;margin-top:1px}body .el-textarea__inner{padding:5px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica Neue,Noto Sans,Noto Sans CJK SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif;font-size:13px}body .el-range-editor--small.el-input__inner{height:30px;padding:2px 10px}body .el-range-editor--small.el-input__inner::-moz-placeholder{font-size:13px;color:#999}body .el-range-editor--small.el-input__inner:-ms-input-placeholder{font-size:13px;color:#999}body .el-range-editor--small.el-input__inner::placeholder{font-size:13px;color:#999}body .el-range-editor--mini.el-input__inner{height:24px;padding:2px 10px}body .el-range-editor--mini.el-input__inner::-moz-placeholder{font-size:13px;color:#999}body .el-range-editor--mini.el-input__inner:-ms-input-placeholder{font-size:13px;color:#999}body .el-range-editor--mini.el-input__inner::placeholder{font-size:13px;color:#999}body .el-dropdown-menu{padding:6px 0;overflow:unset}body .el-dropdown-menu__item{color:#222}body .el-dropdown-menu__item:focus,body .el-dropdown-menu__item:not(.is-disabled):hover{color:#488af8}body .el-checkbox .el-checkbox__input .el-checkbox__inner{background:#fff;border:1px solid #e5e5e5;width:13px;height:13px}body .el-checkbox .el-checkbox__input .el-checkbox__inner:hover{border:1px solid #488af8}body .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner,body .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner{background:#488af8;border:1px solid #488af8}body .el-checkbox.is-checked .el-checkbox__label{color:#444}body .el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner{border:1px solid #e5e5e5;background:#f1f3f5}body .el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner:after{border-color:#999}body .el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner:hover{border:1px solid #e5e5e5}body .el-checkbox.is-disabled .el-checkbox__label{color:#999}body .el-checkbox .el-checkbox__label{color:#444;font-size:13px}body .el-tag{height:26px;line-height:24px;font-size:13px}body .el-tag--info.el-tag{background:#f4f4f5;border:1px solid rgba(144,147,153,.3);color:#222}body .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item{color:#222}body .el-tabs--top .el-tabs__header{padding:0 20px;border:1px solid #eee;margin:0}body .el-tabs--top .el-tabs__header .el-tabs__content{padding-top:20px}body .el-tabs--top .el-tabs__header .el-tabs__active-bar{background:#488af8}body .el-tabs--top .el-tabs__header .el-tabs__item.is-active{color:#488af8}body .el-tabs--top .el-tabs__header .el-tabs__item:hover{color:#2878ff}body .el-tabs--top .el-tabs__header .el-tabs__nav-wrap:after{content:none}body .el-tabs--top .el-tabs__content{padding:20px}body .el-tree>.el-tree-node{margin-bottom:10px}body .el-tree .el-tree-node__content .el-checkbox__label{font-weight:700}body .el-tree .el-tree-node__children .el-checkbox__label{font-weight:400}body .el-tree .el-tree-node__children .el-tree-node{margin-top:4px}body .el-select .el-select__tags .el-tag{border:none;background-color:#eef4ff;margin:3px;height:22px;color:#488af8;line-height:22px;padding:0 7px}body .el-select .el-select__tags .el-tag i{color:#fff;background-color:#488af8;transform:scale(.75)}body .el-select .el-select__tags .el-tag i:hover{background-color:#488af8}body .el-select .el-select__tags .el-select__input{font-size:13px}body .el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item{color:#111;font-size:13px;font-weight:400}body .el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.is-disabled{color:#c9c9c9}body .el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.hover,body .el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.selected.hover{background-color:#eef4ff}body .el-select .el-input .el-select__caret{color:#666}body .el-switch{line-height:28px}body .el-switch .el-switch__label{color:#999;height:28px}body .el-switch .el-switch__label>*{font-size:13px}body .el-switch.is-checked .el-switch__core{background:#488af8;border-color:#488af8}body .el-switch.is-checked .el-switch__core:after{margin-left:-24px}body .el-switch .el-switch__core{background:#adadad;border-color:#adadad;height:28px;border-radius:14px;width:50px!important}body .el-switch .el-switch__core:after{width:20px;height:20px;top:3px;left:3px}body .el-table.el-table--border,body .el-table.el-table--group{border:1px solid #dbdbdb}body .el-table__empty-block{min-height:155px}body .el-table__cell.gutter,body .el-table__fixed-right-patch{background-color:#eff1f5}body .el-table th.el-table__cell{position:relative;padding:7px 0;font-size:12px;background-color:#eff1f5;border-color:#eee;color:#111}body .el-table th.el-table__cell>.cell{color:inherit;font-weight:700;line-height:20px;padding-left:12px;padding-right:12px;vertical-align:middle}body .el-table th.el-table__cell:hover{background-color:#eff1f5}body .el-table .el-table__cell{position:relative;padding:6px 0;font-size:12px;border-color:#eee;color:#222}body .el-table .el-table__cell>.cell{color:inherit;line-height:18px;min-height:18px;padding-left:12px;padding-right:12px}body .el-table.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell:hover{background-color:#fff}body .el-table th.el-table-index>.cell,body .el-table tr.el-table-index>.cell{padding-left:8px;padding-right:8px}body .el-table .el-table-nodata{margin:0 auto;width:140px;height:55px;background:url(img/nodata.f87d17c1.png) no-repeat 50%;background-size:100% auto}body .el-table .el-table-nodata-text{height:30px;line-height:30px;font-size:12px}.hb-advquery-handles{display:flex;justify-content:space-around}.hb-advquery__tools{flex:1}.hb-advquery-query-btn{display:flex;padding:10px 0;justify-content:space-around;margin-left:10px}.hb-advquery-query-btn :focus,.hb-advquery-query-btn :hover{border-color:#488af8!important;background-color:#fff!important;color:#488af8!important}.hb-advquery-query-btn__item i{font-size:12px!important}.hb-advquery-query-btn__custom{margin-left:10px;margin-right:10px;height:22px;border:1px solid #dbdbdb;border-radius:2px;padding:0 10px;font-size:12px;line-height:22px;color:#111;background-color:#fff;cursor:pointer}.hb-advquery-query-btn__custom__dropdown-item{margin-right:10px}.hb-advquery-query-btn__custom__handle-btn{float:right;padding-top:8px}.hb-advquery-form{border-radius:4px;background-color:#fff;border:1px solid #eee;max-height:0;overflow:hidden}.hb-advquery-form__content{padding:20px 20px 0 20px}.hb-advquery-form__row{display:flex;flex-wrap:wrap;justify-content:flex-start}.hb-advquery-form__item{margin-right:40px;width:280px}.hb-advquery-form-extend{margin-bottom:10px;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content}.hb-advquery-form-unextend{border-width:0 1px;border-color:#eee}.hb-advquery-search-button{line-height:80px;margin-left:auto;margin-right:10px}.hb-advquery-search-button__extend{width:30px;padding:6px!important;border-radius:4px!important}.hb-advquery-search-button__btn,.hb-advquery .el-button.hb-advquery-search-button__btn{border-radius:4px!important}.hb-advquery .hb-toolgroup-btn{padding:0 4px 0 24px}.hb-customquery-text{margin:20px}.hb-customquery .el-form-item--small{height:50px}.hb-dialog__wrapper{overflow:hidden}.hb-dialog__footer-btn{border-radius:6px}.hb-fragment__layout{display:flex;flex-wrap:wrap}.hb-fragment__title{font-size:13px;font-weight:400;color:#999;line-height:15px;margin-bottom:2px;white-space:normal}.hb-fragment__value{font-size:13px;font-weight:400;color:#111;height:24px;line-height:24px}.hb-fragment__value .hb-editarea__text{height:24px;padding-left:unset}.hb-fragment .el-col-lg-4-8{width:20%}.hb-fulltable{box-sizing:border-box;display:flex;flex-direction:column;border:1px solid #dbdbdb;border-radius:4px}.hb-fulltable__footer,.hb-fulltable__header{transition:height .15s ease-out;background:#eff1f5}.hb-fulltable__body{position:relative;flex:1;transition:height .15s ease-out}.hb-fulltable__body--inner{position:absolute;height:100%;width:100%;left:0;top:0;border-radius:4px}.hb-fulltable__body .el-table:before{height:1px;background-color:#dbdbdb;z-index:99}.hb-fulltable__body .el-table--border,.hb-fulltable__body .el-table--group{border:none}.hb-fulltable__body .el-table__fixed:before{display:none}.hb-filterdrop{box-sizing:border-box;display:inline-block;position:relative;width:24px;height:24px;line-height:24px;min-width:24px;border:1px solid #dbdbdb;border-radius:2px;cursor:pointer}.hb-filterdrop__cover{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;border-radius:5px;cursor:not-allowed}.hb-filterdrop--disabled{background:#f5f7fa!important;border-color:#c9c9c9;color:#c0c4cc}.hb-filterdrop .el-dropdown{box-sizing:border-box;display:block;width:22px;height:22px;line-height:22px}.hb-filterdrop .el-dropdown .el-dropdown-selfdefine{width:22px;height:22px;min-width:22px;line-height:22px;text-align:center}.hb-filterdrop__dropdown-selectMenu{max-height:600px;padding-bottom:0!important;overflow-y:auto}.hb-filterdrop__custom-drop-checkbox{width:110px}.hb-filterdrop__custom-drop-checkbox .el-checkbox__label{color:#666!important}.hb-filterdrop__main-darggable{padding:0 15px}.hb-filterdrop__darggable-selectItem{padding:5px 0}.hb-filterdrop__custom-dropdown-btn{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;background-color:#fff;position:sticky;bottom:0;z-index:1}.hb-filterdrop__custom-dropdown-btn .el-button{width:58px;height:30px;padding:0}.hb-pagination{height:40px;display:flex;align-items:center;padding:0 5px;justify-content:flex-end;position:relative}.hb-pagination__dropdown-icon{display:block!important;line-height:22px!important}.hb-pagination .el-pagination{padding:5px 0}.hb-pagination .el-pagination.is-background .btn-dropdown,.hb-pagination .el-pagination.is-background .btn-next,.hb-pagination .el-pagination.is-background .btn-prev,.hb-pagination .el-pagination.is-background .el-pager li{cursor:pointer;width:24px;height:22px;line-height:22px;min-width:22px;border:1px solid #dbdbdb;border-radius:2px;background-color:#f4f4f5}.hb-pagination .el-pagination.is-background .el-pagination__total{position:absolute;left:18px;color:#222;top:8px}.hb-pagination .el-pagination__sizes,.hb-pagination .el-pagination__total{height:24px!important;line-height:24px!important}.hb-pagination .el-pagination__sizes .el-input--suffix{width:80px!important}.hb-pagination .el-pagination__sizes .el-input--suffix .el-input__inner{width:80px!important;height:24px!important;line-height:24px!important;border-radius:2px}.hb-pagination-slot{display:inline-block;height:24px}.hb-pagination-slot_text{height:24px!important;line-height:24px!important;text-align:center;min-width:24px!important}.hb-pagination-slot_input{width:45px!important}.hb-pagination-slot_input .el-input__inner{width:40px!important;height:24px!important;border-radius:2px}.hb-pagination-slot_text{font-weight:400;font-size:12px;color:#222;min-width:20px;height:24px;line-height:24px}@font-face{font-family:hbte-ui-font;src:url(fonts/iconfont.9e99af35.ttf) format("truetype")}[class*=hbui-]{font-family:hbte-ui-font!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hbui-bianji:before{content:""}.hbui-bianji1:before{content:""}.hbui-gaojichaxun:before{content:""}.hbui-jianshao:before{content:""}.hbui-zengjia:before{content:""}.hbui-shanchu:before{content:""}.hbui-shangchuan:before{content:""}.hbui-daochu:before{content:""}.hbui-daoru:before{content:""}.hbui-xiazai:before{content:""}.hbui-piliangdaochu:before{content:""}.hbui-chakan:before{content:""}.hbui-sousuo:before{content:""}.hbui-zhuxiao:before{content:""}.hbui-gengduo:before{content:""}.hbui-dayin:before{content:""}.hbui-shuaxin:before{content:""}.hbui-shouqi:before{content:""}.hbui-zhankai:before{content:""}.hbui-quxiao:before{content:""}.hbui-gengduo2:before{content:""}.hb-editarea{display:flex;align-items:center;width:100%}.hb-editarea-icon{display:block;height:20px;width:20px;font-size:14px;line-height:20px;text-align:center}.hb-editarea__form{position:relative;flex:1;display:flex;align-items:center}.hb-editarea__form-item{flex:1}.hb-editarea__text{flex:1;position:relative;padding:0 32px 0 12px;min-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.hb-editarea__text>.hb-editarea-icon{position:absolute;right:8px;top:50%;margin-top:-10px;display:none;cursor:pointer}.hb-editarea__text:hover>.hb-editarea-icon{display:block}.hb-editarea__edit{box-sizing:border-box;z-index:1;flex:1;position:relative;display:flex;align-items:center;padding:0 2px;height:100%}.hb-editarea__edit .el-input__inner,.hb-editarea__edit input,.hb-editarea__edit select,.hb-editarea__edit textarea{border:none;padding-right:30px}.hb-editarea__edit checkbox,.hb-editarea__edit input,.hb-editarea__edit radio,.hb-editarea__edit select{background-color:transparent}.hb-editarea__edit .el-input{height:100%}.hb-editarea__edit-input{flex:1}.hb-editarea-error{font-size:18px;color:#ff4040;cursor:pointer}.hb-editarea__form .hb-editarea-error{margin-left:2px}.hb-editarea__edit .hb-editarea-error{position:absolute;right:0;top:50%;margin-top:-11px;font-size:18px;color:#ff5a5a;right:9px;background-color:#fff}.hb-editarea__bg{content:"";z-index:-1;position:absolute;left:0;top:0;right:0;bottom:0;background-color:#fff}.hb-editarea__bg--border{border:1px solid #79a9fa;border-radius:1px}.hb-editarea__loading{margin-left:12px}.hb-navmenu{height:calc(100vh - 60px);width:70px;background-color:#2878ff;position:relative}.hb-navmenu--open{width:249px}.hb-navmenu--transition{transition:width .2s ease-out}.hb-navmenu--collapse,.hb-navmenu--collapse-closed{-webkit-animation:collapseOpen .2s;animation:collapseOpen .2s}.hb-navmenu--collapse-closed{transition:all 0 ease}.hb-navmenu-main{height:100%;overflow-y:auto;box-sizing:border-box}.hb-navmenu-main::-webkit-scrollbar{display:none}.hb-navmenu-main__explain{color:#fff;max-width:50px;font-size:12px;opacity:1}.hb-navmenu-main__item{width:60px;height:72px;margin-bottom:10px;margin-left:5px;text-align:center;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.hb-navmenu-main__item:hover{background:hsla(0,0%,100%,.2)}.hb-navmenu-main__item:hover .hb-navmenu-main__explain{opacity:1}.hb-navmenu-main__item .hb-navmenu-main__explain{opacity:.8}.hb-navmenu-main__item>i{font-size:20px;color:#fff;margin-bottom:8px;transition:all .4s ease-out}.hb-navmenu-main__item>p{transition:opacity .4s ease-out}.hb-navmenu-main__item--isactive{background:hsla(0,0%,100%,.2)}.hb-navmenu-main__item--isactive .hb-navmenu-main__explain{transition:opacity .4s ease-out;opacity:1}.hb-navmenu-main__item--isactive>.hb-navmenu-main__item__explain{opacity:1}.hb-navmenu-sub{width:179px;height:100%;position:absolute;z-index:100;left:70px;top:0;background-color:#fff;border-right:1px solid #f3f3f3;border-top:10px solid transparent;box-sizing:border-box}.hb-navmenu-sub-bar{background-color:#f7f8fb;width:179px;height:10px}.hb-navmenu-sub--closed{width:0}.hb-navmenu-sub--transition{transition:width .2s ease-out}.hb-navmenu-sub-hide{width:100%;height:100%;overflow-y:auto;box-sizing:border-box}.hb-navmenu-sub-hide::-webkit-scrollbar{display:none}.hb-navmenu-sub-item{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:14px 16px 14px 0;font-size:13px;font-weight:400;color:#444}.hb-navmenu-sub-item i{margin-left:16px;margin-right:10px}.hb-navmenu-sub-item:hover{background:#eef4ff;color:#488af8}.hb-navmenu-sub-content{width:179px}.hb-navmenu-sub-content--active{background:#eef4ff;color:#488af8}.hb-navmenu-sub-content__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:400;color:#222;margin-left:16px;background:#fff;padding:14px 16px 14px 0}.hb-navmenu-sub-content__title:hover{background:#fff;color:#444}.hb-navmenu-sub>.hb-navmenu--collapse{right:-1px}.hb-navmenu-sub>.hb-navmenu--collapse,.hb-navmenu-sub>.hb-navmenu--collapse-closed{color:#dcdcdc;font-size:63px;position:absolute;top:50%;transform:translateY(-50%);width:20px;height:64px;cursor:pointer;display:flex;justify-content:center;align-items:center;overflow:hidden}.hb-navmenu-sub>.hb-navmenu--collapse-closed{left:-1px}@-webkit-keyframes collapseOpen{0%{opacity:0}to{opacity:1}}@keyframes collapseOpen{0%{opacity:0}to{opacity:1}}.hb-table{display:flex;border-radius:4px;overflow:hidden}.hb-table .el-table--border,.hb-table .el-table--group{border:1px solid #dbdbdb}.hb-table .el-table__empty-block{min-height:155px}.hb-table .el-table__cell.gutter,.hb-table .el-table__fixed-right-patch{background-color:#eff1f5}.hb-table .el-table th.hb-table-header-cell{position:relative;padding:7px 0;font-size:12px;background-color:#eff1f5;border-color:#eee;color:#111}.hb-table .el-table th.hb-table-header-cell>.cell{color:inherit;font-weight:700;line-height:20px;padding-left:12px;padding-right:12px;vertical-align:middle}.hb-table .el-table .hb-table-cell{position:relative;padding:6px 0;font-size:12px;border-color:#eee;color:#222}.hb-table .el-table .hb-table-cell>.cell{color:inherit;line-height:18px;min-height:18px;padding-left:12px;padding-right:12px}.hb-table .el-table .hb-table-cell:hover{background-color:#fff}.hb-table .el-table th.hb-table-index>.cell,.hb-table .el-table tr.hb-table-index>.cell{padding-left:8px;padding-right:8px}.hb-table .el-table .hb-table-nodata{margin:0 auto;width:140px;height:55px;background:url(img/nodata.f87d17c1.png) no-repeat 50%;background-size:100% auto}.hb-table .el-table .hb-table-nodata-text{height:30px;line-height:30px;font-size:12px}.hb-table .el-table .hb-table__edit{position:absolute;left:0;top:0;right:0;bottom:0;line-height:31px}.hb-table .el-table .hb-table__keep{position:relative;display:block;margin-left:-6px;margin-right:-6px;width:auto}.hb-toolgroup{padding:10px 0;height:24px;display:flex;justify-content:space-around}.hb-toolgroup-btn{border-radius:2px;position:relative;display:inline-block;box-sizing:border-box;margin-right:10px;padding-left:24px;height:24px;font-size:12px;line-height:24px;vertical-align:middle;background:#488af8;color:#fff;cursor:pointer}.hb-toolgroup-btn:hover{background:#2878ff}.hb-toolgroup-btn-shrink{padding-left:4px}.hb-toolgroup-btn:active{background:#176bf6}.hb-toolgroup-btn>i{position:absolute;left:2px;top:0;display:block;height:24px;width:24px;font-size:14px;line-height:24px;text-align:center}.hb-toolgroup-btn>span{padding:0 6px 0 2px}.hb-toolgroup__prefix{flex:1}.hb-toolgroup__inner{display:block;padding:0 10px}.hb-toolgroup__suffix{width:200px;border-radius:2px}.hb-toolgroup__suffix .el-input>input{border-width:1px 0 1px 1px;border-style:solid;border-color:#e5e5e5;border-radius:2px 0 0 2px;padding-left:28px;height:24px;line-height:22px}.hb-toolgroup__suffix .el-input__prefix{left:2px}.hb-toolgroup__suffix .el-input__prefix .el-input__icon{line-height:24px;font-size:16px;color:#999}.hb-toolgroup__suffix .el-input-group__append{border:none;border-radius:0 2px 2px 0;padding:0;height:24px;font-size:12px;line-height:24px;color:#fff;background-color:#488af8;cursor:pointer}.hb-toolgroup__suffix .el-input-group__append .append-text{display:block;height:24px;padding:0 10px}.hb-toolgroup__suffix .el-input-group__append:hover{background:#2878ff}.hb-toolgroup__suffix .el-input-group__append:active{background:#176bf6}.hb-topbar{width:100%;min-width:1360px;height:60px;background-color:#fff;padding-right:0;position:relative;z-index:200}.hb-topbar__top{height:32px;line-height:32px;display:flex;justify-content:space-between;box-sizing:border-box;border-bottom:1px solid #f3f3f3;padding-right:20px}.hb-topbar__right,.hb-topbar__wrap{display:flex}.hb-topbar__right--dropdown-item,.hb-topbar__right .el-dropdown{font-size:12px}.hb-topbar__block{height:60px;width:70px;padding:12px 15px 0 15px;box-sizing:border-box;background-color:#2878ff}.hb-topbar__text{margin-left:13px;font-weight:400;font-size:14px;color:#111}.hb-topbar-logo{width:40px;height:40px}.hb-topbar-avatar{display:flex;align-items:center}.hb-topbar-avatar img{width:20px;height:20px;border-radius:50%;margin-left:15px}.hb-topbar-icon{display:flex;align-items:center;margin:0 10px}.hb-topbar-icon__item{width:24px;height:24px;margin:0 5px;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:16px}.hb-topbar-icon__item:hover{color:#488af8;background-color:#eef4ff}.hb-topbar-icon--active{background:#ccc}.hb-topbar__slot{display:flex}.hb-topbar__bottom{width:calc(100% - 70px);margin-left:70px;display:flex;justify-content:flex-start;box-sizing:border-box;border-bottom:1px solid #f3f3f3;padding-right:20px}.hb-topbar-routetab{cursor:pointer;display:flex;justify-content:space-between;width:220px;height:28px;line-height:28px;font-size:12px;color:#5e6479;padding:0 10px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;align-items:center;position:relative}.hb-topbar-routetab__line{position:absolute;top:0;right:0;height:100%;width:1px;background-color:#edeeef}.hb-topbar-routetab i.home{margin-right:10px;margin-left:6px}.hb-topbar-routetab:hover{background-color:#eff1f5}.hb-topbar-routetab--active{background-color:#eff1f5;font-weight:400}.hb-topbar-routetab--active .hb-topbar-routetab__title{color:#111}.hb-topbar-routetab__title{width:100%;background:linear-gradient(90deg,#111 85%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent!important;overflow:hidden}.hb-topbar-routetab__close{width:16px}.hb-topbar-routetab__event{cursor:pointer;height:24px;font-size:12px;line-height:24px;text-align:center}.hb-topbar-routetab__event:hover{background-color:#eef4ff;color:#488af8}.hb-topbar__event{position:absolute;width:128px;max-height:118px;background:#fff;border:1px solid #eee;box-shadow:0 0 6px 0 rgba(0,0,0,.1);border-radius:4px;padding:10px 0;box-sizing:border-box}.hb-topbar__options{text-align:center;cursor:pointer;height:24px;line-height:24px;font-size:12px;color:#111}.hb-topbar__options:hover{background:#eef4ff;color:#488af8}.el-dropdown-choose-system{width:118px}.el-dropdown-choose-system .el-dropdown-menu__item{padding:0 12px}.el-dropdown-choose-system .el-dropdown-menu__item .wrapper i{margin-right:10px;font-size:14px}.hb-organizedialog__loading{height:536px}.hb-organizedialog__wrapper{height:536px;overflow:hidden;display:flex}.hb-organizedialog__wrapper .hb-organizedialog__part{width:50%}.hb-organizedialog__wrapper .hb-organizedialog__choosed{border-right:1px solid #f2f2f2;padding-right:10px;position:relative}.hb-organizedialog__wrapper .hb-organizedialog__choosed-wrapper{max-height:300px;overflow-y:auto}.hb-organizedialog__wrapper .hb-organizedialog__choosed-wrapper .hb-organizedialog__choosed-list{display:flex;flex-wrap:wrap}.hb-organizedialog__wrapper .hb-organizedialog__choosed-wrapper .hb-organizedialog__choosed-list .item{box-sizing:border-box;height:26px;line-height:26px;border-radius:4px;background:#f1f1f2;margin-right:6px;margin-bottom:6px;font-size:12px;color:#222;padding:0 8px}.hb-organizedialog__wrapper .hb-organizedialog__choosed-wrapper .hb-organizedialog__choosed-list .item i{margin-left:10px;padding:8px 10px;padding-right:0;cursor:pointer}.hb-organizedialog__wrapper .hb-organizedialog__choosed-wrapper .hb-organizedialog__choosed-list--origin.item{background:none;border:1px dashed #ccc;cursor:not-allowed}.hb-organizedialog__wrapper .hb-organizedialog__choosed-wrapper .hb-organizedialog__choosed-list--origin.item.allowed{cursor:auto}.hb-organizedialog__wrapper .hb-organizedialog__choosed .hb-organizedialog__search{margin:10px 0;margin-right:10px}.hb-organizedialog__wrapper .hb-organizedialog__choosed .hb-organizedialog__search .el-dropdown,.hb-organizedialog__wrapper .hb-organizedialog__choosed .hb-organizedialog__search .el-input{display:block}.hb-organizedialog__wrapper .hb-organizedialog__choosed .hb-organizedialog__foot{width:calc(100% - 20px);text-align:center;position:absolute;bottom:0;left:0}.hb-organizedialog__wrapper .hb-organizedialog__tree{padding-left:20px}.hb-organizedialog__wrapper .hb-organizedialog__tree-company{color:#111;font-size:13px;margin-bottom:16px}.hb-organizedialog__wrapper .hb-organizedialog__nav{display:flex;flex-wrap:wrap;color:#666;font-size:13px;line-height:18px;margin-bottom:15px}.hb-organizedialog__wrapper .hb-organizedialog__nav-item{cursor:pointer}.hb-organizedialog__wrapper .hb-organizedialog__nav-item:not(:last-child):after{content:" / ";display:inline-block;padding:0 5px}.hb-organizedialog__wrapper .hb-organizedialog__nav-item.not-allow{color:#999;cursor:not-allowed;pointer-events:none}.hb-organizedialog__wrapper .hb-organizedialog__tree-wrapper{overflow-y:auto;height:465px}.hb-organizedialog__wrapper .hb-organizedialog__tree-wrapper .hb-organizedialog__tree-item{display:flex;justify-content:space-between;line-height:24px;margin-top:16px;padding-right:20px}.hb-organizedialog__wrapper .hb-organizedialog__tree-wrapper .hb-organizedialog__tree-item .avatar{width:23px;height:23px;margin-right:10px;border-radius:50%}.hb-organizedialog__wrapper .hb-organizedialog__tree-wrapper .hb-organizedialog__tree-item .subordinate-btn{cursor:pointer;border:none;background:none;color:#666;font-size:13px}.hb-organizedialog__wrapper .hb-organizedialog__tree-wrapper .hb-organizedialog__tree-item .subordinate-btn.not-allow{color:#c9c9c9;cursor:not-allowed}.hb-organizedialog__wrapper .hb-organizedialog__tree-wrapper .hb-organizedialog__tree-item .subordinate-btn.not-allow:hover{color:#c9c9c9}.hb-organizedialog__wrapper .hb-organizedialog__tree-wrapper .hb-organizedialog__tree-item .subordinate-btn:hover{color:#666}body .hb-organizedialog__organization{width:305px;max-height:180px;overflow-y:auto}body .hb-organizedialog__organization li{height:36px}body .hb-organizedialog__organization li i{color:#488af8;font-style:normal;margin:0}body .hb-organizedialog__organization li img.avatar{margin-right:10px;width:23px;height:23px;border-radius:50%}body .hb-organizedialog__organization li span{color:#666;font-size:13px;display:inline-block;max-width:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .hb-organizedialog__organization li.is-disabled{cursor:not-allowed}body .hb-organizedialog__organization li.is-disabled span,body .hb-organizedialog__organization li.is-disabled span>i{color:#c9c9c9}.hb-authority{display:flex;height:100%}.hb-authority .hb-authority-role-list{position:relative;background:#fff;border-radius:4px;width:200px;margin-right:10px;flex-grow:0;padding:20px 0}.hb-authority .hb-authority-role-list .title{font-size:14px;padding:0 0 14px 20px}.hb-authority .hb-authority-role-list .list{height:calc(100% - 70px);overflow:auto}.hb-authority .hb-authority-role-list .list .active.item{background-color:#ecf3fe;border-left:3px solid #488af8;padding-left:17px;color:#488af8}.hb-authority .hb-authority-role-list .list .item{cursor:pointer;display:flex;justify-content:space-between;height:34px;line-height:34px;padding-left:20px;color:#444}.hb-authority .hb-authority-role-list .list .item:hover{background-color:#f5f7fa}.hb-authority .hb-authority-role-list .list .item .edit{padding-right:8px}.hb-authority .hb-authority-role-list .list .item .edit .el-dropdown-link{color:#999}.hb-authority .hb-authority-role-list .list .item p{width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-authority .hb-authority-role-list .add-role{position:absolute;bottom:20px;width:100%;text-align:center}.hb-authority .hb-authority-role-list .add-role button{width:140px}.hb-authority .hb-authority-config{overflow:hidden;position:relative;flex-grow:1;background:#fff;border-radius:4px}.hb-authority .hb-authority-config .el-tabs{height:100%}.hb-authority .hb-authority-config .el-tabs .el-tabs__content{height:calc(100% - 125px);overflow:auto}.hb-authority .hb-authority-config .el-tabs .el-tabs__content .role-pane{display:flex;align-items:center}.hb-authority .hb-authority-config .el-tabs .el-tabs__content .role-pane .el-tag{margin-right:10px;margin-bottom:10px}.hb-authority .hb-authority-config .el-tabs .el-tabs__content .role-pane .el-button{font-size:13px;height:26px;margin-bottom:10px}.hb-authority .hb-authority-config .el-tabs .el-tabs__content .role-pane .el-button span{padding-left:6px}.hb-authority .hb-authority-config .el-tabs__content .permission-box .el-checkbox__label{font-weight:400}.hb-authority-dropdown{margin:0 -20px;width:60px;text-align:center}.hb-float-footer{width:100%;position:absolute;background:#fff;padding:10px 30px;bottom:0;left:0;box-sizing:border-box;border-top:1px solid #eee;display:flex;justify-content:flex-end}.high-light{color:#488af8}.hb-image-viewer{position:absolute;overflow:hidden;top:0;padding:0;background:rgba(0,0,0,.95);width:100vw;height:100vh;z-index:10000}.hb-image-viewer img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;position:relative;transition:transform .3s}.hb-image-viewer .tool{position:absolute}.hb-image-viewer .tool.close{width:40px;height:40px;top:20px;right:20px;font-size:17px;color:#fff;line-height:40px}.hb-image-viewer .tool.close:hover{background:hsla(0,0%,100%,.1)}.hb-image-viewer .tool.size{width:70px;height:34px;border-radius:17px;background:rgba(0,0,0,.6);color:#fff;text-align:center;line-height:34px;top:calc(50vh - 17px);left:calc(50vw - 35px)}.hb-image-viewer .tool.next,.hb-image-viewer .tool.prev{width:48px;height:48px;background:hsla(0,0%,100%,.2);font-size:18px;color:#fff;line-height:48px;top:calc(50vh - 24px)}.hb-image-viewer .tool.next:hover,.hb-image-viewer .tool.prev:hover{background:hsla(0,0%,100%,.4)}.hb-image-viewer .tool.prev{left:26px}.hb-image-viewer .tool.next{right:26px}.hb-image-viewer .btn{text-align:center;border-radius:50%;color:#fff;cursor:pointer}.hb-image-viewer .btn-wrapper{width:100vw;height:60px;line-height:60px;background:linear-gradient(0deg,rgba(28,28,28,.4),rgba(28,28,28,0));bottom:0;left:0;color:#fff;display:flex;justify-content:center}.hb-image-viewer .btn-wrapper .btn{width:36px;height:36px;margin:14px;font-size:22px;line-height:36px}.hb-image-viewer .btn-wrapper .btn:hover{background:#666}
|