.icon-search{position:relative;margin:20px auto 30px;text-align:center}.icon-search input{width:500px;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;border-radius:4px;background:#f5f5f5;text-align:center;font-size:14px;outline:none;margin:0 auto;padding:8px 0}.suffix_icon{width:32px;height:32px}.icon-block{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:500px;overflow:auto}.icon-bar{overflow:auto;overflow-x:hidden}.icon-bar::-webkit-scrollbar{width:6px;height:6px}.icon-bar::-webkit-scrollbar-thumb{border-radius:3px;background:#c3c3c3}.icon-bar::-webkit-scrollbar-track{background:#fff}.icon-wrap :hover{color:#1890ff;-webkit-transition:color .3s;transition:color .3s}.icons-item{margin:6px 6px 6px 0;width:80px;text-align:center;list-style:none;cursor:pointer;height:80px;color:#5c6b77;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative}.icons-item svg{width:36px;height:36px}.icons-item p{margin:5px;font-size:14px}.oa{font-family:oa!important;font-size:32px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}