.draft-image-edit-zone {
  z-index: 999999;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.draft-image-edit-zone .viewport {
  display: inline-block;
  margin-top: 50px;
  max-width: 90%;
  max-height: 78%;
  overflow: scroll;
  position: relative;
}
.draft-image-edit-zone .viewport img,
.draft-image-edit-zone .viewport canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.draft-image-edit-zone .tools-container {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.draft-image-edit-zone .tools-container .load-msg {
  font-size: 18px;
  color: white;
  text-shadow: 0 0 10px black;
}
.draft-image-edit-zone .tools-container .error-msg {
  font-size: 14px;
  color: red;
  background: #ffe1e1;
  margin: 5px auto;
  border-radius: 2px;
  max-width: 420px;
}
.draft-image-edit-zone .tools-container .toolbox-msg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  background: white;
  font-size: 14px;
}
.draft-image-edit-zone .tools-container .toolbar {
  padding: 0 10px;
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 2px;
  font-size: 0;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  padding: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: none;
  background-color: transparent;
  font-size: 0;
  cursor: pointer;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn:focus {
  outline: none;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.rect:after {
  background-image: url(../fonts/2e71e54005544190aacac69092a9446b.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.rect:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.rect.actived:after {
  background-image: url(../fonts/de7988eb35414ff9b76c77686ae882ba.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.round:after {
  background-image: url(../fonts/017a3ca542594b35af8f37734997626d.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.round:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.round.actived:after {
  background-image: url(../fonts/674b3075745f403495689494e90f6d8d.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.arrow:after {
  background-image: url(../fonts/1b96e7be9fb34116a324afc3829af781.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.arrow:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.arrow.actived:after {
  background-image: url(../fonts/96f88c5d3c47449ca958d23d94ecebed.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.brush:after {
  background-image: url(../fonts/ecfc4234d78340808d1fe65a0436cc36.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.brush:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.brush.actived:after {
  background-image: url(../fonts/70f6d0b70b6944c3b42f776e59e3fc72.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text:after {
  background-image: url(../fonts/18b46a60dce447218ef7419651578ef9.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text.actived:after {
  background-image: url(../fonts/e2e0adf488094f6e8742693036171c50.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.revocation:after {
  background-image: url(../fonts/4468dae7b408451d8eaa1f619b3281e7.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.revocation:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.revocation.actived:after {
  background-image: url(../fonts/a29ed048a7fd4d018f84ca5dd57f09b6.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.cancle:after {
  background-image: url(../fonts/1048f794b998418e9318c2d23e07414e.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.cancle:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.cancle.actived:after {
  background-image: url(../fonts/ee3ae27c4a19417f88fdd15ec93e8778.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.sure:after {
  background-image: url(../fonts/3555eccfb0464106a6628aaf9e74e802.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.sure:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.sure.actived:after {
  background-image: url(../fonts/f0b8a111af9a480c841bfa6833ac5dee.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.mosaic:after {
  background-image: url(../fonts/57e3ac0bdf53459099f6af894b02ec4e.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.mosaic:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.mosaic.actived:after {
  background-image: url(../fonts/c778932f30514faeaa42da3571454a45.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-small {
  margin: 0 1px;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-small:after {
  width: 6px;
  height: 6px;
  background-image: url(../fonts/f82b495084ef4dfabb191be4761a3141.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-small:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-small.actived:after {
  background-image: url(../fonts/632d963ac59e4b6f8324ba261e1174f3.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-normal {
  margin: 0 4px;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-normal:after {
  width: 12px;
  height: 12px;
  background-image: url(../fonts/957df382378245309b55f332a56d159d.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-normal:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-normal.actived:after {
  background-image: url(../fonts/e55799bc48724fde93d2cdf2329a05de.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-large {
  width: auto;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-large:after {
  width: 20px;
  height: 20px;
  background-image: url(../fonts/dec515c1847948eeb79de1b1f5dbc1a6.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-large:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.dot-large.actived:after {
  background-image: url(../fonts/8ff06a87b256488e8cc513ba576f5835.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-small {
  margin: 0 2px;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-small:after {
  vertical-align: baseline;
  margin-top: 10px;
  width: 8px;
  height: 10px;
  background-image: url(../fonts/eb9ef1e6de494ac99cb2c8d787afb1db.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-small:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-small.actived:after {
  background-image: url(../fonts/30d63d4d6c6e402f8ed8cdc5d20932c6.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-normal {
  margin: 0 3px;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-normal:after {
  vertical-align: baseline;
  margin-top: 7px;
  width: 10px;
  height: 13px;
  background-image: url(../fonts/ebd973c0e59e425cad6a54f825455cc7.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-normal:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-normal.actived:after {
  background-image: url(../fonts/8ddc2f0001d14e10a3829783aefd1a65.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-large {
  margin: 0 5px;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-large:after {
  vertical-align: baseline;
  margin-top: 3px;
  width: 14px;
  height: 17px;
  background-image: url(../fonts/200492bb9d9a42e9a04b9c7be47860e8.woff);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-large:hover:after,
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text-large.actived:after {
  background-image: url(../fonts/1af3040f753143e48ce87cf3b8045677.woff);
}
.draft-image-edit-zone .tools-container .toolbar .split {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  width: 1px;
  height: 20px;
  background-color: #ddd;
}
.draft-image-edit-zone .tools-container .toolbar [class^='color-'],
.draft-image-edit-zone .tools-container .toolbar [class*=' color-'] {
  margin: 0 4px;
  border: 1px solid #ccc;
  border-width: 0.5px;
}
.draft-image-edit-zone .tools-container .toolbar .split + [class^='color-'],
.draft-image-edit-zone .tools-container .toolbar .split + [class*=' color-'] {
  margin-left: 10px;
}
.draft-image-edit-zone .tools-container .toolbar [class^='color-']:last-child,
.draft-image-edit-zone .tools-container .toolbar [class*=' color-']:last-child {
  margin-right: 10px;
}
.draft-image-edit-zone .tools-container .toolbar [class^='color-'].actived,
.draft-image-edit-zone .tools-container .toolbar [class*=' color-'].actived {
  border-color: #888;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.color-red {
  background-color: #db4e33;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.color-yellow {
  background-color: #f9e96a;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.color-green {
  background-color: #9fe561;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.color-blue {
  background-color: #67b1f3;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.color-gray {
  background-color: #676767;
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.color-white {
  background-color: #fff;
}
.draft-image-edit-zone .tools-container .toolbar.sub {
  position: absolute;
  top: 100%;
  margin-top: 10px;
}
.draft-image-edit-zone .tools-container .toolbar.sub:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-left: -5px;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 0 5px 5px;
}

/*# sourceMappingURL=document-feedback.5bdce4f6df.css.map*/