.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}.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:145px;text-align:center;list-style:none;cursor:pointer;height:100px;color:#5c6b77;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;padding-top:10px}.icons-item p{padding-top:15px;margin:5px;font-size:14px}