.easy-editor__toolbar {
  padding: 8px 7px 6px;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.75s;
  -o-transition: opacity 0.75s;
  transition: opacity 0.75s;
  box-shadow: 0 2px 4px #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  margin-bottom: 8px;
}
.easy-editor__toolbar .tools::after {
  position: relative;
  display: table;
  content: "";
  clear: both;
}
.easy-editor__toolbar .tools > * {
  display: inline-block;
  margin-left: 8px;
}
.easy-editor__toolbar .tools .tool-btn {
  position: relative;
  display: table;
  float: left;
  padding: 0 4px;
  border-radius: 2px;
  line-height: 0px;
  border: 1px solid transparent;
  cursor: pointer;
}
.easy-editor__toolbar .tools .tool-btn:hover {
  background-color: #f5f5f5;
}
.easy-editor__toolbar .tools .isActive {
  background-color: #b3d4fc;
}
.easy-editor__toolbar .tools .isActive:hover {
  background-color: #b3d4fc;
}
.easy-editor__toolbar .tools .ic-jiacu {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABqElEQVRYR+3XP2gUQRiG8V8qQcFCEAVRFAKiKSy0SMBCsVWEFCkCFjbaWCvaqJUxliKolYViErVJ2kCSQixEBFEQIaCWijaKFgrKB1uM4/1hc3tzTRa22Z2Z57nv23mZGzLga2jAfOsCnSpwBEs1WvQLn/AZH3ADT7vNb1KgFWsaFzpJ9Fsg2FO42E6ijsAyjrZZaAN2YS/O4EQ27hTut5rblEC+9k2cSx4+xGRJgUN4ngDfVdX5z6FfFdiE7wntJzaWrMBOfEyAr3CgpMA4niTAuzhbSuA4bmNHAoxv4kUTAisdtmGUfTuOZWMm8KiJHOiWqun7VcxU9+tBJuECZvGgiQpEEqYt+JMtugXbMIyD2btLuNbEN9AuivO1I47vZA9jbvyIf65+BVFAruN8QpvHyZIC+/EmAb7FvpICwYodMFJBv2FzaYE4IW2toO+xp6TAKJ4lwHs4XUog+j+XlD+4cT641avA1Q6pFjG8G3GYHcv6/QOH8bIXgTpRnI8N8Su9BtFaBGIbPm4HjwW7BdHlGtTf+IKv1b3YKvnqtKAGe+1D1/8b/gX3D2IhG4SQ8QAAAABJRU5ErkJggg==) center center no-repeat;
}
.easy-editor__toolbar .tools .ic-xieti {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABj0lEQVRYR93XP0hWURjH8Y9Lg+DQIgiRi1NOOUVDpLjoIi3qooObRCERLTUkgouDoOAqQqDi4qSTWIRESy5RQ0s41SIuDuKgHDjCRfD1vedeT9LZLvfe5/d9/vKcFv/4tNSg//6SjbNLz5/w8SqdOgB28bSBI73/PcCF8ysYjw9P8LmZ9NaRgqDThh+4hz/oaEY8fFMXwBA2o+gyJnIDLOBFFB3GRm6A7+iOondxlBMgtGBoxXC2MdiseF01MIN3UfQlFnMD7OFxFH2AnzkBOvE7Cu6jp4x4HSl4jbkoOou3uQG2MBBF+7GTG+AEd+L0u4/TnAAjWEuZfkXIKqN4FaPR2Bg+lPW+ahH+RXsUDd1wkBPgIb6lTr86UjCPqWjoTaEVSwchtQZ+oSuqPcLX0srxhxSAVhxXmX5VUzCJpWgkpOJVqvepXfAFIezhPCtsQkkcKSm42PvD7heWkMMk5cQa6CvM+/XCIEpmKBuB4ur9vFALNwpQ6eZzHVkzEbgVAI0cmW5096sjAtfZqPT+HIj+PyFpYOqgAAAAAElFTkSuQmCC) center center no-repeat;
}
.easy-editor__toolbar .tools .ic-xiahuaxian {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABUklEQVRYR+3XPytGYRgG8N/rC8hgMdiUAZHJRsngC5gMFhKDSRYhk0kGwqJMygeQQXwByZ+BshksSvIF9Og5ddJ7/r0DhnPXWc5z3ddz3ddzd879NPxxNHL2H/2xdlVRa6n8PAGXSEjG0IqAwBFiA+vNCqgF1A7UDtQO1A7UDtQO/GsHtrAc/+EL2Ks4kKylZoBJnFWdB6ZwEpP2MV9RQHqg6cZLVQF9uI9JDwhT0VtJERM4j9hn9GTl5fVAyElXcYHxkgJuMRCxu1hsVUAgCWRJhL5YKRCxjaWIeUVXHr7IgZA7jeMUySl2cIfP+L4TI3H4HExhM5svwZQRELCzOGhSyRPaMs54DodFR1ZWQODpxxGGC0ivMZNq4Fx4FQGBqB2rGIpPR2R/x018NvFRVHnVI8ji640Lj2U3/Imr6kCr+2TmJQLCtSl8On8zvq9rtYAvILtvIQUwmzcAAAAASUVORK5CYII=) center center no-repeat;
}
.easy-editor__toolbar .tools .ic-align-left {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAj0lEQVRYR2NkGGDAOMD2M4AcID6QjgA54P+Id8CFgQ6BgbQfnAgHFIw6ABQCc2gYB6sYGBh24TOf1uWA+5BwgDcNo+A3MSFAQ/sJGz2aDUEhoEI4oGingtbZkKDLB4UDjhB0Jg0VjOaC0RAAhcBKGqaxucTUBbRslg+N6tiehlEAMvogoRYRje3Hb/xoNgQAepYU7DZnZRMAAAAASUVORK5CYII=) center center no-repeat;
}
.easy-editor__toolbar .tools .ic-align-center {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjklEQVRYR2NkGGDAOMD2M4AcID6QjgA54P+Id8CFgQ6BgbQfnAgHFIw6AFsIzKVxnCQjm4/NAYsYGBhiaeSIxQwMDHGD3gHeNPI9zNithEKAxvajGj+aDUEhoELXMEezbLQ6BoXAkYGOgoG0f7Q6HpwhAKoN2WmUMH4OidpwwNsD9jQKfpixB0er40EVAgDDaxLscSgHWwAAAABJRU5ErkJggg==) center center no-repeat;
}
.easy-editor__toolbar .tools .ic-align-right {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAfElEQVRYR2NkGGDAOMD2M4AcID6QjgA54P+Id8CFgQ6BgbQfnAgHFIw6gJgQcGNgYAinVTwR64CdI94BrAMZArSyG2wuMWlg+DtAhaZeJGD4aHUMCoEjAx0FA2n/aDYcGiEAqo6TaZVQiCmKQQ4Y2dWxPa2Cf7Q2HBQhAAD1lgu4u9wE9wAAAABJRU5ErkJggg==) center center no-repeat;
}
.easy-editor__toolbar .tools .ic-align-between {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAaUlEQVRYR+2UAQ0AIBACNYUBDGIAKxrAIBYwkQ5L3G/yBWDHQ07wZVg/yUAhTcjA+d7ApgmQ+u8J0bMBERhkBt4BEeh0BKS+d+ARqGQGrqEILDoCUt81jEFgkk/gHRCBRkdA6sdoAUrgArUoC7Z4SRKsAAAAAElFTkSuQmCC) center center no-repeat;
}
.easy-editor__toolbar .tools .ic-sup {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC30lEQVRYR+2XSaiOURjHf3chQzItLFwLUxRlQeSGMpR5KGOZLyGUlTELlIUx2ZiSqcgQKfPCsBBlKhtFEUUWhmJjWtD/65yv5x7v+d7zftzuxrP6znmf5/n/z3Oe4Xw1NLHUNCJ+b2ABMAzQ77fAbeAg8MjjNhYBAZ4B+kQO2BV4pW+pBDoBPY0znaSSbAI2OgUBHQPmA13c3k5gdRECW4ANBnEwcLcCg7nu9N2AK8BRdx1HnM1VYFwRAp+A9gbwBDCnYP4IXDkh2QwoSklX0Bd4kgGWen0y3QGsMj6UG09TCewHlmYQmARcTIjCNmCN0ZsBnC1SBb+M8U1ghFtfA8bmEJjuqsGrNQBPicBwQKBeBgL3zboV8DVCIgQv37vVz7tHhWqaMxCRkcA3oLnbq3cZHnLoDzw0m7OAd4FSqZQrEWgG/DBGs4GTwGlAoZQ8ABSVUA4AS3Kup4RdicBM4JRx4nVHAdfNvprL6wDsI9Dhbwko5MoBSZhwti+ovHYFYOr/eVLxCmqBN8bDCmCvWau1znPrl0D3PLTY99gVrAT2OKOfQBuXfN6PErNcyy4PlA+FJUZAnU8dUHIemJrhWeNVQ0qiZrOuMHokCfvZeQ3ESs12yC9A239FwE4+OdZEU1aHMh64ZDYnBuskPllXYEObN/c7Az0ckqbdwiRUoxQSGANoVlcr7YDPEWOV5h8HCgnovba4WnRgEXA4Yn/L9JWyiiXQGvhg+vzjxHHrn15yehmYkEFA41iVshbYbr9bAmosajBewuYTC4y65GjzsRfw3KxVVXeAlm5yDgF0uJJYAheAycawBfA94TrCsbse2GrszgFTzLpBX/EEVGovjJJ+++xO4IB9tGgMD3BGy4IW7n0tB/bZCGig6N3mJTxFHgm9kOuM0lDgPXAD0FwJRaWut8UzH4F7wCCj1dE5yAP235X9h4zybjeO9V8gJsf1XyHvRZRKoGq9/wSaPAK/AZL+fyGhzukJAAAAAElFTkSuQmCC) center center no-repeat;
}
.easy-editor__toolbar .tools .ic-sub {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC10lEQVRYR8WWSciOURTHf+9ChkQsLLAwRVEWQoQylHkoY5mHJJRSxix8ysJYbJBk+IoMkTIv8C1EmcpGUb4+RRaGZGNa0P/tXp3u+zzPvW/et++snufec8/53XPPPeeWaGUptbJ/UgG6A/0NbFOtwFMBdgM7jNNRwMMCiDPA0oL5RmCZ5lMBvgBdjMGzwOICBwOAu0CPDJ33wATgVSrAYOBFhqEY/FrgSMa6dcBRPx4zIr1jwJoMQzOBa5FcuAzMNjpXgDl2TQrAH7PgHjDe/d8GpkQAhgAPgPbAd2A08LwagHGAnHoZDjw2/x2c4SKOLcBeYCuwL1SMReASMNctEoiS5wfQ1o2tAE4nXMn7gDZTIUUAbYBfZsUi4BxwAZjvxp8AikpMxgKZtaMIYAFw3lj2uhOBO2a8F/A2RpA3XwSgkPuwhQln68Im4GCtAVRA3hmj64M7bStdM9C31gAbgMPO6G+gk0s+70eJqQS1t0P5ULXkHYEqnyqgpKJ4uHGVVDUpia7Ztqq95/QCFY9nxljeVbMV8hvQuVYAtvPJcB/gc4bxacB1Mz4j+E/iyToCG9pY3+8J9HOeTgErA68DgeWA6oC+ZVs2j/sohwCTgVtJ6NlKatlf3ZQcXgQG5djrDbSEACJb/R8Aq4CTbn0DsNN9twC6unqEqHBJDgCbLUBH4JOp8+pasXYrQ96Jvm8A052DJW73yqGbrmfoOHRUEkV6qgXQE0qUXsLikxcYVclJZlKvodc5ynIuCMkuoMECXAVmmYXtgJ8JxzHPnbVX3Q7syVi3H1DZ9qLceOkBFKY3ZlLfPrsTGLCPlqfAsGCRCpXeBV7UTcuV1AOITISxXeTB6IU80kyOcS8hDYUR+ufcAjwCRhgD3YCPKVt3Osr+E0b/ELAxw3n53K3d2IuoCoYK1aGAbVALgQ+BVlM9AVJqSqmeAOofXSMhrCuA6n9M6noEMefl+b/0B4Ahzq/mTAAAAABJRU5ErkJggg==) center center no-repeat;
}
.easy-editor__toolbar .tools .tool-icon {
  position: relative;
  display: table-cell;
  width: 20px;
  height: 20px;
  background-size: 16px 16px;
}