.icon-search{position:relative;margin:20px auto 30px;text-align:center}.icon-search input{width:500px;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}.icon-block{display:flex;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;transition:color .3s}.icons-item{margin:6px 6px 6px 0;width:145px;text-align:center;list-style:none;cursor:pointer;height:100px;color:#5c6b77;transition:all .2s ease;position:relative;padding-top:10px}.icons-item p{padding-top:15px;margin:5px;font-size:14px}