:root{--kq-box-padding:16px;--kq-header-bg-color:var(--kq-color-primary);--kq-header-border-color:var(--kq-color-primary)}.kq-tool-box{width:256px;background-color:var(--kq-sub-bg-color);border-radius:var(--kq-border-radius-base);padding:var(--kq-box-padding);z-index:1;cursor:default;pointer-events:auto}.kq-tool-box h4{font-weight:400;font-size:14px;margin:0}.kq-tool-box.shadow{-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow)}.kq-tool-box .item{background-color:var(--kq-bg-color);margin-bottom:8px;border-radius:var(--kq-border-radius-base);padding:12px}.kq-tool-box .item>.title{color:var(--kq-text-color-primary);font-weight:500}.kq-tool-box .item .childItems{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.kq-tool-box .item .childItems .childItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:96px;height:30px;padding:0 8px;cursor:pointer;margin-right:8px;margin-top:8px;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 96px;flex:0 0 96px;border-radius:var(--kq-border-radius-base);-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.kq-tool-box .item .childItems .childItem .tit{color:var(--kq-text-color-regular);line-height:30px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.kq-tool-box .item .childItems .childItem .icon{position:relative;top:7px;margin-right:10px;line-height:30px;color:var(--kq-text-color-regular)}.kq-tool-box .item .childItems .childItem .icon path{fill:var(--kq-text-color-regular)}.kq-tool-box .item .childItems .childItem:hover{background-color:var(--kq-color-primary-light-9)}.kq-tool-box .item .childItems .childItem:hover .icon,.kq-tool-box .item .childItems .childItem:hover .tit{color:var(--kq-color-primary)}.kq-tool-box .item .childItems .childItem:hover .icon path{fill:var(--kq-color-primary)}.kq-tool-box .item .childItems .childItem:nth-of-type(2n){margin-right:0}.kq-tool-box .item:last-child{margin-bottom:0}