.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-layer,
.draft-image-edit-zone .viewport .canvas-layer {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0px;
}
.draft-image-edit-zone .viewport .img-layer img,
.draft-image-edit-zone .viewport .canvas-layer img,
.draft-image-edit-zone .viewport .img-layer canvas,
.draft-image-edit-zone .viewport .canvas-layer canvas {
  position: relative;
}
.draft-image-edit-zone .viewport .dw-bubble {
  position: absolute;
  pointer-events: none;
  height: 47px;
  display: block;
}
.draft-image-edit-zone .viewport .dw-bubble .divider {
  border-bottom: 2px dashed #F0B64B;
  width: 100%;
  background: #fff;
}
.draft-image-edit-zone .viewport .dw-bubble .divider.bottom {
  bottom: 2px;
  position: absolute;
}
.draft-image-edit-zone .viewport .dw-bubble .dw-bubble-dialog {
  margin-left: 35%;
  width: 289px;
  height: 45px;
  display: inline-block;
}
.draft-image-edit-zone .viewport .dw-bubble .dw-bubble-dialog.top {
  background: url("https://main.qcloudimg.com/raw/839321d50a70a38b85b60459d976eb01/divider_dialog_top.svg");
  margin-top: 1px;
}
.draft-image-edit-zone .viewport .dw-bubble .dw-bubble-dialog.bottom {
  background: url("https://main.qcloudimg.com/raw/09cbe381e6af682ea931314f2ce68e36/divider_dialog_bottom.svg");
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTIwIDR2MTZINFY0aDE2bTAtMkg0YTIgMiAwIDAwLTIgMnYxNmEyIDIgMCAwMDIgMmgxNmEyIDIgMCAwMDItMlY0YTIgMiAwIDAwLTItMnoiIGZpbGw9IiM0NDQiLz48L3N2Zz4=);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTIwIDR2MTZINFY0aDE2bTAtMkg0YTIgMiAwIDAwLTIgMnYxNmEyIDIgMCAwMDIgMmgxNmEyIDIgMCAwMDItMlY0YTIgMiAwIDAwLTItMnoiIGZpbGw9IiMyMjc3ZGEiIC8+PC9zdmc+);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.round:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyIDNhOSA5IDAgMTEtOSA5IDkgOSAwIDAxOS05bTAtMmExMSAxMSAwIDEwMTEgMTFBMTEgMTEgMCAwMDEyIDF6IiBmaWxsPSIjNDQ0Ii8+PC9zdmc+);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyIDNhOSA5IDAgMTEtOSA5IDkgOSAwIDAxOS05bTAtMmExMSAxMSAwIDEwMTEgMTFBMTEgMTEgMCAwMDEyIDF6IiBmaWxsPSIjMjI3N2RhIiAvPjwvc3ZnPg==);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzQ0NCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkgM0g5djJoOC41OWwtMTUgMTVMNCAyMS40MWwxNS0xNVYxNWgyVjNoLTJ6Ii8+PC9zdmc+);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzIyNzdkYSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkgM0g5djJoOC41OWwtMTUgMTVMNCAyMS40MWwxNS0xNVYxNWgyVjNoLTJ6IiAvPjwvc3ZnPg==);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.brush:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE3IDJMMiAxN3Y1aDVMMjIgN3ptMi4xNyA1bC0xLjM4IDEuMzgtMi4xNy0yLjE3TDE3IDQuODN6bS0xMyAxM0g0di0yLjE3TDE0LjIxIDcuNjJsMi4xNyAyLjE3eiIgZmlsbD0iIzQ0NCIvPjwvc3ZnPg==);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE3IDJMMiAxN3Y1aDVMMjIgN3ptMi4xNyA1bC0xLjM4IDEuMzgtMi4xNy0yLjE3TDE3IDQuODN6bS0xMyAxM0g0di0yLjE3TDE0LjIxIDcuNjJsMi4xNyAyLjE3eiIgZmlsbD0iIzIyNzdkYSIgLz48L3N2Zz4=);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.text:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTIxIDNIM3YyaDh2MTdoMlY1aDhWM3oiLz48L3N2Zz4=);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzIyNzdkYSIgZD0iTTIxIDNIM3YyaDh2MTdoMlY1aDhWM3oiIC8+PC9zdmc+);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.revocation:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE0LjUgN0g1LjgzbDMuNTgtMy41OEw4IDIgMy40MSA2LjU5IDIgOGwxLjQxIDEuNDFMOCAxNGwxLjQxLTEuNDFMNS44MyA5aDguNjdhNS41IDUuNSAwIDAxMCAxMUg0djJoMTAuNWE3LjUgNy41IDAgMDAwLTE1eiIgZmlsbD0iIzQ0NCIvPjwvc3ZnPg==);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE0LjUgN0g1LjgzbDMuNTgtMy41OEw4IDIgMy40MSA2LjU5IDIgOGwxLjQxIDEuNDFMOCAxNGwxLjQxLTEuNDFMNS44MyA5aDguNjdhNS41IDUuNSAwIDAxMCAxMUg0djJoMTAuNWE3LjUgNy41IDAgMDAwLTE1eiIgZmlsbD0iIzIyNzdkYSIgLz48L3N2Zz4=);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.cancle:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2U1NDU0NSIgZD0iTTIxLjE5IDQuMjJsLTEuNDEtMS40MUwxMiAxMC41OSA0LjIyIDIuODEgMi44MSA0LjIyIDEwLjU5IDEybC03Ljc4IDcuNzggMS40MSAxLjQxTDEyIDEzLjQxbDcuNzggNy43OCAxLjQxLTEuNDFMMTMuNDEgMTJsNy43OC03Ljc4eiIvPjwvc3ZnPg==);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzIyNzdkYSIgZD0iTTIxLjE5IDQuMjJsLTEuNDEtMS40MUwxMiAxMC41OSA0LjIyIDIuODEgMi44MSA0LjIyIDEwLjU5IDEybC03Ljc4IDcuNzggMS40MSAxLjQxTDEyIDEzLjQxbDcuNzggNy43OCAxLjQxLTEuNDFMMTMuNDEgMTJsNy43OC03Ljc4eiIgLz48L3N2Zz4=);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.sure:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzBhYmY1YiIgZD0iTTIzLjM2IDUuNjZsLTEuNDEtMS40Mkw5LjI2IDE2LjkzIDIuMDUgOS43Mi42NCAxMS4xM2w4LjYyIDguNjMgMS40Mi0xLjQyTDIzLjM2IDUuNjZ6Ii8+PC9zdmc+);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzIyNzdkYSIgZD0iTTIzLjM2IDUuNjZsLTEuNDEtMS40Mkw5LjI2IDE2LjkzIDIuMDUgOS43Mi42NCAxMS4xM2w4LjYyIDguNjMgMS40Mi0xLjQyTDIzLjM2IDUuNjZ6IiAvPjwvc3ZnPg==);
}
.draft-image-edit-zone .tools-container .toolbar .image-edit-btn.mosaic:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48ZGVmcy8+PHBhdGggZD0iTTIwIDJINGEyIDIgMCAwMC0yIDJ2MTZhMiAyIDAgMDAyIDJoMTZhMiAyIDAgMDAyLTJWNGEyIDIgMCAwMC0yLTJ6TTQgNGg3djdINHptMCAxNnYtN2g3djd6bTE2IDBoLTd2LTdoN3ptLTctOVY0aDd2N3oiIGZpbGw9IiM0NDQiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00IDRoN3Y3SDR6TTEzIDEzaDd2N2gtN3oiLz48L3N2Zz4=);
}
.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(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48ZGVmcz48L2RlZnM+PHBhdGggZD0iTTIwIDJINGEyIDIgMCAwMC0yIDJ2MTZhMiAyIDAgMDAyIDJoMTZhMiAyIDAgMDAyLTJWNGEyIDIgMCAwMC0yLTJ6TTQgNGg3djdINHptMCAxNnYtN2g3djd6bTE2IDBoLTd2LTdoN3ptLTctOVY0aDd2N3oiIGZpbGw9IiMyMjc3ZGEiIC8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNCA0aDd2N0g0ek0xMyAxM2g3djdoLTd6IiBmaWxsPSIjMjI3N2RhIiAvPjwvc3ZnPg==);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiPjxjaXJjbGUgY3g9IjMiIGN5PSIzIiByPSIzIiBmaWxsPSIjNDQ0Ii8+PC9zdmc+);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiPjxjaXJjbGUgY3g9IjMiIGN5PSIzIiByPSIzIiBmaWxsPSIjMjI3N2RhIiAvPjwvc3ZnPg==);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiM0NDQiLz48L3N2Zz4=);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMyMjc3ZGEiIC8+PC9zdmc+);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiM0NDQiLz48L3N2Zz4=);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiMyMjc3ZGEiIC8+PC9zdmc+);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIj48cGF0aCBmaWxsPSIjNDQ0IiBkPSJNOCAwSDB2MmgzdjhoMlYyaDNWMHoiLz48L3N2Zz4=);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIj48cGF0aCBmaWxsPSIjMjI3N2RhIiBkPSJNOCAwSDB2MmgzdjhoMlYyaDNWMHoiIC8+PC9zdmc+);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTEwIDBIMHYyaDR2MTFoMlYyaDRWMHoiLz48L3N2Zz4=);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iIzIyNzdkYSIgZD0iTTEwIDBIMHYyaDR2MTFoMlYyaDRWMHoiIC8+PC9zdmc+);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNyI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTE0IDBIMHYyaDZ2MTVoMlYyaDZWMHoiLz48L3N2Zz4=);
}
.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(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNyI+PHBhdGggZmlsbD0iIzIyNzdkYSIgZD0iTTE0IDBIMHYyaDZ2MTVoMlYyaDZWMHoiIC8+PC9zdmc+);
}
.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;
}

.docfb-thumbnail-preview img {
  max-width: 100%;
  max-height: 100%;
  animation: scaleIn 0.3s ease-in-out;
}
.docfb-thumbnail-preview-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.docfb-thumbnail-preview-close {
  position: fixed;
  z-index: 1003;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}
.docfb-thumbnail-preview-close:hover {
  background: #363a50;
}
.docfb-thumbnail-preview-close::before,
.docfb-thumbnail-preview-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 2px;
  height: 16px;
  background: #fff;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
}
.docfb-thumbnail-preview-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@keyframes scaleIn {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}

[class^=docfb-],
[class^=docfb-] *,
[class^=docfb-]:after,
[class^=docfb-] :after,
[class^=docfb-]:before,
[class^=docfb-] :before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
[class^=docfb-] li,
li[class^=docfb-] {
  list-style: none;
}
[class^=docfb-] a,
a[class^=docfb-] {
  text-decoration: none;
}
[class^=docfb-] input,
input[class^=docfb-] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}
@keyframes iconloading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@-webkit-keyframes iconloading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
[class^=docfb-]::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
[class^=docfb-]::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 20px;
}
[class^=docfb-]::-webkit-scrollbar-thumb,
[class^=docfb-]::-webkit-scrollbar-thumb:hover {
  background: #d6dbe3;
  background-clip: content-box;
}
[class^=docfb-]::-webkit-scrollbar-track {
  border-radius: 3px;
}
#FEFLOW {
  content: olu202212301043;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@charset "UTF-8";

[class*=docfb-tp-],
[class*=docfb-tp-]:after,
[class*=docfb-tp-]:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

[class*=docfb-tp-]:focus {
    outline: none
}

.docfb-tp-overflow-hidden {
    overflow: hidden !important
}

[class*=docfb-tp-][type=search]::-webkit-search-decoration,
[class^=docfb-tp-][type=search]::-webkit-search-decoration {
    outline: 0;
    -webkit-appearance: none
}

.docfb-tp-ma-1n {
    margin: 4px
}

.docfb-tp-ma-2n {
    margin: 8px
}

.docfb-tp-ma-3n {
    margin: 12px
}

.docfb-tp-ma-4n {
    margin: 16px
}

.docfb-tp-ma-5n {
    margin: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-ma-pad-1n {
        margin: 4px
    }

    .docfb-tp-ma-pad-2n {
        margin: 8px
    }

    .docfb-tp-ma-pad-3n {
        margin: 12px
    }

    .docfb-tp-ma-pad-4n {
        margin: 16px
    }

    .docfb-tp-ma-pad-5n {
        margin: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-ma-phone-1n {
        margin: 4px
    }

    .docfb-tp-ma-phone-2n {
        margin: 8px
    }

    .docfb-tp-ma-phone-3n {
        margin: 12px
    }

    .docfb-tp-ma-phone-4n {
        margin: 16px
    }

    .docfb-tp-ma-phone-5n {
        margin: 20px
    }
}

.docfb-tp-mt-1n {
    margin-top: 4px
}

.docfb-tp-mt-2n {
    margin-top: 8px
}

.docfb-tp-mt-3n {
    margin-top: 12px
}

.docfb-tp-mt-4n {
    margin-top: 16px
}

.docfb-tp-mt-5n {
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-mt-pad-1n {
        margin-top: 4px
    }

    .docfb-tp-mt-pad-2n {
        margin-top: 8px
    }

    .docfb-tp-mt-pad-3n {
        margin-top: 12px
    }

    .docfb-tp-mt-pad-4n {
        margin-top: 16px
    }

    .docfb-tp-mt-pad-5n {
        margin-top: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-mt-phone-1n {
        margin-top: 4px
    }

    .docfb-tp-mt-phone-2n {
        margin-top: 8px
    }

    .docfb-tp-mt-phone-3n {
        margin-top: 12px
    }

    .docfb-tp-mt-phone-4n {
        margin-top: 16px
    }

    .docfb-tp-mt-phone-5n {
        margin-top: 20px
    }
}

.docfb-tp-mb-1n {
    margin-bottom: 4px
}

.docfb-tp-mb-2n {
    margin-bottom: 8px
}

.docfb-tp-mb-3n {
    margin-bottom: 12px
}

.docfb-tp-mb-4n {
    margin-bottom: 16px
}

.docfb-tp-mb-5n {
    margin-bottom: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-mb-pad-1n {
        margin-bottom: 4px
    }

    .docfb-tp-mb-pad-2n {
        margin-bottom: 8px
    }

    .docfb-tp-mb-pad-3n {
        margin-bottom: 12px
    }

    .docfb-tp-mb-pad-4n {
        margin-bottom: 16px
    }

    .docfb-tp-mb-pad-5n {
        margin-bottom: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-mb-phone-1n {
        margin-bottom: 4px
    }

    .docfb-tp-mb-phone-2n {
        margin-bottom: 8px
    }

    .docfb-tp-mb-phone-3n {
        margin-bottom: 12px
    }

    .docfb-tp-mb-phone-4n {
        margin-bottom: 16px
    }

    .docfb-tp-mb-phone-5n {
        margin-bottom: 20px
    }
}

.docfb-tp-ml-1n {
    margin-left: 4px
}

.docfb-tp-ml-2n {
    margin-left: 8px
}

.docfb-tp-ml-3n {
    margin-left: 12px
}

.docfb-tp-ml-4n {
    margin-left: 16px
}

.docfb-tp-ml-5n {
    margin-left: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-ml-pad-1n {
        margin-left: 4px
    }

    .docfb-tp-ml-pad-2n {
        margin-left: 8px
    }

    .docfb-tp-ml-pad-3n {
        margin-left: 12px
    }

    .docfb-tp-ml-pad-4n {
        margin-left: 16px
    }

    .docfb-tp-ml-pad-5n {
        margin-left: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-ml-phone-1n {
        margin-left: 4px
    }

    .docfb-tp-ml-phone-2n {
        margin-left: 8px
    }

    .docfb-tp-ml-phone-3n {
        margin-left: 12px
    }

    .docfb-tp-ml-phone-4n {
        margin-left: 16px
    }

    .docfb-tp-ml-phone-5n {
        margin-left: 20px
    }
}

.docfb-tp-mr-1n {
    margin-right: 4px
}

.docfb-tp-mr-2n {
    margin-right: 8px
}

.docfb-tp-mr-3n {
    margin-right: 12px
}

.docfb-tp-mr-4n {
    margin-right: 16px
}

.docfb-tp-mr-5n {
    margin-right: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-mr-pad-1n {
        margin-right: 4px
    }

    .docfb-tp-mr-pad-2n {
        margin-right: 8px
    }

    .docfb-tp-mr-pad-3n {
        margin-right: 12px
    }

    .docfb-tp-mr-pad-4n {
        margin-right: 16px
    }

    .docfb-tp-mr-pad-5n {
        margin-right: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-mr-phone-1n {
        margin-right: 4px
    }

    .docfb-tp-mr-phone-2n {
        margin-right: 8px
    }

    .docfb-tp-mr-phone-3n {
        margin-right: 12px
    }

    .docfb-tp-mr-phone-4n {
        margin-right: 16px
    }

    .docfb-tp-mr-phone-5n {
        margin-right: 20px
    }
}

.docfb-tp-pa-1n {
    padding: 4px
}

.docfb-tp-pa-2n {
    padding: 8px
}

.docfb-tp-pa-3n {
    padding: 12px
}

.docfb-tp-pa-4n {
    padding: 16px
}

.docfb-tp-pa-5n {
    padding: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-pa-pad-1n {
        padding: 4px
    }

    .docfb-tp-pa-pad-2n {
        padding: 8px
    }

    .docfb-tp-pa-pad-3n {
        padding: 12px
    }

    .docfb-tp-pa-pad-4n {
        padding: 16px
    }

    .docfb-tp-pa-pad-5n {
        padding: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-pa-phone-1n {
        padding: 4px
    }

    .docfb-tp-pa-phone-2n {
        padding: 8px
    }

    .docfb-tp-pa-phone-3n {
        padding: 12px
    }

    .docfb-tp-pa-phone-4n {
        padding: 16px
    }

    .docfb-tp-pa-phone-5n {
        padding: 20px
    }
}

.docfb-tp-pt-1n {
    padding-top: 4px
}

.docfb-tp-pt-2n {
    padding-top: 8px
}

.docfb-tp-pt-3n {
    padding-top: 12px
}

.docfb-tp-pt-4n {
    padding-top: 16px
}

.docfb-tp-pt-5n {
    padding-top: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-pt-pad-1n {
        padding-top: 4px
    }

    .docfb-tp-pt-pad-2n {
        padding-top: 8px
    }

    .docfb-tp-pt-pad-3n {
        padding-top: 12px
    }

    .docfb-tp-pt-pad-4n {
        padding-top: 16px
    }

    .docfb-tp-pt-pad-5n {
        padding-top: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-pt-phone-1n {
        padding-top: 4px
    }

    .docfb-tp-pt-phone-2n {
        padding-top: 8px
    }

    .docfb-tp-pt-phone-3n {
        padding-top: 12px
    }

    .docfb-tp-pt-phone-4n {
        padding-top: 16px
    }

    .docfb-tp-pt-phone-5n {
        padding-top: 20px
    }
}

.docfb-tp-pb-1n {
    padding-bottom: 4px
}

.docfb-tp-pb-2n {
    padding-bottom: 8px
}

.docfb-tp-pb-3n {
    padding-bottom: 12px
}

.docfb-tp-pb-4n {
    padding-bottom: 16px
}

.docfb-tp-pb-5n {
    padding-bottom: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-pb-pad-1n {
        padding-bottom: 4px
    }

    .docfb-tp-pb-pad-2n {
        padding-bottom: 8px
    }

    .docfb-tp-pb-pad-3n {
        padding-bottom: 12px
    }

    .docfb-tp-pb-pad-4n {
        padding-bottom: 16px
    }

    .docfb-tp-pb-pad-5n {
        padding-bottom: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-pb-phone-1n {
        padding-bottom: 4px
    }

    .docfb-tp-pb-phone-2n {
        padding-bottom: 8px
    }

    .docfb-tp-pb-phone-3n {
        padding-bottom: 12px
    }

    .docfb-tp-pb-phone-4n {
        padding-bottom: 16px
    }

    .docfb-tp-pb-phone-5n {
        padding-bottom: 20px
    }
}

.docfb-tp-pl-1n {
    padding-left: 4px
}

.docfb-tp-pl-2n {
    padding-left: 8px
}

.docfb-tp-pl-3n {
    padding-left: 12px
}

.docfb-tp-pl-4n {
    padding-left: 16px
}

.docfb-tp-pl-5n {
    padding-left: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-pl-pad-1n {
        padding-left: 4px
    }

    .docfb-tp-pl-pad-2n {
        padding-left: 8px
    }

    .docfb-tp-pl-pad-3n {
        padding-left: 12px
    }

    .docfb-tp-pl-pad-4n {
        padding-left: 16px
    }

    .docfb-tp-pl-pad-5n {
        padding-left: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-pl-phone-1n {
        padding-left: 4px
    }

    .docfb-tp-pl-phone-2n {
        padding-left: 8px
    }

    .docfb-tp-pl-phone-3n {
        padding-left: 12px
    }

    .docfb-tp-pl-phone-4n {
        padding-left: 16px
    }

    .docfb-tp-pl-phone-5n {
        padding-left: 20px
    }
}

.docfb-tp-pr-1n {
    padding-right: 4px
}

.docfb-tp-pr-2n {
    padding-right: 8px
}

.docfb-tp-pr-3n {
    padding-right: 12px
}

.docfb-tp-pr-4n {
    padding-right: 16px
}

.docfb-tp-pr-5n {
    padding-right: 20px
}

@media screen and (max-width:768px) {
    .docfb-tp-pr-pad-1n {
        padding-right: 4px
    }

    .docfb-tp-pr-pad-2n {
        padding-right: 8px
    }

    .docfb-tp-pr-pad-3n {
        padding-right: 12px
    }

    .docfb-tp-pr-pad-4n {
        padding-right: 16px
    }

    .docfb-tp-pr-pad-5n {
        padding-right: 20px
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-pr-phone-1n {
        padding-right: 4px
    }

    .docfb-tp-pr-phone-2n {
        padding-right: 8px
    }

    .docfb-tp-pr-phone-3n {
        padding-right: 12px
    }

    .docfb-tp-pr-phone-4n {
        padding-right: 16px
    }

    .docfb-tp-pr-phone-5n {
        padding-right: 20px
    }
}

.docfb-tp-dis-block {
    display: block !important
}

.docfb-tp-dis-inline-block {
    display: inline-block !important
}

.docfb-tp-dis-none {
    display: none !important
}

@media screen and (max-width:768px) {
    .docfb-tp-dis-pad-block {
        display: block !important
    }

    .docfb-tp-dis-pad-inline-block {
        display: inline-block !important
    }

    .docfb-tp-dis-pad-none {
        display: none !important
    }
}

@media screen and (max-width:600px) {
    .docfb-tp-dis-phone-block {
        display: block !important
    }

    .docfb-tp-dis-phone-inline-block {
        display: inline-block !important
    }

    .docfb-tp-dis-phone-none {
        display: none !important
    }
}

.docfb-tp-link {
    color: #0052d9;
    text-decoration: none;
    cursor: pointer
}

.docfb-tp-link:hover {
    color: #2670e8;
    text-decoration: underline
}

.docfb-tp-link--arrow,
.docfb-tp-link--weak-arrow,
.docfb-tp-link--white-arrow {
    font-size: 14px
}

.docfb-tp-link--arrow:after,
.docfb-tp-link--weak-arrow:after,
.docfb-tp-link--white-arrow:after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy42IDVMMCAxLjI1IDEuMiAwIDYgNSA0LjggNi4yNSAxLjIgMTAgMCA4Ljc1eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    content: ""
}

.docfb-tp-link--arrow:hover,
.docfb-tp-link--weak-arrow:hover,
.docfb-tp-link--white-arrow:hover {
    text-decoration: none
}

.docfb-tp-link--arrow:hover:after,
.docfb-tp-link--weak-arrow:hover:after,
.docfb-tp-link--white-arrow:hover:after {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.docfb-tp-link--arrow.docfb-tp-link--disabled:after,
.docfb-tp-link--arrow.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--weak-arrow.docfb-tp-link--disabled:after,
.docfb-tp-link--weak-arrow.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--white-arrow.docfb-tp-link--disabled:after,
.docfb-tp-link--white-arrow.docfb-tp-link--disabled:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy42IDVMMCAxLjI1IDEuMiAwIDYgNSA0LjggNi4yNSAxLjIgMTAgMCA4Ljc1eiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--arrow.docfb-tp-link--disabled:hover:hover:after,
.docfb-tp-link--weak-arrow.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--weak-arrow.docfb-tp-link--disabled:hover:hover:after,
.docfb-tp-link--white-arrow.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--white-arrow.docfb-tp-link--disabled:hover:hover:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.docfb-tp-link--arrow.size-s,
.docfb-tp-link--weak-arrow.size-s,
.docfb-tp-link--white-arrow.size-s {
    font-size: 12px
}

.docfb-tp-link--arrow.size-s:after,
.docfb-tp-link--weak-arrow.size-s:after,
.docfb-tp-link--white-arrow.size-s:after {
    width: 5px;
    height: 8px;
    margin-left: 5px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjk1NiA0TDAgMS4wMzEgMS4wMjIgMCA1IDQgMS4wMjIgOCAwIDYuOTY5eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow.size-s.docfb-tp-link--disabled:after,
.docfb-tp-link--arrow.size-s.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--weak-arrow.size-s.docfb-tp-link--disabled:after,
.docfb-tp-link--weak-arrow.size-s.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--white-arrow.size-s.docfb-tp-link--disabled:after,
.docfb-tp-link--white-arrow.size-s.docfb-tp-link--disabled:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjk1NiA0TDAgMS4wMzEgMS4wMjIgMCA1IDQgMS4wMjIgOCAwIDYuOTY5eiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow.size-l,
.docfb-tp-link--weak-arrow.size-l,
.docfb-tp-link--white-arrow.size-l {
    font-size: 16px
}

.docfb-tp-link.size-s {
    font-size: 12px
}

.docfb-tp-link.size-l {
    font-size: 16px
}

.docfb-tp-link--weak-arrow {
    color: #666
}

.docfb-tp-link--weak-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy42IDVMMCAxLjI1IDEuMiAwIDYgNSA0LjggNi4yNSAxLjIgMTAgMCA4Ljc1eiIgZmlsbD0iIzY2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow:hover {
    color: #00a4ff
}

.docfb-tp-link--weak-arrow:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy42IDVMMCAxLjI1IDEuMiAwIDYgNSA0LjggNi4yNSAxLjIgMTAgMCA4Ljc1eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow.size-s:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjk1NiA0TDAgMS4wMzEgMS4wMjIgMCA1IDQgMS4wMjIgOCAwIDYuOTY5eiIgZmlsbD0iIzY2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow.size-s:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjk1NiA0TDAgMS4wMzEgMS4wMjIgMCA1IDQgMS4wMjIgOCAwIDYuOTY5eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow {
    color: #fff
}

.docfb-tp-link--white-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy42IDVMMCAxLjI1IDEuMiAwIDYgNSA0LjggNi4yNSAxLjIgMTAgMCA4Ljc1eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow:hover {
    color: #fff
}

.docfb-tp-link--white-arrow:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy42IDVMMCAxLjI1IDEuMiAwIDYgNSA0LjggNi4yNSAxLjIgMTAgMCA4Ljc1eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow.size-s:after,
.docfb-tp-link--white-arrow.size-s:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjk1NiA0TDAgMS4wMzEgMS4wMjIgMCA1IDQgMS4wMjIgOCAwIDYuOTY5eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-left,
.docfb-tp-link--weak-arrow-left,
.docfb-tp-link--white-arrow-left {
    font-size: 14px
}

.docfb-tp-link--arrow-left:before,
.docfb-tp-link--weak-arrow-left:before,
.docfb-tp-link--white-arrow-left:before {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-right: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi40IDVMNiAxLjI1IDQuOCAwIDAgNWwxLjIgMS4yNUw0LjggMTAgNiA4Ljc1eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    content: ""
}

.docfb-tp-link--arrow-left:hover,
.docfb-tp-link--weak-arrow-left:hover,
.docfb-tp-link--white-arrow-left:hover {
    text-decoration: none
}

.docfb-tp-link--arrow-left:hover:before,
.docfb-tp-link--weak-arrow-left:hover:before,
.docfb-tp-link--white-arrow-left:hover:before {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px)
}

.docfb-tp-link--arrow-left.docfb-tp-link--disabled:before,
.docfb-tp-link--arrow-left.docfb-tp-link--disabled:hover:before,
.docfb-tp-link--weak-arrow-left.docfb-tp-link--disabled:before,
.docfb-tp-link--weak-arrow-left.docfb-tp-link--disabled:hover:before,
.docfb-tp-link--white-arrow-left.docfb-tp-link--disabled:before,
.docfb-tp-link--white-arrow-left.docfb-tp-link--disabled:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi40IDVMNiAxLjI1IDQuOCAwIDAgNWwxLjIgMS4yNUw0LjggMTAgNiA4Ljc1eiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-left.docfb-tp-link--disabled:hover:before,
.docfb-tp-link--arrow-left.docfb-tp-link--disabled:hover:hover:before,
.docfb-tp-link--weak-arrow-left.docfb-tp-link--disabled:hover:before,
.docfb-tp-link--weak-arrow-left.docfb-tp-link--disabled:hover:hover:before,
.docfb-tp-link--white-arrow-left.docfb-tp-link--disabled:hover:before,
.docfb-tp-link--white-arrow-left.docfb-tp-link--disabled:hover:hover:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.docfb-tp-link--arrow-left.size-s,
.docfb-tp-link--weak-arrow-left.size-s,
.docfb-tp-link--white-arrow-left.size-s {
    font-size: 12px
}

.docfb-tp-link--arrow-left.size-s:before,
.docfb-tp-link--weak-arrow-left.size-s:before,
.docfb-tp-link--white-arrow-left.size-s:before {
    width: 5px;
    height: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjA0NCA0TDUgMS4wMzEgMy45NzggMCAwIDRsMy45NzggNEw1IDYuOTY5eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-left.size-s.docfb-tp-link--disabled:before,
.docfb-tp-link--arrow-left.size-s.docfb-tp-link--disabled:hover:before,
.docfb-tp-link--weak-arrow-left.size-s.docfb-tp-link--disabled:before,
.docfb-tp-link--weak-arrow-left.size-s.docfb-tp-link--disabled:hover:before,
.docfb-tp-link--white-arrow-left.size-s.docfb-tp-link--disabled:before,
.docfb-tp-link--white-arrow-left.size-s.docfb-tp-link--disabled:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjA0NCA0TDUgMS4wMzEgMy45NzggMCAwIDRsMy45NzggNEw1IDYuOTY5eiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-left.size-l,
.docfb-tp-link--weak-arrow-left.size-l,
.docfb-tp-link--white-arrow-left.size-l {
    font-size: 16px
}

.docfb-tp-link--weak-arrow-left {
    color: #666
}

.docfb-tp-link--weak-arrow-left:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi40IDVMNiAxLjI1IDQuOCAwIDAgNWwxLjIgMS4yNUw0LjggMTAgNiA4Ljc1eiIgZmlsbD0iIzY2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow-left:hover {
    color: #00a4ff
}

.docfb-tp-link--weak-arrow-left:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi40IDVMNiAxLjI1IDQuOCAwIDAgNWwxLjIgMS4yNUw0LjggMTAgNiA4Ljc1eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow-left.size-s:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjA0NCA0TDUgMS4wMzEgMy45NzggMCAwIDRsMy45NzggNEw1IDYuOTY5eiIgZmlsbD0iIzY2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow-left.size-s:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjA0NCA0TDUgMS4wMzEgMy45NzggMCAwIDRsMy45NzggNEw1IDYuOTY5eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow-left {
    color: #fff
}

.docfb-tp-link--white-arrow-left:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi40IDVMNiAxLjI1IDQuOCAwIDAgNWwxLjIgMS4yNUw0LjggMTAgNiA4Ljc1eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow-left:hover {
    color: #fff
}

.docfb-tp-link--white-arrow-left:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi40IDVMNiAxLjI1IDQuOCAwIDAgNWwxLjIgMS4yNUw0LjggMTAgNiA4Ljc1eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow-left.size-s:before,
.docfb-tp-link--white-arrow-left.size-s:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjA0NCA0TDUgMS4wMzEgMy45NzggMCAwIDRsMy45NzggNEw1IDYuOTY5eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-top,
.docfb-tp-link--weak-arrow-top,
.docfb-tp-link--white-arrow-top {
    font-size: 14px
}

.docfb-tp-link--arrow-top:after,
.docfb-tp-link--weak-arrow-top:after,
.docfb-tp-link--white-arrow-top:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAyLjRMOC43NSA2IDEwIDQuOCA1IDAgMy43NSAxLjIgMCA0LjggMS4yNSA2eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    content: ""
}

.docfb-tp-link--arrow-top:hover,
.docfb-tp-link--weak-arrow-top:hover,
.docfb-tp-link--white-arrow-top:hover {
    text-decoration: none
}

.docfb-tp-link--arrow-top.docfb-tp-link--disabled:after,
.docfb-tp-link--arrow-top.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--weak-arrow-top.docfb-tp-link--disabled:after,
.docfb-tp-link--weak-arrow-top.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--white-arrow-top.docfb-tp-link--disabled:after,
.docfb-tp-link--white-arrow-top.docfb-tp-link--disabled:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAyLjRMOC43NSA2IDEwIDQuOCA1IDAgMy43NSAxLjIgMCA0LjggMS4yNSA2eiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-top.size-s,
.docfb-tp-link--weak-arrow-top.size-s,
.docfb-tp-link--white-arrow-top.size-s {
    font-size: 12px
}

.docfb-tp-link--arrow-top.size-s:after,
.docfb-tp-link--weak-arrow-top.size-s:after,
.docfb-tp-link--white-arrow-top.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuMDQ0TDYuOTY5IDUgOCAzLjk3OCA0IDAgMCAzLjk3NyAxLjAzMSA1eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-top.size-s.docfb-tp-link--disabled:after,
.docfb-tp-link--arrow-top.size-s.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--weak-arrow-top.size-s.docfb-tp-link--disabled:after,
.docfb-tp-link--weak-arrow-top.size-s.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--white-arrow-top.size-s.docfb-tp-link--disabled:after,
.docfb-tp-link--white-arrow-top.size-s.docfb-tp-link--disabled:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuMDQ0TDYuOTY5IDUgOCAzLjk3OCA0IDAgMCAzLjk3NyAxLjAzMSA1eiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-top.size-l,
.docfb-tp-link--weak-arrow-top.size-l,
.docfb-tp-link--white-arrow-top.size-l {
    font-size: 16px
}

.docfb-tp-link--weak-arrow-top {
    color: #666
}

.docfb-tp-link--weak-arrow-top:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAyLjRMOC43NSA2IDEwIDQuOCA1IDAgMy43NSAxLjIgMCA0LjggMS4yNSA2eiIgZmlsbD0iIzY2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow-top:hover {
    color: #00a4ff
}

.docfb-tp-link--weak-arrow-top:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAyLjRMOC43NSA2IDEwIDQuOCA1IDAgMy43NSAxLjIgMCA0LjggMS4yNSA2eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow-top.size-s:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuMDQ0TDYuOTY5IDUgOCAzLjk3OCA0IDAgMCAzLjk3NyAxLjAzMSA1eiIgZmlsbD0iIzY2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow-top.size-s:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuMDQ0TDYuOTY5IDUgOCAzLjk3OCA0IDAgMCAzLjk3NyAxLjAzMSA1eiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow-top {
    color: #fff
}

.docfb-tp-link--white-arrow-top:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAyLjRMOC43NSA2IDEwIDQuOCA1IDAgMy43NSAxLjIgMCA0LjggMS4yNSA2eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow-top:hover {
    color: #fff
}

.docfb-tp-link--white-arrow-top:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAyLjRMOC43NSA2IDEwIDQuOCA1IDAgMy43NSAxLjIgMCA0LjggMS4yNSA2eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow-top.size-s:after,
.docfb-tp-link--white-arrow-top.size-s:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuMDQ0TDYuOTY5IDUgOCAzLjk3OCA0IDAgMCAzLjk3NyAxLjAzMSA1eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-bottom,
.docfb-tp-link--weak-arrow-bottom,
.docfb-tp-link--white-arrow-bottom {
    font-size: 14px
}

.docfb-tp-link--arrow-bottom:after,
.docfb-tp-link--weak-arrow-bottom:after,
.docfb-tp-link--white-arrow-bottom:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAzLjZMOC43NSAwIDEwIDEuMiA1IDYgMy43NSA0LjggMCAxLjIgMS4yNSAweiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    content: ""
}

.docfb-tp-link--arrow-bottom:hover,
.docfb-tp-link--weak-arrow-bottom:hover,
.docfb-tp-link--white-arrow-bottom:hover {
    text-decoration: none
}

.docfb-tp-link--arrow-bottom.docfb-tp-link--disabled:after,
.docfb-tp-link--arrow-bottom.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--weak-arrow-bottom.docfb-tp-link--disabled:after,
.docfb-tp-link--weak-arrow-bottom.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--white-arrow-bottom.docfb-tp-link--disabled:after,
.docfb-tp-link--white-arrow-bottom.docfb-tp-link--disabled:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAzLjZMOC43NSAwIDEwIDEuMiA1IDYgMy43NSA0LjggMCAxLjIgMS4yNSAweiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-bottom.size-s,
.docfb-tp-link--weak-arrow-bottom.size-s,
.docfb-tp-link--white-arrow-bottom.size-s {
    font-size: 12px
}

.docfb-tp-link--arrow-bottom.size-s:after,
.docfb-tp-link--weak-arrow-bottom.size-s:after,
.docfb-tp-link--white-arrow-bottom.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuOTU2TDYuOTY5IDAgOCAxLjAyMiA0IDUgMCAxLjAyMyAxLjAzMSAweiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-bottom.size-s.docfb-tp-link--disabled:after,
.docfb-tp-link--arrow-bottom.size-s.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--weak-arrow-bottom.size-s.docfb-tp-link--disabled:after,
.docfb-tp-link--weak-arrow-bottom.size-s.docfb-tp-link--disabled:hover:after,
.docfb-tp-link--white-arrow-bottom.size-s.docfb-tp-link--disabled:after,
.docfb-tp-link--white-arrow-bottom.size-s.docfb-tp-link--disabled:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuOTU2TDYuOTY5IDAgOCAxLjAyMiA0IDUgMCAxLjAyMyAxLjAzMSAweiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--arrow-bottom.size-l,
.docfb-tp-link--weak-arrow-bottom.size-l,
.docfb-tp-link--white-arrow-bottom.size-l {
    font-size: 16px
}

.docfb-tp-link--weak-arrow-bottom {
    color: #666
}

.docfb-tp-link--weak-arrow-bottom:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAzLjZMOC43NSAwIDEwIDEuMiA1IDYgMy43NSA0LjggMCAxLjIgMS4yNSAweiIgZmlsbD0iIzY2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow-bottom:hover {
    color: #00a4ff
}

.docfb-tp-link--weak-arrow-bottom:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAzLjZMOC43NSAwIDEwIDEuMiA1IDYgMy43NSA0LjggMCAxLjIgMS4yNSAweiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow-bottom.size-s:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuOTU2TDYuOTY5IDAgOCAxLjAyMiA0IDUgMCAxLjAyMyAxLjAzMSAweiIgZmlsbD0iIzY2NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--weak-arrow-bottom.size-s:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuOTU2TDYuOTY5IDAgOCAxLjAyMiA0IDUgMCAxLjAyMyAxLjAzMSAweiIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow-bottom {
    color: #fff
}

.docfb-tp-link--white-arrow-bottom:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAzLjZMOC43NSAwIDEwIDEuMiA1IDYgMy43NSA0LjggMCAxLjIgMS4yNSAweiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow-bottom:hover {
    color: #fff
}

.docfb-tp-link--white-arrow-bottom:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAzLjZMOC43NSAwIDEwIDEuMiA1IDYgMy43NSA0LjggMCAxLjIgMS4yNSAweiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--white-arrow-bottom.size-s:after,
.docfb-tp-link--white-arrow-bottom.size-s:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDIuOTU2TDYuOTY5IDAgOCAxLjAyMiA0IDUgMCAxLjAyMyAxLjAzMSAweiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.docfb-tp-link--disabled,
.docfb-tp-link--disabled:hover {
    color: #97a3b7;
    cursor: default;
    pointer-events: none
}

.docfb-tp-link--underline-primary {
    position: relative
}

.docfb-tp-link--underline-primary:hover {
    text-decoration: none
}

.docfb-tp-link--underline-primary:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #0052d9;
    content: ""
}

.docfb-tp-link--underline {
    position: relative;
    color: #181818
}

.docfb-tp-link--underline:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #181818;
    content: ""
}

.docfb-tp-link--underline:hover {
    color: #0052d9;
    text-decoration: none
}

.docfb-tp-link--underline:hover:after {
    border-bottom-color: #0052d9
}

.docfb-tp-link--underline-weak {
    position: relative;
    color: #4b5b76
}

.docfb-tp-link--underline-weak:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #4b5b76;
    content: ""
}

.docfb-tp-link--underline-weak:hover {
    color: #0052d9;
    text-decoration: none
}

.docfb-tp-link--underline-weak:hover:after {
    border-bottom-color: #0052d9
}

.docfb-tp-link--underline-weaker {
    position: relative;
    color: #97a3b7
}

.docfb-tp-link--underline-weaker:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #97a3b7;
    content: ""
}

.docfb-tp-link--underline-weaker:hover {
    color: #0052d9;
    text-decoration: none
}

.docfb-tp-link--underline-weaker:hover:after {
    border-bottom-color: #0052d9
}

.docfb-feedback-panel__hd {
    position: relative;
    padding: 16px 20px;
    background: #fff;
    box-shadow: 1px 1px 8px rgba(55, 99, 170, .1);
    z-index: 2;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-flow: row nowrap
}

.docfb-feedback-panel__hd,
.docfb-feedback-panel__hd-main {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    align-items: center
}

.docfb-feedback-panel__hd-main {
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1 1 auto;
    flex: 1 1 auto;
    flex-flow: row nowrap
}

.docfb-feedback-panel__hd-extra {
    margin-left: 20px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-feedback-panel__back {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    font-size: 0;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4JyB2aWV3Qm94PScwIDAgMjAgMjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPueUu+advzwvdGl0bGU+PGcgaWQ9J+eUu+advycgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBvbHlnb24gaWQ9J+i3r+W+hCcgZmlsbD0nIzAwNTJEOScgcG9pbnRzPSc1LjEzODYyNSAxMC4wMDAwMDUgNi45MDYzOTUgOC4yMzIyNDUgMTMuMDkzNTc1IDIuMDQ1MDU1IDE0Ljg2MTM3NSAzLjgxMjgyNSA4LjY3NDg3NSA5Ljk5OTk1NSAxNC44NjEzNzUgMTYuMTg3MTQ1IDEzLjA5MzU3NSAxNy45NTQ5NDUnPjwvcG9seWdvbj48L2c+PC9zdmc+");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border: none;
    outline: 0 none;
    cursor: pointer
}

.docfb-feedback-panel__tit {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1 1 auto;
    flex: 1 1 auto
}

.docfb-feedback-panel__tit-icon {
    display: -webkit-inline-box;
    display: inline-flex;
    margin-right: 8px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    -webkit-box-align: center;
    align-items: center
}

.docfb-feedback-panel__tit-icon .docfb-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-feedback-panel__tit-icon .docfb-icon-feedback {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4JyB2aWV3Qm94PScwIDAgMjAgMjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPueUu+advzwvdGl0bGU+PGcgaWQ9J+eUu+advycgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBhdGggZD0nTTE2Ljg3NDk3NCwwLjgzMzMyMiBDMTguMTQwNjc0LDAuODMzMzIyIDE5LjE2NjY3NCwxLjg1OTMzOCAxOS4xNjY2NzQsMy4xMjQ5ODggTDE5LjE2NjY3NCwxMi4yOTE2NzggQzE5LjE2NjY3NCwxMy41NTcyNzggMTguMTQwNjc0LDE0LjU4MzI3OCAxNi44NzQ5NzQsMTQuNTgzMjc4IEwxMy40Mzc0NzQsMTQuNTgzMjc4IEw5Ljk5OTk5NCwxOS4xNjY2NzggTDYuNTYyNDk0LDE0LjU4MzI3OCBMMy4xMjQ5OTQsMTQuNTgzMjc4IEMxLjg1OTM0NCwxNC41ODMyNzggMC44MzMzMjYsMTMuNTU3Mjc4IDAuODMzMzI2LDEyLjI5MTY3OCBMMC44MzMzMjYsMy4xMjQ5ODggQzAuODMzMzI2LDEuODU5MzM4IDEuODU5MzQ0LDAuODMzMzIyIDMuMTI0OTk0LDAuODMzMzIyIEwxNi44NzQ5NzQsMC44MzMzMjIgWiBNMTYuODc0OTc0LDMuMTI0OTg4IEwzLjEyNDk5NCwzLjEyNDk4OCBMMy4xMjQ5OTQsMTIuMjkxNjc4IEw3LjcwODMyNCwxMi4yOTE2NzggTDkuOTk5OTk0LDE1LjM0NzU3OCBMMTIuMjkxNjc0LDEyLjI5MTY3OCBMMTYuODc0OTc0LDEyLjI5MTY3OCBMMTYuODc0OTc0LDMuMTI0OTg4IFogTTcuMDgzNDA0LDYuNjY2NjQ4IEM3LjA4MzQwNCw3LjQ3NzcwOCA4LjAxNzQ1NCw4Ljc0OTk3OCAxMC4wMDAwNzQsOC43NDk5NzggQzExLjk4MjY3NCw4Ljc0OTk3OCAxMi45MTY3NzQsNy40Nzc3MDggMTIuOTE2Nzc0LDYuNjY2NjQ4IEwxNS4wMDAwNzQsNi42NjY2NDggQzE1LjAwMDA3NCw4Ljk2NzgyOCAxMi43NjE0NzQsMTAuODMzMjc4IDEwLjAwMDA3NCwxMC44MzMyNzggQzcuMjM4NjU0LDEwLjgzMzI3OCA1LjAwMDA3NCw4Ljk2NzgyOCA1LjAwMDA3NCw2LjY2NjY0OCBMNy4wODM0MDQsNi42NjY2NDggWicgaWQ9J+W9oueKtue7k+WQiCcgZmlsbD0nIzAwNTJEOScgZmlsbC1ydWxlPSdub256ZXJvJz48L3BhdGg+PC9nPjwvc3ZnPg==")
}

.docfb-feedback-panel__tit-text {
    line-height: 23px;
    font-size: 18px;
    font-weight: 500;
    color: #181818;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.docfb-feedback-panel__iconbtns {
    font-size: 0
}

.docfb-feedback-panel__iconbtn {
    vertical-align: middle;
    color: #181818;
    text-decoration: none;
    background: none;
    border: none;
    outline: 0 none;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap
}

.docfb-feedback-panel__iconbtn+.docfb-feedback-panel__iconbtn {
    margin-left: 8px
}

.docfb-feedback-panel__iconbtn-svg {
    margin-right: 4px;
    font-size: 20px
}

.docfb-feedback-panel__iconbtn-svg svg {
    display: block;
    width: 1em;
    height: auto
}

.docfb-feedback-panel__iconbtn-text {
    line-height: 20px;
    font-size: 14px
}

.docfb-feedback-panel__iconbtn:hover {
    color: #0052d9
}

.docfb-feedback-panel__iconbtn.has-msg .docfb-feedback-panel__iconbtn-svg {
    position: relative
}

.docfb-feedback-panel__iconbtn.has-msg .docfb-feedback-panel__iconbtn-svg:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    background: #f64041;
    border: 2px solid #fff;
    border-radius: 50%
}

.docfb-feedback-panel__bd {
    padding: 20px;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto
}

.docfb-feedback-panel__bd.is-full {
    padding: 0
}

.docfb-feedback-panel__action {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 20px;
    background-color: #fff
}

.docfb-feedback-panel__action .docfb-tp-grid__row {
    margin: 0 -12px
}

.docfb-feedback-panel__action .docfb-tp-grid__col {
    padding: 0 12px
}

.docfb-feedback-panel__action+.docfb-feedback-panel__bd {
    padding-top: 0
}

.docfb-feedback-panel .docfb-feedback-notice {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-feedback-panel .docfb-feedback-notice .docfb-tp-link--underline-primary:after {
    border-bottom-style: solid;
    bottom: 1px
}

.docfb-feedback-panel {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.docfb-feedback-notice {
    position: relative;
    z-index: 1;
    padding: 12px 20px;
    color: rgba(0, 0, 0, .9);
    overflow: hidden
}

.docfb-feedback-notice__tit {
    line-height: 24px;
    font-size: 14px;
    font-weight: 600
}

.docfb-feedback-notice__desc {
    margin-top: 4px;
    line-height: 20px;
    font-size: 14px;
    color: #777
}

.docfb-feedback-notice__bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.docfb-feedback-notice__bg:after,
.docfb-feedback-notice__bg:before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-feedback-notice__bg:before {
    right: 0;
    bottom: -276px;
    width: 362px;
    height: 345px;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMzYyJyBoZWlnaHQ9JzM0NScgdmlld0JveD0nMCAwIDM2MiAzNDUnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGVsbGlwc2Ugb3BhY2l0eT0nMC44JyBjeD0nMTgwLjg3JyBjeT0nMTcyLjY5Nycgcng9JzE4MC44Nycgcnk9JzE3MicgZmlsbD0ndXJsKCNwYWludDBfbGluZWFyXzQxN18xMDM0KScvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQwX2xpbmVhcl80MTdfMTAzNCcgeDE9JzE4MS4wOScgeTE9Jy0xMTMuMjM3JyB4Mj0nLTQ4LjI2MDcnIHkyPSc5My4zNDIyJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nI0ZBRkRGRicvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI0YzRjVGOCcvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==")
}

.docfb-feedback-notice__bg:after {
    right: -66px;
    bottom: 0;
    width: 233px;
    height: 196px;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjMzJyBoZWlnaHQ9JzE5Nicgdmlld0JveD0nMCAwIDIzMyAxOTYnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J000MC4yNTQ1IDE2MS44NzVDMTUuNTgyNCAxNDQuOTg3IDcuMDA5NTFlLTA1IDExOS44NjEgNy4wMDk1MWUtMDUgOTIuMjY0NEM3LjAwOTUxZS0wNSA0MS4xODk1IDUxLjk0MTIgMCAxMTYuNDM1IDBDMTgwLjkyOCAwIDIzMi44NyA0MS4xODk1IDIzMi44NyA5Mi4yNjQ0QzIzMi44NyAxNDMuMzM5IDE4MC45MjggMTg0LjUyOSAxMTYuNDM1IDE4NC41MjlDMTAzLjAxNyAxODQuNTI5IDkwLjQ2NDMgMTgyLjg4MSA3OC4zNDQ3IDE3OS41ODZDNzcuNDc5IDE3OS4xNzQgNzYuMTgwNCAxNzkuMTc0IDc0Ljg4MTkgMTc5LjE3NEM3Mi43MTc3IDE3OS4xNzQgNzAuNTUzNSAxNzkuOTk4IDY4LjgyMjEgMTgwLjgyMkw0My4yODQ0IDE5NC44MjZDNDIuNDE4NyAxOTUuMjM4IDQxLjk4NTggMTk1LjY1IDQxLjEyMDIgMTk1LjY1QzM4Ljk1NTkgMTk1LjY1IDM3LjIyNDYgMTk0LjAwMiAzNy4yMjQ2IDE5MS45NDNDMzcuMjI0NiAxOTEuMTE5IDM3LjY1NzQgMTkwLjI5NSAzNy42NTc0IDE4OS4wNkMzNy42NTc0IDE4OC42NDggNDEuMTIwMiAxNzcuNTI3IDQyLjg1MTUgMTcwLjUyNEM0My4yODQ0IDE2OS43MDEgNDMuMjg0NCAxNjguODc3IDQzLjI4NDQgMTY4LjA1M0M0My43MTcyIDE2NS4xNyA0Mi40MTg3IDE2My4xMSA0MC4yNTQ1IDE2MS44NzUnIGZpbGw9JyNFQkVGRjUnLz48L3N2Zz4=");
    opacity: .5
}

.docfb-tp-step--default {
    margin-bottom: 15px
}

.docfb-tp-step--default .docfb-tp-step__list {
    padding-top: 5px
}

.docfb-tp-step--default .docfb-tp-step__item {
    position: relative;
    margin-bottom: 20px;
    font-size: 0
}

.docfb-tp-step--default .docfb-tp-step__item-num {
    display: inline-block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    padding-top: 1px;
    color: #00a4ff;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    vertical-align: top;
    border: 2px solid #00a4ff;
    border-radius: 50%
}

.docfb-tp-step--default .docfb-tp-step__item-num:after {
    position: absolute;
    top: 23px;
    left: 10px;
    width: 0;
    height: calc(100% - 6px);
    border-left: 1px solid #ddd;
    content: ""
}

.docfb-tp-step--default .docfb-tp-step__item-con {
    display: inline-block;
    width: calc(100% - 33px);
    vertical-align: top
}

.docfb-tp-step--default .docfb-tp-step__item-tit {
    margin-bottom: 8px;
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.docfb-tp-step--default .docfb-tp-step__item-txt {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.docfb-tp-step--default .docfb-tp-step__item-txt a {
    color: #00a4ff;
    text-decoration: none
}

.docfb-tp-step--default .docfb-tp-step__item-txt a:hover {
    text-decoration: underline
}

.docfb-tp-step--default .docfb-tp-step__item-txt em {
    color: #000;
    font-style: normal
}

.docfb-tp-step--default .docfb-tp-step__item:last-child {
    margin-bottom: 0
}

.docfb-tp-step--default .docfb-tp-step__item:last-child .docfb-tp-step__item-num:after {
    display: none
}

.docfb-tp-step--guide {
    margin-bottom: 20px;
    font-size: 0;
    text-align: center
}

.docfb-tp-step--guide .docfb-tp-step__item {
    position: relative;
    display: inline-block;
    margin-right: 56px;
    color: #999
}

.docfb-tp-step--guide .docfb-tp-step__item:after {
    position: absolute;
    top: 6px;
    left: 100%;
    width: 8px;
    height: 12px;
    margin-left: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxMC41OUw0Ljk0NSA2IDAgMS40MSAxLjUyMiAwIDggNmwtNi40NzggNnoiIGZpbGw9IiM3Qzg0OEUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    content: ""
}

.docfb-tp-step--guide .docfb-tp-step__item:last-child {
    margin-right: 0
}

.docfb-tp-step--guide .docfb-tp-step__item:last-child:after {
    display: none
}

.docfb-tp-step--guide .docfb-tp-step__item-num {
    display: inline-block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    color: #7c848e;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #7c848e;
    border-radius: 50%
}

.docfb-tp-step--guide .docfb-tp-step__item-con {
    display: inline-block;
    vertical-align: middle
}

.docfb-tp-step--guide .docfb-tp-step__item-tit {
    font-size: 14px;
    line-height: 24px
}

.docfb-tp-step--guide .docfb-tp-step__item.is-current {
    color: #00a4ff
}

.docfb-tp-step--guide .docfb-tp-step__item.is-current .docfb-tp-step__item-num {
    color: #fff;
    background-color: #00a4ff;
    border: 1px solid #00a4ff
}

.docfb-tp-step--guide .docfb-tp-step__item.is-current:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxMC41OUw0Ljk0NSA2IDAgMS40MSAxLjUyMiAwIDggNmwtNi40NzggNnoiIGZpbGw9IiMwMEE0RkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.docfb-tp-step--guide .docfb-tp-step__item.is-finished {
    color: #00a4ff
}

.docfb-tp-step--guide .docfb-tp-step__item.is-finished .docfb-tp-step__item-num {
    position: relative;
    font-size: 0;
    background-color: #fff;
    border: 1px solid #00a4ff
}

.docfb-tp-step--guide .docfb-tp-step__item.is-finished .docfb-tp-step__item-num:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi42NDkgMTAuMjI1TDEyLjA3OSA0bDEuNTA3IDEuMzE1LTYuODI1IDcuODIzTDIgOC40NjNsMS40MDEtMS40Mjd6Ii8+PC9zdmc+);
    content: ""
}

.docfb-tp-step--guide .docfb-tp-step__item.is-finished:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxMC41OUw0Ljk0NSA2IDAgMS40MSAxLjUyMiAwIDggNmwtNi40NzggNnoiIGZpbGw9IiMwMEE0RkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

@media screen and (max-width:768px) {
    .docfb-tp-step--guide {
        margin-top: 24px;
        margin-bottom: 30px
    }

    .docfb-tp-step--guide .docfb-tp-step__item {
        display: none
    }

    .docfb-tp-step--guide .docfb-tp-step__item.is-current {
        display: block;
        margin-right: 0
    }

    .docfb-tp-step--guide .docfb-tp-step__item-tit {
        color: #333;
        font-size: 20px;
        line-height: 28px
    }

    .docfb-tp-step--guide .docfb-tp-step__item-num {
        width: 20px;
        height: 20px;
        font-size: 14px;
        line-height: 18px
    }

    .docfb-tp-step--guide .docfb-tp-step__item:after {
        display: none
    }
}

.docfb-tp-form {
    display: table
}

.docfb-tp-form-title {
    padding-bottom: 25px;
    font-size: 16px
}

.docfb-tp-form-des {
    margin-top: -20px;
    padding: 0 0 20px;
    color: #4b5b76;
    font-size: 12px
}

.docfb-tp-form__item {
    display: table-row;
    font-size: 14px;
    line-height: 24px
}

.docfb-tp-form__item .docfb-tp-upload-image {
    margin-bottom: 0
}

.docfb-tp-form__item.is-error .docfb-tp-cascader-select-btn,
.docfb-tp-form__item.is-error .docfb-tp-cascader-select:focus .docfb-tp-cascader-select-btn,
.docfb-tp-form__item.is-error .docfb-tp-cascader-select:hover .docfb-tp-cascader-select-btn,
.docfb-tp-form__item.is-error .docfb-tp-dropdown__header,
.docfb-tp-form__item.is-error .docfb-tp-dropdown__header:focus,
.docfb-tp-form__item.is-error .docfb-tp-dropdown__header:hover,
.docfb-tp-form__item.is-error .docfb-tp-input,
.docfb-tp-form__item.is-error .docfb-tp-input--wrap,
.docfb-tp-form__item.is-error .docfb-tp-input--wrap:focus,
.docfb-tp-form__item.is-error .docfb-tp-input--wrap:hover,
.docfb-tp-form__item.is-error .docfb-tp-input:focus,
.docfb-tp-form__item.is-error .docfb-tp-input:hover,
.docfb-tp-form__item.is-error .docfb-tp-select-btn,
.docfb-tp-form__item.is-error .docfb-tp-textarea,
.docfb-tp-form__item.is-error .docfb-tp-textarea:focus,
.docfb-tp-form__item.is-error .docfb-tp-textarea:hover {
    color: #f64041;
    border: 1px solid #f64041
}

.docfb-tp-form__item.is-error .docfb-tp-input--wrap .docfb-tp-input {
    border: none
}

.docfb-tp-form__item.is-error .docfb-tp-dropdown__value,
.docfb-tp-form__item.is-error .docfb-tp-phone-input.is-focus .docfb-tp-phone-input__label,
.docfb-tp-form__item.is-error .docfb-tp-phone-input__label {
    color: #f64041
}

.docfb-tp-form__item.is-error .docfb-tp-cascader-select-btn-caret,
.docfb-tp-form__item.is-error .docfb-tp-dropdown__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgxNnYxNkgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEzLjI5OSA1TDggMTAuMyAyLjcgNWwtLjcuNTk5TDggMTEuNmw1Ljk5OS02LjAwMS0uNy0uNTk5eiIgZmlsbD0iI2U1NDU0NSIvPjwvc3ZnPg==)
}

.docfb-tp-form__item.is-error .docfb-tp-form__item-message {
    color: #f64041
}

.docfb-tp-form__item--airlabel {
    position: relative;
    display: block
}

.docfb-tp-form__item--airlabel .docfb-tp-form__item-label {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    min-width: 0;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    pointer-events: none
}

.docfb-tp-form__item--airlabel .docfb-tp-form__item-controls {
    display: block;
    margin-bottom: 24px;
    padding-bottom: 0
}

.docfb-tp-form__item--airlabel .docfb-tp-input,
.docfb-tp-form__item--airlabel .docfb-tp-input-wrap {
    height: 40px;
    padding: 7px 10px;
    line-height: 24px
}

.docfb-tp-form__item--airlabel-action .docfb-tp-form__item-label,
.docfb-tp-form__item.is-disabled .docfb-tp-form__item-label,
.docfb-tp-form__item.is-focus .docfb-tp-form__item-label,
.docfb-tp-form__item.is-readonly .docfb-tp-form__item-label {
    top: -10px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.docfb-tp-form__item.is-focus .docfb-tp-form__item-label {
    color: #0052d9
}

.docfb-tp-form__item.is-error.docfb-tp-form__item--airlabel .docfb-tp-form__item-label {
    color: #f64041
}

.docfb-tp-form__item.is-required .docfb-tp-form__item-label:after {
    position: absolute;
    display: inline-block;
    margin: 5px 0 0 3px;
    color: #f64041;
    line-height: 1;
    content: "*"
}

.docfb-tp-form__item-controls {
    display: table-cell;
    width: 100%;
    padding-bottom: 24px;
    vertical-align: middle
}

.docfb-tp-form__item-label {
    display: table-cell;
    min-width: 80px;
    padding-top: 6px;
    padding-right: 16px;
    padding-bottom: 30px;
    color: #97a3b7;
    vertical-align: top
}

.docfb-tp-form--vertical,
.docfb-tp-form--vertical .docfb-tp-form__item {
    display: block
}

.docfb-tp-form--vertical .docfb-tp-form__item-controls {
    display: block;
    margin-bottom: 24px;
    padding-bottom: 0
}

.docfb-tp-form--vertical .docfb-tp-form__item-label {
    display: block;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px
}

.docfb-tp-form--vertical .docfb-tp-form__item--airlabel-action .docfb-tp-form__item-label,
.docfb-tp-form--vertical .docfb-tp-form__item.is-disabled .docfb-tp-form__item-label,
.docfb-tp-form--vertical .docfb-tp-form__item.is-focus .docfb-tp-form__item-label,
.docfb-tp-form--vertical .docfb-tp-form__item.is-readonly .docfb-tp-form__item-label {
    padding: 0 4px
}

.docfb-tp-form__item-message {
    margin-top: 4px;
    color: #97a3b7;
    font-size: 12px;
    line-height: 20px
}

.docfb-tp-form__item-message:after {
    display: table;
    clear: both;
    content: ""
}

.docfb-tp-form__item-message-extra {
    float: right;
    margin-left: 10px
}

.docfb-tp-form__action {
    margin-top: 16px;
    padding-top: 16px
}

.docfb-tp-form__action .docfb-tp-btn {
    margin-right: 20px
}

.docfb-tp-form__action .docfb-tp-btn.size-full-width {
    margin-right: 0
}

.docfb-tp-form__action .docfb-tp-btn.size-full-width+.size-full-width {
    margin-top: 24px
}

.docfb-tp-form.is-readonly .docfb-tp-form__item-label {
    min-width: 0;
    padding-top: 0;
    padding-bottom: 12px;
    white-space: nowrap
}

.docfb-tp-form.is-readonly .docfb-tp-form__item-controls {
    padding-bottom: 12px
}

.docfb-tp-form.is-readonly.docfb-tp-form--vertical .docfb-tp-form__item-label {
    padding-right: 0;
    padding-bottom: 5px
}

.docfb-tp-form__item-text {
    color: #333
}

@media screen and (max-width:600px) {
    .docfb-tp-form__item--airlabel .docfb-tp-form__item-label {
        top: 12px
    }

    .docfb-tp-form__item--airlabel .docfb-tp-input,
    .docfb-tp-form__item--airlabel .docfb-tp-input-wrap {
        height: 48px;
        line-height: 46px
    }

    .docfb-tp-form__item--airlabel-action .docfb-tp-form__item-label,
    .docfb-tp-form__item.is-disabled .docfb-tp-form__item-label,
    .docfb-tp-form__item.is-focus .docfb-tp-form__item-label,
    .docfb-tp-form__item.is-readonly .docfb-tp-form__item-label {
        top: -10px
    }
}

.docfb-tp-checkbox {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNLjUuNWgxNXYxNUguNXoiLz48cGF0aCBkPSJNMTUgMXYxNEgxVjFoMTR6bTEtMUgwdjE2aDE2VjB6IiBmaWxsPSIjREREIi8+PC9nPjwvc3ZnPg==);
    outline: none;
    cursor: pointer;
    -webkit-appearance: none
}

.docfb-tp-checkbox__label {
    position: relative;
    display: inline-block;
    min-width: 16px;
    min-height: 24px;
    margin-right: 20px;
    color: #181818;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer
}

.docfb-tp-checkbox__label--block {
    display: block;
    margin-bottom: 12px
}

.docfb-tp-checkbox__label--block:last-child {
    margin-bottom: 0
}

.docfb-tp-checkbox__label .docfb-tp-checkbox {
    position: absolute;
    top: 5px;
    left: 0
}

.docfb-tp-checkbox__text {
    display: inline-block;
    padding-left: 24px;
    vertical-align: middle
}

.docfb-tp-checkbox:focus,
.docfb-tp-checkbox:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNLjUuNWgxNXYxNUguNXoiLz48cGF0aCBkPSJNMTUgMXYxNEgxVjFoMTR6bTEtMUgwdjE2aDE2VjB6IiBmaWxsPSIjREREIi8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-checkbox:checked,
.docfb-tp-checkbox:checked:focus,
.docfb-tp-checkbox:checked:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjMDBBNEZGIiBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEzLjggNS40TDEyLjUgNGwtNiA2LjMtMi40LTIuNS0xLjMgMS40IDIuNCAyLjRMNi41IDEzbDEuMy0xLjR6Ii8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-checkbox[disabled] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRjdGOEZBIiBkPSJNLjUuNWgxNXYxNUguNXoiLz48cGF0aCBkPSJNMTUgMXYxNEgxVjFoMTR6bTEtMUgwdjE2aDE2VjB6IiBmaWxsPSIjREREIi8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-checkbox[disabled]:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRjdGOEZBIiBkPSJNLjUuNWgxNXYxNUguNXoiLz48cGF0aCBkPSJNMTUgMXYxNEgxVjFoMTR6bTEtMUgwdjE2aDE2VjB6IiBmaWxsPSIjREREIi8+PHBhdGggZmlsbD0iI0RERCIgZD0iTTEzLjggNS40TDEyLjUgNGwtNiA2LjMtMi40LTIuNS0xLjMgMS40IDIuNCAyLjRMNi41IDEzbDEuMy0xLjR6Ii8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-checkbox[disabled],
.docfb-tp-checkbox[disabled]+.docfb-tp-checkbox__text {
    color: #999;
    cursor: not-allowed
}

.docfb-tp-loading {
    text-align: center
}

.docfb-tp-loading__dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-left: 4px;
    text-align: center;
    vertical-align: middle;
    background-color: #0052d9;
    border-radius: 100%;
    -webkit-animation: loadinganimationdelay .7s ease-in-out infinite both;
    animation: loadingAnimationDelay .7s ease-in-out infinite both
}

.docfb-tp-loading__dot:first-child {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.docfb-tp-loading__dot:nth-child(2) {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.docfb-tp-loading--white .docfb-tp-loading__dot {
    background-color: #fff
}

.docfb-tp-loading.size-s .docfb-tp-loading__dot {
    width: 8px;
    height: 8px;
    margin-right: 1px;
    margin-left: 1px
}

@-webkit-keyframes loadingAnimationDelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .4
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes loadingAnimationDelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .4
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.docfb-tp-icon {
    width: 1em;
    height: 1em;
    font-size: 16px;
    line-height: 1
}

.docfb-tp-icon--error-24,
.docfb-tp-icon--info-24,
.docfb-tp-icon--pending-24,
.docfb-tp-icon--success-24,
.docfb-tp-icon--warning-24 {
    font-size: 24px
}

.docfb-tp-icon--loading-32 {
    font-size: 32px
}

.docfb-tp-icon--loading,
.docfb-tp-icon--loading-32 {
    -webkit-animation: docfb-tp-iconloading 2s linear infinite;
    animation: docfb-tp-iconloading 2s linear infinite
}

.docfb-tp-icon.size-auto {
    width: 100%;
    height: auto
}

@-webkit-keyframes docfb-tp-iconloading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes docfb-tp-iconloading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.docfb-tp-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 104px;
    height: 36px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #0052d9;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer
}

.docfb-tp-btn:active,
.docfb-tp-btn:hover {
    background-color: #2670e8;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.docfb-tp-btn.is-disabled {
    cursor: default
}

.docfb-tp-btn.is-disabled,
.docfb-tp-btn.is-disabled:active,
.docfb-tp-btn.is-disabled:hover {
    color: #97a3b7;
    background-color: #ddd;
    border-color: #ddd
}

.docfb-tp-btn--pay {
    background-color: #ff7200
}

.docfb-tp-btn--pay:active,
.docfb-tp-btn--pay:hover {
    background-color: #f06c00
}

.docfb-tp-btn--pay.is-loading:active,
.docfb-tp-btn--pay.is-loading:hover {
    background-color: #ff7200
}

.docfb-tp-btn--pay .docfb-tp-loading__dot {
    background-color: #fff
}

.docfb-tp-btn--hole {
    color: #0052d9;
    background-color: transparent;
    border-color: #0052d9
}

.docfb-tp-btn--hole:active,
.docfb-tp-btn--hole:hover {
    color: #0052d9;
    background-color: rgba(0, 82, 217, .15)
}

.docfb-tp-btn--hole.is-loading:active,
.docfb-tp-btn--hole.is-loading:hover,
.docfb-tp-btn--weak-hole {
    background-color: transparent
}

.docfb-tp-btn--weak-hole {
    color: #4b5b76;
    border-color: #ddd
}

.docfb-tp-btn--weak-hole:active,
.docfb-tp-btn--weak-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #97a3b7
}

.docfb-tp-btn--weak-hole.is-loading:active,
.docfb-tp-btn--weak-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.docfb-tp-btn--white-hole {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.docfb-tp-btn--white-hole:active,
.docfb-tp-btn--white-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.docfb-tp-btn--white-hole.is-loading:active,
.docfb-tp-btn--white-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.docfb-tp-btn--link {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #0052d9;
    background-color: transparent;
    border: none
}

.docfb-tp-btn--link:active,
.docfb-tp-btn--link:hover {
    color: #2670e8;
    background-color: transparent
}

.docfb-tp-btn--link.is-disabled {
    background-color: transparent
}

.docfb-tp-btn--link.is-disabled:active,
.docfb-tp-btn--link.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.docfb-tp-btn--link-weak {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #4b5b76;
    background-color: transparent;
    border: none
}

.docfb-tp-btn--link-weak:active,
.docfb-tp-btn--link-weak:hover {
    color: #000;
    background-color: transparent
}

.docfb-tp-btn--link-weak.is-disabled {
    background-color: transparent
}

.docfb-tp-btn--link-weak.is-disabled:active,
.docfb-tp-btn--link-weak.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.docfb-tp-btn--icon {
    display: -webkit-inline-box;
    display: inline-flex
}

.docfb-tp-btn--icon,
.docfb-tp-btn .docfb-tp-btn__icon {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.docfb-tp-btn .docfb-tp-btn__icon {
    display: -webkit-box;
    display: flex;
    margin-right: 4px;
    font-size: 16px
}

.docfb-tp-btn .docfb-tp-btn__icon:last-child {
    margin-right: 0;
    margin-left: 4px
}

.docfb-tp-btn .docfb-tp-btn__icon:only-child {
    margin-right: 0;
    margin-left: 0
}

.docfb-tp-btn .docfb-tp-btn__icon svg {
    width: 1em;
    height: auto
}

.docfb-tp-btn.size-xs {
    min-width: 80px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px
}

.docfb-tp-btn.size-s {
    min-width: 104px;
    height: 32px;
    padding: 0 24px;
    line-height: 30px
}

.docfb-tp-btn.size-l {
    min-width: 152px;
    height: 40px;
    padding: 0 24px;
    line-height: 38px
}

.docfb-tp-btn.size-xl {
    height: 44px;
    line-height: 42px
}

.docfb-tp-btn.size-xl,
.docfb-tp-btn.size-xxl {
    min-width: 176px;
    padding: 0 24px;
    font-size: 16px
}

.docfb-tp-btn.size-xxl {
    height: 48px;
    line-height: 46px
}

.docfb-tp-btn--link-weak.size-auto,
.docfb-tp-btn--link.size-auto {
    width: auto;
    min-width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.docfb-tp-btn.size-auto-width {
    min-width: 0
}

.docfb-tp-btn.size-full-width {
    display: block;
    width: 100%;
    min-width: 0
}

.docfb-tp-btn--icon.size-full-width {
    display: -webkit-box;
    display: flex
}

.docfb-tp-btn--link-weak[class*=" size-"],
.docfb-tp-btn--link-weak[class^=size-],
.docfb-tp-btn--link[class*=" size-"],
.docfb-tp-btn--link[class^=size-] {
    min-width: auto;
    padding-right: 0;
    padding-left: 0
}

.docfb-tp-btn.is-loading {
    cursor: default
}

.docfb-tp-btn--primary.is-loading:active,
.docfb-tp-btn--primary.is-loading:hover {
    background-color: #0052d9
}

.docfb-tp-btn--primary .docfb-tp-loading__dot {
    background-color: #fff
}

.docfb-tp-btn__text {
    color: inherit
}

@media screen and (max-width:600px) {
    .docfb-tp-btn {
        min-width: 88px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 34px
    }

    .docfb-tp-btn.m-size-s {
        min-width: 66px;
        height: 32px;
        padding: 0 18px;
        line-height: 30px
    }

    .docfb-tp-btn.m-size-xl {
        min-width: 160px;
        height: 44px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 42px
    }

    .docfb-tp-btn.m-size-xxl {
        width: 100%;
        min-width: auto;
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 46px
    }

    .docfb-tp-btn--link,
    .docfb-tp-btn--link-weak,
    .docfb-tp-btn--link-weak[class*=" m-size-"],
    .docfb-tp-btn--link-weak[class^=m-size-],
    .docfb-tp-btn--link[class*=" m-size-"],
    .docfb-tp-btn--link[class^=m-size-] {
        min-width: auto;
        padding-right: 0;
        padding-left: 0
    }
}

/*
!!!不可直接使用 $prefix 变量，需通过 getprefixcls 获取。
若要使用 $prefix 变量，可通过以下方式获取
$_prefix: getprefixcls();
*/
.docfb-tp-text {
    color: #181818
}

.docfb-tp-text--primary {
    color: #000
}

.docfb-tp-text--weak {
    color: #4b5b76
}

.docfb-tp-text--weaker {
    color: #97a3b7
}

.docfb-tp-text--error {
    color: #f64041
}

.docfb-tp-text--warning {
    color: #f0b64b
}

.docfb-tp-text--success {
    color: #0abf5b
}

.docfb-tp-text--deal {
    color: #ff7200
}

.docfb-tp-input,
.docfb-tp-textarea {
    width: 400px;
    max-width: 100%;
    height: 36px;
    padding: 5px 10px;
    color: #000;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    background-color: #fff;
    border: 1px solid #e3e6eb;
    border-radius: 0;
    -webkit-appearance: none
}

.docfb-tp-input::-moz-placeholder,
.docfb-tp-textarea::-moz-placeholder {
    color: #98a3b7;
    opacity: 1
}

.docfb-tp-input:-ms-input-placeholder,
.docfb-tp-textarea:-ms-input-placeholder {
    color: #98a3b7
}

.docfb-tp-input::-webkit-input-placeholder,
.docfb-tp-textarea::-webkit-input-placeholder {
    color: #98a3b7
}

.docfb-tp-input:hover,
.docfb-tp-textarea:hover {
    border-color: #0052d9
}

.docfb-tp-input:focus,
.docfb-tp-textarea:focus {
    border-color: #0052d9;
    outline: none
}

.docfb-tp-input.is-disabled,
.docfb-tp-input.is-disabled:focus,
.docfb-tp-input.is-disabled:hover,
.docfb-tp-input:disabled,
.docfb-tp-input:disabled:focus,
.docfb-tp-input:disabled:hover,
.docfb-tp-textarea.is-disabled,
.docfb-tp-textarea.is-disabled:focus,
.docfb-tp-textarea.is-disabled:hover,
.docfb-tp-textarea:disabled,
.docfb-tp-textarea:disabled:focus,
.docfb-tp-textarea:disabled:hover {
    color: #98a3b7;
    background-color: #f5f7fa;
    border-color: #ddd;
    cursor: not-allowed
}

.docfb-tp-input.is-readonly,
.docfb-tp-input.is-readonly:focus,
.docfb-tp-input.is-readonly:hover,
.docfb-tp-input:-moz-read-only,
.docfb-tp-input:-moz-read-only:focus,
.docfb-tp-input:-moz-read-only:hover,
.docfb-tp-textarea.is-readonly,
.docfb-tp-textarea.is-readonly:focus,
.docfb-tp-textarea.is-readonly:hover,
.docfb-tp-textarea:-moz-read-only,
.docfb-tp-textarea:-moz-read-only:focus,
.docfb-tp-textarea:-moz-read-only:hover {
    color: #000;
    background-color: #f5f7fa;
    border-color: #ddd;
    cursor: default
}

.docfb-tp-input.is-readonly,
.docfb-tp-input.is-readonly:focus,
.docfb-tp-input.is-readonly:hover,
.docfb-tp-input:read-only,
.docfb-tp-input:read-only:focus,
.docfb-tp-input:read-only:hover,
.docfb-tp-textarea.is-readonly,
.docfb-tp-textarea.is-readonly:focus,
.docfb-tp-textarea.is-readonly:hover,
.docfb-tp-textarea:read-only,
.docfb-tp-textarea:read-only:focus,
.docfb-tp-textarea:read-only:hover {
    color: #000;
    background-color: #f5f7fa;
    border-color: #ddd;
    cursor: default
}

.docfb-tp-input.is-error,
.docfb-tp-input.is-error:focus,
.docfb-tp-input.is-error:hover,
.docfb-tp-textarea.is-error,
.docfb-tp-textarea.is-error:focus,
.docfb-tp-textarea.is-error:hover {
    color: #f64041;
    border-color: #f64041
}

.docfb-tp-input.size-l,
.docfb-tp-textarea.size-l {
    height: 40px;
    padding: 7px 10px;
    line-height: 24px
}

.docfb-tp-input.size-s,
.docfb-tp-textarea.size-s {
    height: 32px;
    padding: 3px 10px;
    line-height: 24px
}

.docfb-tp-input.size-full-width,
.docfb-tp-textarea.size-full-width {
    width: 100%
}

@media screen and (max-width:600px) {

    .docfb-tp-input.m-size-xxl,
    .docfb-tp-textarea.m-size-xxl {
        height: 48px;
        padding: 11px 10px;
        line-height: 24px
    }
}

.docfb-tp-input--group {
    display: table;
    width: 100%;
    background-color: #f5f7fa
}

.docfb-tp-input--group__text {
    display: table-cell;
    width: 1%;
    color: #333;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap
}

.docfb-tp-input--group__text>span {
    display: block;
    padding: 0 10px;
    border: 1px solid #e3e6eb
}

.docfb-tp-input--group__text:first-child>span {
    border-right: none
}

.docfb-tp-input--group__text:last-child>span {
    border-left: none
}

.docfb-tp-input--group__cell {
    display: table-cell
}

.docfb-tp-input--group .docfb-tp-input {
    width: 100%
}

.docfb-tp-input--group.size-l .docfb-tp-input--group__text {
    line-height: 38px
}

.docfb-tp-input--group.size-l .docfb-tp-input {
    height: 40px;
    padding: 7px 10px;
    line-height: 24px
}

.docfb-tp-input--group.size-s .docfb-tp-input--group__text {
    line-height: 30px
}

.docfb-tp-input--group.size-s .docfb-tp-input {
    height: 32px;
    padding: 3px 10px;
    line-height: 24px
}

@media screen and (max-width:600px) {
    .docfb-tp-input--group.m-size-xxl .docfb-tp-input--group__text {
        line-height: 46px
    }

    .docfb-tp-input--group.m-size-xxl .docfb-tp-input {
        height: 48px;
        padding: 11px 10px;
        line-height: 24px
    }
}

.docfb-tp-input--wrap {
    display: -webkit-inline-box;
    display: inline-flex;
    width: 400px;
    max-width: 100%;
    height: 36px;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #e3e6eb
}

.docfb-tp-input--wrap__prefix,
.docfb-tp-input--wrap__suffix {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-left: 12px
}

.docfb-tp-input--wrap__suffix {
    padding-right: 12px;
    padding-left: 0
}

.docfb-tp-input--wrap .docfb-tp-input {
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    line-height: inherit;
    background: transparent;
    border: none
}

.docfb-tp-input--wrap:hover {
    border-color: #0052d9
}

.docfb-tp-input--wrap.is-focus {
    border-color: #0052d9;
    outline: none
}

.docfb-tp-input--wrap.is-disabled,
.docfb-tp-input--wrap.is-disabled:focus,
.docfb-tp-input--wrap.is-disabled:hover {
    color: #98a3b7;
    background-color: #f5f7fa;
    border-color: #ddd;
    cursor: not-allowed
}

.docfb-tp-input--wrap.is-readonly,
.docfb-tp-input--wrap.is-readonly:focus,
.docfb-tp-input--wrap.is-readonly:hover {
    color: #000;
    background-color: #f5f7fa;
    border-color: #ddd;
    cursor: default
}

.docfb-tp-input--wrap.is-error,
.docfb-tp-input--wrap.is-error:focus,
.docfb-tp-input--wrap.is-error:hover {
    color: #f64041;
    border-color: #f64041
}

.docfb-tp-input--wrap.size-full-width {
    width: 100%
}

.docfb-tp-input--wrap.size-l {
    height: 40px;
    line-height: 24px
}

.docfb-tp-input--wrap.size-s {
    height: 32px;
    line-height: 24px
}

@media screen and (max-width:600px) {
    .docfb-tp-input--wrap.m-size-xxl {
        height: 48px;
        line-height: 24px
    }
}

.docfb-tp-input__icon {
    position: absolute;
    top: 50%;
    right: 13px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-repeat: no-repeat
}

.docfb-tp-input__icon.datepicker {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDJ2MTRIMFYyaDE2em0tMiA2SDJ2NmgxMlY4em0tMiAydjJINHYtMmg4em0yLTZIMnYyaDEyVjR6TTYgMHYySDRWMGgyem02IDB2MmgtMlYwaDJ6IiBmaWxsPSIjN0M4NDhFIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=)
}

.docfb-tp-textarea,
.docfb-tp-textarea.size-l,
.docfb-tp-textarea.size-s {
    height: auto
}

@media screen and (max-width:600px) {
    .docfb-tp-textarea.m-size-xxl {
        height: auto
    }
}

.docfb-tp-grid__layout {
    overflow: hidden
}

.docfb-tp-grid__row {
    display: -webkit-box;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.docfb-tp-grid__row--start {
    -webkit-box-pack: start;
    justify-content: flex-start
}

.docfb-tp-grid__row--center {
    -webkit-box-pack: center;
    justify-content: center
}

.docfb-tp-grid__row--end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.docfb-tp-grid__row--space-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.docfb-tp-grid__row--space-around {
    justify-content: space-around
}

.docfb-tp-grid__row--top {
    -webkit-box-align: start;
    align-items: flex-start
}

.docfb-tp-grid__row--middle {
    -webkit-box-align: center;
    align-items: center
}

.docfb-tp-grid__row--bottom {
    -webkit-box-align: end;
    align-items: flex-end
}

.docfb-tp-grid__row--split-line .docfb-tp-grid__col {
    position: relative
}

.docfb-tp-grid__row--split-line .docfb-tp-grid__col:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1px;
    background-color: #e5e8ed;
    content: ""
}

.docfb-tp-grid__col {
    display: block;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
    -webkit-box-flex: 1
}

.docfb-tp-grid__col--1-5 {
    display: block;
    flex: 0 0 auto;
    width: 20%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--0 {
    display: none
}

.docfb-tp-grid__col--order-0 {
    -webkit-box-ordinal-group: 1;
    order: 0
}

.docfb-tp-grid__col--1 {
    display: block;
    flex: 0 0 auto;
    width: 4.16667%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-1 {
    -webkit-box-ordinal-group: 2;
    order: 1
}

.docfb-tp-grid__col--2 {
    display: block;
    flex: 0 0 auto;
    width: 8.33333%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-2 {
    -webkit-box-ordinal-group: 3;
    order: 2
}

.docfb-tp-grid__col--3 {
    display: block;
    flex: 0 0 auto;
    width: 12.5%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-3 {
    -webkit-box-ordinal-group: 4;
    order: 3
}

.docfb-tp-grid__col--4 {
    display: block;
    flex: 0 0 auto;
    width: 16.66667%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-4 {
    -webkit-box-ordinal-group: 5;
    order: 4
}

.docfb-tp-grid__col--5 {
    display: block;
    flex: 0 0 auto;
    width: 20.83333%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-5 {
    -webkit-box-ordinal-group: 6;
    order: 5
}

.docfb-tp-grid__col--6 {
    display: block;
    flex: 0 0 auto;
    width: 25%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-6 {
    -webkit-box-ordinal-group: 7;
    order: 6
}

.docfb-tp-grid__col--7 {
    display: block;
    flex: 0 0 auto;
    width: 29.16667%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-7 {
    -webkit-box-ordinal-group: 8;
    order: 7
}

.docfb-tp-grid__col--8 {
    display: block;
    flex: 0 0 auto;
    width: 33.33333%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-8 {
    -webkit-box-ordinal-group: 9;
    order: 8
}

.docfb-tp-grid__col--9 {
    display: block;
    flex: 0 0 auto;
    width: 37.5%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-9 {
    -webkit-box-ordinal-group: 10;
    order: 9
}

.docfb-tp-grid__col--10 {
    display: block;
    flex: 0 0 auto;
    width: 41.66667%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-10 {
    -webkit-box-ordinal-group: 11;
    order: 10
}

.docfb-tp-grid__col--11 {
    display: block;
    flex: 0 0 auto;
    width: 45.83333%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-11 {
    -webkit-box-ordinal-group: 12;
    order: 11
}

.docfb-tp-grid__col--12 {
    display: block;
    flex: 0 0 auto;
    width: 50%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-12 {
    -webkit-box-ordinal-group: 13;
    order: 12
}

.docfb-tp-grid__col--13 {
    display: block;
    flex: 0 0 auto;
    width: 54.16667%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-13 {
    -webkit-box-ordinal-group: 14;
    order: 13
}

.docfb-tp-grid__col--14 {
    display: block;
    flex: 0 0 auto;
    width: 58.33333%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-14 {
    -webkit-box-ordinal-group: 15;
    order: 14
}

.docfb-tp-grid__col--15 {
    display: block;
    flex: 0 0 auto;
    width: 62.5%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-15 {
    -webkit-box-ordinal-group: 16;
    order: 15
}

.docfb-tp-grid__col--16 {
    display: block;
    flex: 0 0 auto;
    width: 66.66667%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-16 {
    -webkit-box-ordinal-group: 17;
    order: 16
}

.docfb-tp-grid__col--17 {
    display: block;
    flex: 0 0 auto;
    width: 70.83333%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-17 {
    -webkit-box-ordinal-group: 18;
    order: 17
}

.docfb-tp-grid__col--18 {
    display: block;
    flex: 0 0 auto;
    width: 75%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-18 {
    -webkit-box-ordinal-group: 19;
    order: 18
}

.docfb-tp-grid__col--19 {
    display: block;
    flex: 0 0 auto;
    width: 79.16667%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-19 {
    -webkit-box-ordinal-group: 20;
    order: 19
}

.docfb-tp-grid__col--20 {
    display: block;
    flex: 0 0 auto;
    width: 83.33333%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-20 {
    -webkit-box-ordinal-group: 21;
    order: 20
}

.docfb-tp-grid__col--21 {
    display: block;
    flex: 0 0 auto;
    width: 87.5%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-21 {
    -webkit-box-ordinal-group: 22;
    order: 21
}

.docfb-tp-grid__col--22 {
    display: block;
    flex: 0 0 auto;
    width: 91.66667%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-22 {
    -webkit-box-ordinal-group: 23;
    order: 22
}

.docfb-tp-grid__col--23 {
    display: block;
    flex: 0 0 auto;
    width: 95.83333%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-23 {
    -webkit-box-ordinal-group: 24;
    order: 23
}

.docfb-tp-grid__col--24 {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    -webkit-box-flex: 0
}

.docfb-tp-grid__col--order-24 {
    -webkit-box-ordinal-group: 25;
    order: 24
}

@media (max-width:1200px) {
    .docfb-tp-grid__col--smallpc-1-5 {
        display: block;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-0 {
        display: none
    }

    .docfb-tp-grid__col--smallpc-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .docfb-tp-grid__col--smallpc-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .docfb-tp-grid__col--smallpc-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .docfb-tp-grid__col--smallpc-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .docfb-tp-grid__col--smallpc-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .docfb-tp-grid__col--smallpc-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .docfb-tp-grid__col--smallpc-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .docfb-tp-grid__col--smallpc-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .docfb-tp-grid__col--smallpc-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .docfb-tp-grid__col--smallpc-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .docfb-tp-grid__col--smallpc-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .docfb-tp-grid__col--smallpc-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .docfb-tp-grid__col--smallpc-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .docfb-tp-grid__col--smallpc-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .docfb-tp-grid__col--smallpc-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .docfb-tp-grid__col--smallpc-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .docfb-tp-grid__col--smallpc-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .docfb-tp-grid__col--smallpc-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .docfb-tp-grid__col--smallpc-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .docfb-tp-grid__col--smallpc-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .docfb-tp-grid__col--smallpc-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .docfb-tp-grid__col--smallpc-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .docfb-tp-grid__col--smallpc-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .docfb-tp-grid__col--smallpc-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .docfb-tp-grid__col--smallpc-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--smallpc-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width:1000px) {
    .docfb-tp-grid__col--tablet-1-5 {
        display: block;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-0 {
        display: none
    }

    .docfb-tp-grid__col--tablet-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .docfb-tp-grid__col--tablet-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .docfb-tp-grid__col--tablet-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .docfb-tp-grid__col--tablet-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .docfb-tp-grid__col--tablet-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .docfb-tp-grid__col--tablet-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .docfb-tp-grid__col--tablet-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .docfb-tp-grid__col--tablet-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .docfb-tp-grid__col--tablet-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .docfb-tp-grid__col--tablet-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .docfb-tp-grid__col--tablet-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .docfb-tp-grid__col--tablet-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .docfb-tp-grid__col--tablet-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .docfb-tp-grid__col--tablet-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .docfb-tp-grid__col--tablet-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .docfb-tp-grid__col--tablet-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .docfb-tp-grid__col--tablet-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .docfb-tp-grid__col--tablet-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .docfb-tp-grid__col--tablet-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .docfb-tp-grid__col--tablet-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .docfb-tp-grid__col--tablet-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .docfb-tp-grid__col--tablet-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .docfb-tp-grid__col--tablet-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .docfb-tp-grid__col--tablet-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .docfb-tp-grid__col--tablet-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--tablet-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width:768px) {
    .docfb-tp-grid__col--pad-1-5 {
        display: block;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-0 {
        display: none
    }

    .docfb-tp-grid__col--pad-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .docfb-tp-grid__col--pad-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .docfb-tp-grid__col--pad-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .docfb-tp-grid__col--pad-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .docfb-tp-grid__col--pad-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .docfb-tp-grid__col--pad-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .docfb-tp-grid__col--pad-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .docfb-tp-grid__col--pad-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .docfb-tp-grid__col--pad-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .docfb-tp-grid__col--pad-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .docfb-tp-grid__col--pad-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .docfb-tp-grid__col--pad-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .docfb-tp-grid__col--pad-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .docfb-tp-grid__col--pad-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .docfb-tp-grid__col--pad-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .docfb-tp-grid__col--pad-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .docfb-tp-grid__col--pad-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .docfb-tp-grid__col--pad-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .docfb-tp-grid__col--pad-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .docfb-tp-grid__col--pad-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .docfb-tp-grid__col--pad-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .docfb-tp-grid__col--pad-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .docfb-tp-grid__col--pad-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .docfb-tp-grid__col--pad-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .docfb-tp-grid__col--pad-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--pad-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width:600px) {
    .docfb-tp-grid__col--phone-1-5 {
        display: block;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-0 {
        display: none
    }

    .docfb-tp-grid__col--phone-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .docfb-tp-grid__col--phone-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .docfb-tp-grid__col--phone-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .docfb-tp-grid__col--phone-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .docfb-tp-grid__col--phone-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .docfb-tp-grid__col--phone-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .docfb-tp-grid__col--phone-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .docfb-tp-grid__col--phone-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .docfb-tp-grid__col--phone-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .docfb-tp-grid__col--phone-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .docfb-tp-grid__col--phone-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .docfb-tp-grid__col--phone-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .docfb-tp-grid__col--phone-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .docfb-tp-grid__col--phone-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .docfb-tp-grid__col--phone-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .docfb-tp-grid__col--phone-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .docfb-tp-grid__col--phone-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .docfb-tp-grid__col--phone-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .docfb-tp-grid__col--phone-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .docfb-tp-grid__col--phone-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.16667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .docfb-tp-grid__col--phone-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.33333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .docfb-tp-grid__col--phone-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .docfb-tp-grid__col--phone-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.66667%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .docfb-tp-grid__col--phone-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.83333%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .docfb-tp-grid__col--phone-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .docfb-tp-grid__col--phone-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-0n {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-0n .docfb-tp-grid__col {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-1n {
    margin-right: -2px;
    margin-bottom: -4px;
    margin-left: -2px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-1n .docfb-tp-grid__col {
    margin-bottom: 4px;
    padding-right: 2px;
    padding-left: 2px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-2n {
    margin-right: -4px;
    margin-bottom: -8px;
    margin-left: -4px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-2n .docfb-tp-grid__col {
    margin-bottom: 8px;
    padding-right: 4px;
    padding-left: 4px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-3n {
    margin-right: -6px;
    margin-bottom: -12px;
    margin-left: -6px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-3n .docfb-tp-grid__col {
    margin-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-4n {
    margin-right: -8px;
    margin-bottom: -16px;
    margin-left: -8px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-4n .docfb-tp-grid__col {
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-5n {
    margin-right: -10px;
    margin-bottom: -20px;
    margin-left: -10px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-5n .docfb-tp-grid__col {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-6n {
    margin-right: -12px;
    margin-bottom: -24px;
    margin-left: -12px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-6n .docfb-tp-grid__col {
    margin-bottom: 24px;
    padding-right: 12px;
    padding-left: 12px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-7n {
    margin-right: -14px;
    margin-bottom: -28px;
    margin-left: -14px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-7n .docfb-tp-grid__col {
    margin-bottom: 28px;
    padding-right: 14px;
    padding-left: 14px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-8n {
    margin-right: -16px;
    margin-bottom: -32px;
    margin-left: -16px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-8n .docfb-tp-grid__col {
    margin-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-9n {
    margin-right: -18px;
    margin-bottom: -36px;
    margin-left: -18px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-9n .docfb-tp-grid__col {
    margin-bottom: 36px;
    padding-right: 18px;
    padding-left: 18px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-10n {
    margin-right: -20px;
    margin-bottom: -40px;
    margin-left: -20px
}

.docfb-tp-grid__row.docfb-tp-grid--gutter-10n .docfb-tp-grid__col {
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px
}

@media (max-width:1200px) {
    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-0n {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-0n .docfb-tp-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-1n .docfb-tp-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-2n .docfb-tp-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-3n .docfb-tp-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-4n .docfb-tp-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-5n .docfb-tp-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-6n .docfb-tp-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-7n .docfb-tp-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-8n .docfb-tp-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-9n .docfb-tp-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-smallpc-10n .docfb-tp-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width:1000px) {
    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-0n {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-0n .docfb-tp-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-1n .docfb-tp-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-2n .docfb-tp-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-3n .docfb-tp-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-4n .docfb-tp-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-5n .docfb-tp-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-6n .docfb-tp-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-7n .docfb-tp-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-8n .docfb-tp-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-9n .docfb-tp-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-tablet-10n .docfb-tp-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width:768px) {
    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-0n {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-0n .docfb-tp-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-1n .docfb-tp-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-2n .docfb-tp-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-3n .docfb-tp-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-4n .docfb-tp-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-5n .docfb-tp-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-6n .docfb-tp-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-7n .docfb-tp-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-8n .docfb-tp-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-9n .docfb-tp-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-pad-10n .docfb-tp-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width:600px) {
    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-0n {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-0n .docfb-tp-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-1n .docfb-tp-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-2n .docfb-tp-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-3n .docfb-tp-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-4n .docfb-tp-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-5n .docfb-tp-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-6n .docfb-tp-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-7n .docfb-tp-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-8n .docfb-tp-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-9n .docfb-tp-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .docfb-tp-grid__row.docfb-tp-grid--gutter-phone-10n .docfb-tp-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.docfb-thumbnail__item {
    position: relative;
    padding-top: 76.2887%;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 5px;
    cursor: pointer
}

.docfb-thumbnail__item.is-border {
    padding-top: calc(76.2887% - 2px);
    border: 1px solid #d6dbe3
}

.docfb-thumbnail__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-thumbnail__image,
.docfb-thumbnail__info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.docfb-thumbnail__info {
    padding: 4px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.docfb-thumbnail__info-icon {
    margin: 0 auto;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.docfb-thumbnail__info-icon .docfb-icon {
    display: block
}

.docfb-thumbnail__info-icon .docfb-icon-sign {
    width: 24px;
    height: 24px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTP///////////////////////////////////////////////////////////0Q+7AIAAAAPdFJOUwALg9hnIUq2v/Gt/ZVaNbStJDAAAAIHSURBVFjD7dc9LwRBGAfwRzgUyCYKpbcInYgQBSKCehUqzRUUKjREJZFoKETEJgqRo5OIeIngJHcXH8D5Atw3EC+RO4PH7rPjYm/tzjyVwv2bmWzml9udeXZuFpDyCHDotC8A9XTBgDJqZwDWqPMKMkVQBAGgk9IBcO20fQC1dMGAamqTAHvU6Yb/nC3KesiIBRph+dYhMEELVwR/CuKUoxCwSiPO/vX70ERpDBkxSCNalOswwl249hQXnJhMICwuiDfwAOK5yQRxiwncm2IAxKzJBGj5wBBlIAhgCiZoxLCyyCR4NnWrUoKExQSIDVyQ9d7UGMUMAei9KcW02hGJFA/YM5VhAnHKBJiIMYF4jvIA4jEX4DIX5KJMIN4NHkDsLzhgKYEY0Cy+fN4MJoh3MYG4SPMA4qXBBMKeqXnKLECr084B1NEF41fgzFTgQdcPcj37+wfaYGP3zgg/SnvKe2kSlGdvD4gCD2AHFxxzQc7QBituk9QF25EEtZ+awK7oRXcv0wM5uzwfCvbwUOC8AJXuiE3f7k3tKECEOlStWWduyuWmr/P/EPtxEhBpNXh3O/e+xQ4Ccu5LXfCkBPIH5BcgYlQFvhe3ZMd9iHUFaMv3blxwpQC3+d64rwAVqdJ8iHwiXCCXDjPaYLqgYJWpIPChD2qcl0gkGQf0Ke8+oE5JM/bKR/4CjqEgh0bYAI0AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-thumbnail__info-text {
    margin-top: 4px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.docfb-thumbnail__close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPueUu+advzwvdGl0bGU+PGcgaWQ9J+eUu+advycgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBvbHlnb24gaWQ9J+i3r+W+hCcgZmlsbD0nI0ZGRkZGRicgZmlsbC1ydWxlPSdub256ZXJvJyBwb2ludHM9JzcuOTk5OTkgOC44NjE3NiAxMC44ODM2OCAxMS43NDUzOSAxMS43NDU0OCAxMC44ODM1OSA4Ljg2MTc3IDcuOTk5OTcgMTEuNzQ1NDggNS4xMTYzMiAxMC44ODM2OCA0LjI1NDUzIDcuOTk5OTkgNy4xMzgxOSA1LjExNjMgNC4yNTQ1MSA0LjI1NDUyIDUuMTE2MjkgNy4xMzgyIDcuOTk5OTcgNC4yNTQ1MiAxMC44ODM2OSA1LjExNjMgMTEuNzQ1NDknPjwvcG9seWdvbj48L2c+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #d6dbe3;
    border: none;
    border-radius: 0 3px 0 4px;
    cursor: pointer;
    outline: none
}

.docfb-thumbnail__status {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #f1f2f5;
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.docfb-thumbnail__status .docfb-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-thumbnail__status .docfb-icon-add {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPueUu+advzwvdGl0bGU+PGcgaWQ9J+eUu+advycgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PGcgaWQ9J+WinuWKoCcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMy4wMDAwMDAsIDMuMDAwMDAwKScgZmlsbD0nI0Q2REJFMyc+PHBvbHlnb24gaWQ9J+i3r+W+hCcgcG9pbnRzPScxMC41IDAgNy41IDAgNy41IDcuNSAwIDcuNSAwIDEwLjUgNy41IDEwLjUgNy41IDE4IDEwLjUgMTggMTAuNSAxMC41IDE4IDEwLjUgMTggNy41IDEwLjUgNy41Jz48L3BvbHlnb24+PC9nPjwvZz48L3N2Zz4=")
}

.docfb-thumbnail__status .docfb-icon-loading {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAoSSURBVHgBzVlbjFVXGf7WWvucMxcOU8aZcmlpy3XAltA6jabGEOJDjanh2qm++WKaaKo2xviofVGThgdffOgzWovIvRHFG7XxQhBSQMu9FbCFgXKZ25lz2Xstv/9fewYE7DDcZv7MPvucPXuv/X3rv65/GdwNeeavzZjV/rjL7IwM/gFrzXRvUYJHEQbeGhN8CJf47QqCPQcTejFgzuD38/pwh2Jwu0LQyazOZWmWzeUoPKxHCJ7fQzzzNwLBy/WM16z35KH/s/m9wHlkdh/q+A92LujHbcj4CfScaUajspxPLiOIJhijQGEJ3JvsBgK8SuBBNRGMAvdCwJMULO/nHZHYu0jb92B758B44IyPwJpjz8H45dabJk6tF8gQcHqW3z5YmMwLUOMJ0GQ2/5/XmRdz4pdMgEet6PM52Vwre7F50d5bhXRrBFYd/gSs+zq/zbLyFnm1zqzhZHJG+WpezzxnU89EI+AVFMFZgvUZyZCAELE5YJ+bnBXz0us6tkdi+1HzO7B90ZjaGJvA2hOfBfyX1Vz4QbX7qHKd2UhEZ1fMxeYmQvC8boWAaATUjGglJ6DkclPT560Z9R8rz3Mw/rfK297C5k+eun0Cq4+spMOt0EFlSKOzJ98kqkQQCobEfLgI7w6iaD5Ew53EFQLYPaeq43wxlNBxsg2VehtpzSbxuXyyPOLQNvcLS7/waooIju/K9E12P7YufGf8BFYdXQWHVfoSGYZGraYhsw81AYJHBmf+jobZg60LTmI80nO8kxFoqTXpIjUfeQs1Zzg2QzGcuIq8T/0J72BL14FbJ9BzuJuDf0vm14qxiq2LzeqEmzhjcEfg0/XYuvgi7kRWHCkjSZ6mdS3014bhOFnq6I6fmW36CzY/+t7YBL70QQeKQz/kIC1WB4PYLuLgVmZ9kANvx6+6/oC7KSsPL6E5PcWxC1ejG8GbSCRLXRXD5Z3YNWPo2sfsDQMVB79P8GVmTzFGRkxxPSFKOt5fRGrX3XXwItsWH0LS2Ey4/VdnPiiETIKD9QnKA5+7/rH/JbDm+PP8fJBwjQC3qqFg9ZBSoGFexbb5Z3CvZOMTg0jSnXzrgJqScSHTACG2S3cL/gGsPf74zQmsPvAgp/gFAmVol1mn9wTGHMOgbWwFTfgx3uz6CPdahESp5Y/OhmoWRkqP4J0VTfDsMR/d/yjcSMA2vRCCsbwiZiMz76hK66UICH4LfnEfwI/I649ezlzhgDNpIBFJI9QEAQkJmyZ4ZOr8Udj6ydmnkj4vgCX9iBY48UbO/PE2tiz6De63bJh3LAuFc5mGVxqRlB+iAS0/WDzmWsg1UHrCKFixfl4zmq2seC6c24iJkkplr1auo8kyYzgVs6JDPzRlLkYI0FtXQmZcPkQLRq8z+9u3sHHBBUyU7Fo6xET2vjq0gpfIRC+werRHAisOTWcenKuKiiHTqQmRDBrFNzHRUvenYzVALYg26MnI1DfasTwkFklxSZCazGioFPNRTQSDj7Djsfcx0SKRLySDNGWP6A8BTpyZpNoPzpBQPw/RlDTeB3VguS3swaQRf5aRiCFUCjw6syyE1JmbpiR0CAlJVifdcN6NlCJS5JpDmCyShH5IrSpFum2YhOdUrjvfLMBnStSBOG2QJYXJw2f1PCaNXLwkGoBphCS1WSoaoD8kPmkVU5mBWOg4DaVS1Eo6K5heTBa58EwjCRI7CV5sX2ul4FNd5EnGVZtRA9JIxNWK05Q+WWS3ScXuU62P8oNOnaDoEkiFT5GadfQBc/vdlnslqZiPK4SUYVRAS8pNQ50mY00lcpIQmodS0UrPP6dgssjyPxGzy9KUizR6qhxpXdZUThoBXKDYPImJ/Zt4sPYoY7JIsb2UWB8zMJ05bfgscZLckmFJWCfFLTTzxi6TcmTs+hQmi3SYYpq6rKBLTafNhFSiEqrDYjK9V4u33Hy0/su6MFmk0VpmzPcN6UBldelZeDWlgh0iYHvcaO2jXqwVKV3asduwHJNF0jA1FnRB7V7CaEHOg3bQIvV/lvA5Al40IL0HKuMhrDrRjYmWHna+s1oBsd8VSUA6L0HWCAM2b9/tj2tfVqLiDrIyE1OyfiUmWurlDrjEF5h35TwShRreDrGjXcsXNGZ/BK1tlhhOY0G3Cl85MgsTJS+yxWKb2c1jG1ZJUAskUpBMnNS1UogEUv86pN8TCRhtSIhfcD2Gmv0RJkrOHe1UU0kSX/dVdeKiOnPic7w5ATEjG0jCuBhKta6IXX0TPoO1R7+K+y3PHZzGT3btCFr3HgpeNFEXLRh7kaVO/SoBkQZ+xtsGYkSSBU6e3GJY/SZWH1uM+yWaeUvTSho2vQIviu0nQoLHqb7RQvMqAXXm8HNdEcSsnJcXkpgxjT9eY+PrYdxrEfBts2dyh43Wy6aOK4Z6RhMSAg1ZTvrz2Pd040YCIlu6fsrPowLeiAfka4NIKjzCFuuGe0qiOxSaO2dNZ93vFKzMOM8lVxPgvlTkbtp1zbUbe6MOL9EFBrVPPKoJcW5dKs9mDN6FNUe/hrstzx5oRcdhhkxnm9JM++tNYkJJ5mtKxKa1SwtPX//Yzevm54+t4a7Qq+rC+VpZtWFzQrpdYH/JVL4Ob9xhr/SVYNv2HmrraymXWvqHTWWqk0KS76AW2M/k0taUbN3WWqu9WL906NYIiKx592Wq49vxHqOgpdGlNZOQMZpS5NIGNmRfw8bF41tD9wQ3c/jD0tmkv5kdb45WcCgZ01Kr2UoiJIxpKhpTzWpcLDb3YeucKzcb5uNXLmuOvEyk3wl5fsBIosvL7tjF0D6M4+kM0/2vuTJ9mxmcvZzKKWx96pqXhvj8izTSfx8sorPFYShhzV51A80kUHW2lTM/lFRtCwmFsrPDgxy6aPqx8f9viN/CJt/hL/C2n1CVU2WtHGIDzGDER5CXHXEsd01RGKvaLV1cHEmZ8i+HwZKZ6frc2WkFg74S9/ILXHuzN1Wp2CmFYTuYTjVqPiShWmmr9d3MbK4VOyaBTYt/i7TxLOF9EKJDI254jBwhbvXlF6JZxYkR3cgWT89GtlenVQOm1IJrnh6mYzo6S+26hH2g4oOsnMxwK/clQ1zWllwDpa7escCLJLgV2bZEHPXTWHvsu4T4PUSnMCH3jwhT25GRhH7oX2TSwwjJUx81cEIXqr3opILaB0vhUomPtbT4MrUA7mug7eFBrJ8xJvARGVsD18qmheuQuW6ieoNTPaoByRNmZKicWf6/0UfLx7rzH5yLyx3hQl9HuMT27LQCk9X51A/0TqlgR/fF8YAfPwER2WLa1PUSO0xPEuM3eOVgnPCgGtFDyUUauVFgYGAfZ78WHmudGWbiLEQL6GtJL184XcPv5vbjb7OHpQLDOOXu9E96Tj4C31jGb0vJ40mymcOR52jOECfGKwY9PzC4sJu7X2WDfe+xmuzxwPgBXy//BQ3omJiG8VH8AAAAAElFTkSuQmCC");
    -webkit-animation: iconloading 2s linear infinite;
    animation: iconloading 2s linear infinite
}

.docfb-feedback-edit {
    padding: 16px 24px;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.docfb-feedback-edit__footer {
    margin-top: 4px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap
}

.docfb-feedback-edit__footer,
.docfb-feedback-edit__hint {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.docfb-feedback-edit__hint {
    -webkit-box-flex: 1;
    flex: auto;
    color: #4b5b76;
    line-height: 21px;
    font-size: 12px
}

.docfb-feedback-edit__hint svg {
    width: 16px;
    height: 16px
}

.docfb-feedback-edit__count {
    line-height: 22px;
    font-size: 12px;
    color: #97a3b7
}

.docfb-feedback-edit .docfb-tp-textarea {
    display: block;
    padding: 0;
    width: 100%;
    line-height: 22px;
    font-size: 14px;
    color: #181818;
    border: none;
    resize: none;
    height: 78px;
    min-width: 0;
    min-height: 78px;
    -webkit-box-flex: 1 1 auto;
    flex: 1 1 auto
}

.docfb-feedback-edit .docfb-thumbnail {
    margin-top: 8px
}

.docfb-star-rating {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.docfb-star-rating__item {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMzInIGhlaWdodD0nMzInIHZpZXdCb3g9JzAgMCAzMiAzMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTkuMDgzMiAxMi43NjA0TDE2LjAwMjkgNi41MTkxMUwxMi45MjI2IDEyLjc2MDRMNi4wMzQ5OCAxMy43NjEyTDExLjAxODkgMTguNjE5NEw5Ljg0MjM5IDI1LjQ3OTJMMTYuMDAyOSAyMi4yNDA1TDIyLjE2MzQgMjUuNDc5MkwyMC45ODY5IDE4LjYxOTRMMjUuOTcwOCAxMy43NjEyTDE5LjA4MzIgMTIuNzYwNFpNMjkuMDY1NyAxMi4xODk5QzI5LjU1NzggMTIuMjYxNCAyOS43NTQzIDEyLjg2NjIgMjkuMzk4MiAxMy4yMTMzTDIzLjEzNTggMTkuMzE3NkwyNC42MTQyIDI3LjkzN0MyNC42OTgyIDI4LjQyNzIgMjQuMTgzOCAyOC44MDA5IDIzLjc0MzYgMjguNTY5NUwxNi4wMDI5IDI0LjVMOC4yNjIyMSAyOC41Njk1QzcuODIyMDQgMjguODAwOSA3LjMwNzU4IDI4LjQyNzIgNy4zOTE2NCAyNy45MzdMOC44Njk5OCAxOS4zMTc2TDIuNjA3NjMgMTMuMjEzM0MyLjI1MTUyIDEyLjg2NjIgMi40NDgwMiAxMi4yNjE0IDIuOTQwMTYgMTIuMTg5OUwxMS41OTQ1IDEwLjkzMjRMMTUuNDY0OSAzLjA5MDJDMTUuNjg1IDIuNjQ0MjUgMTYuMzIwOSAyLjY0NDI1IDE2LjU0MDkgMy4wOTAyTDIwLjQxMTMgMTAuOTMyNEwyOS4wNjU3IDEyLjE4OTlaJyBmaWxsPScjMDA1MkQ5Jy8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.docfb-star-rating__item.is-full {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMzInIGhlaWdodD0nMzInIHZpZXdCb3g9JzAgMCAzMiAzMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTUuNTk4NiAyLjgxNzY0QzE1Ljc2MzcgMi40ODMxOCAxNi4yNDA2IDIuNDgzMTggMTYuNDA1NyAyLjgxNzY0TDIwLjQxMDYgMTAuOTMyNEwyOS4zNjU3IDEyLjIzMzZDMjkuNzM0OCAxMi4yODczIDI5Ljg4MjIgMTIuNzQwOSAyOS42MTUxIDEzLjAwMTJMMjMuMTM1MSAxOS4zMTc2TDI0LjY2NDggMjguMjM2NkMyNC43Mjc5IDI4LjYwNDIgMjQuMzQyIDI4Ljg4NDUgMjQuMDExOSAyOC43MTFMMTYuMDAyMiAyNC41TDcuOTkyNDYgMjguNzExQzcuNjYyMzMgMjguODg0NSA3LjI3NjQ4IDI4LjYwNDIgNy4zMzk1MyAyOC4yMzY2TDguODY5MjUgMTkuMzE3NkwyLjM4OTI2IDEzLjAwMTJDMi4xMjIxNyAxMi43NDA5IDIuMjY5NTUgMTIuMjg3MyAyLjYzODY1IDEyLjIzMzZMMTEuNTkzOCAxMC45MzI0TDE1LjU5ODYgMi44MTc2NFonIGZpbGw9JyMwMDUyRDknLz48L3N2Zz4=")
}

.docfb-star-rating__item+.docfb-star-rating__item {
    margin-left: 16px
}

.docfb-feedback-rating {
    text-align: center;
    margin-top: auto;
    padding-top: 24px;
    padding-bottom: 10px
}

.docfb-feedback-rating__label {
    position: relative;
    z-index: 1;
    line-height: 22px;
    font-size: 12px;
    color: #97a3b7;
    text-align: center
}

.docfb-feedback-rating__label:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #d6dbe3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.docfb-feedback-rating__label-cont {
    display: inline-block;
    vertical-align: top;
    padding: 0 12px;
    background-color: #fff
}

.docfb-feedback-rating__cont {
    margin-top: 20px
}

.docfb-feedback-rating__tit {
    line-height: 20px;
    font-size: 14px;
    color: #000
}

.docfb-feedback-rating__desc {
    margin-top: 8px;
    line-height: 17px;
    font-size: 12px;
    color: #97a3b7
}

.docfb-feedback-rating__btns {
    margin-top: 32px;
    text-align: center
}

.docfb-feedback-rating__btns .docfb-tp-btn.size-s {
    min-width: 88px
}

.docfb-feedback-rating .docfb-star-rating {
    margin-top: 16px
}

.docfb-feedback-session {
    -webkit-box-flex: 1;
    flex: 1;
    margin-bottom: 10px;
    margin-right: -20px;
    overflow-y: scroll;
    min-height: 200px;
    padding: 4px 10px 2px 0
}

.docfb-feedback-session__msg {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap
}

.docfb-feedback-session__msg-avatar {
    margin-right: 8px
}

.docfb-feedback-session__msg-avatar .docfb-icon-admin {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-image: url(https://main.qcloudimg.com/raw/ebb59678b062eb7e406bf1eb5052c7c2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.docfb-feedback-session__msg-box {
    width: 260px;
    padding: 8px 16px 16px;
    background: #f1f2f5;
    border-radius: 4px;
    word-break: break-all
}

.docfb-feedback-session__msg-date {
    line-height: 18px;
    font-size: 12px;
    color: #97a3b7
}

.docfb-feedback-session__msg-tit {
    margin-top: 2px;
    line-height: 18px;
    font-size: 12px;
    color: #4b5b76
}

.docfb-feedback-session__msg-source {
    display: -webkit-box;
    display: flex;
    margin-top: 2px;
    line-height: 20px;
    font-size: 14px;
    word-break: break-all
}

.docfb-feedback-session__msg-source .docfb-tp-link__inner {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 2px
}

.docfb-feedback-session__msg-desc {
    margin-top: 8px;
    line-height: 24px;
    font-size: 12px;
    color: #181818
}

.docfb-feedback-session__msg-qrcode {
    margin-top: 8px
}

.docfb-feedback-session__msg-qrcode-img {
    display: block;
    width: 100px;
    height: 100px
}

.docfb-feedback-session__msg .docfb-thumbnail {
    margin-top: 8px
}

.docfb-feedback-session__msg+.docfb-feedback-session__msg {
    margin-top: 24px
}

.docfb-feedback-session__msg.is-self {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.docfb-feedback-session__msg.is-self .docfb-feedback-session__msg-box {
    background: #cce2ff
}

.docfb-feedback-steps__option {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap
}

.docfb-feedback-steps__option:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #d6dbe3;
    box-sizing: border-box
}

.docfb-feedback-steps__option-item {
    padding-bottom: 10px;
    line-height: 14px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.docfb-feedback-steps__option-num {
    margin-right: 4px;
    width: 12px;
    height: 12px;
    font-size: 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAAYUlEQVQ4EWNgGAXDJwT+///PBsTCVPER1LDNQHovxQYiGfYKyNahyECyDANqKgJiH3SbyTIMZAhQYzcQ/0Q2lGzDYK5CNpRiw7AYegxoKOURgOR96hiG5FJJGHuUHqIhAADWU5GVqAxNEgAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #0052d9;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-feedback-steps__option-text {
    color: #97a3b7;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.docfb-feedback-steps__option-item.is-active {
    position: relative;
    z-index: 1;
    font-size: 16px
}

.docfb-feedback-steps__option-item.is-active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0052d9
}

.docfb-feedback-steps__option-item.is-active .docfb-feedback-steps__option-num {
    width: auto;
    height: auto;
    font-size: inherit;
    color: #0052d9;
    background: none;
    border: none;
    border-radius: 0
}

.docfb-feedback-steps__option-item.is-active .docfb-feedback-steps__option-text {
    color: #181818
}

.docfb-feedback-steps__option-item.is-active~.docfb-feedback-steps__option-item {
    font-size: 12px
}

.docfb-feedback-steps__option-item.is-active~.docfb-feedback-steps__option-item .docfb-feedback-steps__option-num {
    width: auto;
    height: auto;
    font-size: inherit;
    color: #97a3b7;
    background: none;
    border: none;
    border-radius: 0
}

.docfb-feedback-steps__option-item.is-active~.docfb-feedback-steps__option-item .docfb-feedback-steps__option-text {
    color: #97a3b7
}

.docfb-feedback-panel .docfb-tp-form__action {
    margin-top: 24px;
    padding-top: 0;
    text-align: right
}

.docfb-feedback-panel .docfb-tp-form__action .docfb-tp-btn {
    margin-right: 0
}

.docfb-feedback-panel .docfb-tp-form__action .docfb-tp-btn+.docfb-tp-btn {
    margin-left: 8px
}

.docfb-feedback-panel .docfb-tp-form__action .docfb-tp-btn.size-s {
    min-width: 88px
}

.docfb-feedback-panel .docfb-tp-checkbox:checked+.docfb-tp-checkbox__text,
.docfb-feedback-panel .docfb-tp-checkbox:checked:focus+.docfb-tp-checkbox__text,
.docfb-feedback-panel .docfb-tp-checkbox:checked:hover+.docfb-tp-checkbox__text {
    color: #0052d9
}

.docfb-feedback-panel .docfb-tp-checkbox[disabled]+.docfb-tp-checkbox__text,
.docfb-feedback-panel .docfb-tp-checkbox[disabled]:checked+.docfb-tp-checkbox__text {
    color: #97a3b7
}

.docfb-tp-form .docfb-feedback-edit {
    height: 100%;
    max-height: 550px;
    min-height: 200px
}

.docfb-feedback__question-form {
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.docfb-feedback__question-form .docfb-tp-checkbox__group--block {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px
}

.docfb-feedback__question-form .docfb-tp-checkbox__label {
    width: calc(32% - 11px);
    margin: 0
}

.docfb-feedback__question-edit-item.docfb-tp-form__item {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 582px
}

.docfb-feedback__question-edit-item.docfb-tp-form__item .docfb-tp-form__item-controls {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    flex: 1
}

.docfb-feedback__question-hint {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    word-break: break-all;
    margin: 10px 0 0
}

.docfb-feedback-steps .docfb-tp-step {
    margin-bottom: 0
}

.docfb-feedback-steps .docfb-tp-step__list {
    display: -webkit-box;
    display: flex
}

.docfb-feedback-steps .docfb-tp-step__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 38px;
    font-weight: 600
}

.docfb-feedback-steps .docfb-tp-step__item:after {
    top: 9px;
    margin-left: 14px;
    background-image: none;
    width: 9px;
    height: 9px;
    border-right: 2px solid #888;
    border-top: 2px solid #888;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.docfb-feedback-steps .docfb-tp-step__item.is-current {
    color: #000
}

.docfb-feedback-steps .docfb-tp-step__item.is-current:after {
    background-image: none;
    border-color: #0052d9
}

.docfb-feedback-steps .docfb-tp-step__item.is-current .docfb-tp-step__item-num {
    background-color: #0052d9;
    border-color: #0052d9
}

.docfb-feedback-steps .docfb-tp-step__item.is-finished {
    color: #000
}

.docfb-feedback-steps .docfb-tp-step__item.is-finished:after {
    background-image: none;
    border-color: #0052d9
}

.docfb-feedback-steps .docfb-tp-step__item.is-finished .docfb-tp-step__item-num {
    border-color: #0052d9
}

.docfb-feedback-steps .docfb-tp-step__item.is-finished .docfb-tp-step__item-num:after {
    background-image: none;
    width: 7px;
    height: 11px;
    margin: 0;
    border-right: 2px solid #0052d9;
    border-bottom: 2px solid #0052d9;
    -webkit-transform: translate(-50%, -60%) rotate(45deg);
    -ms-transform: translate(-50%, -60%) rotate(45deg);
    transform: translate(-50%, -60%) rotate(45deg)
}

.docfb-feedback-steps .docfb-tp-step__item-num {
    width: 28px;
    height: 28px;
    line-height: 25px;
    color: rgba(0, 0, 0, .4);
    border: 2px solid #cfd5de;
    margin-right: 10px
}

.docfb-feedback-steps .docfb-tp-step__item-tit {
    white-space: nowrap
}

@media screen and (max-width:768px) {
    .docfb-tp-step--guide {
        margin-top: 0;
        margin-bottom: 0
    }

    .docfb-tp-step--guide .docfb-tp-step__item {
        display: -webkit-box;
        display: flex
    }

    .docfb-tp-step--guide .docfb-tp-step__item.is-current {
        display: -webkit-box;
        display: flex;
        margin-right: 38px
    }

    .docfb-tp-step--guide .docfb-tp-step__item-tit {
        color: #333;
        font-size: 14px;
        line-height: 28px
    }

    .docfb-tp-step--guide .docfb-tp-step__item-num {
        width: 28px;
        height: 28px;
        font-size: 14px;
        line-height: 25px
    }

    .docfb-tp-step--guide .docfb-tp-step__item:after {
        display: block
    }
}

.docfb-feedback-steps {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.docfb-feedback-steps__hd {
    margin: 0 -20px 16px;
    padding: 0 20px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-feedback-steps__bd {
    min-height: 0;
    flex: 1 1 auto;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    overflow-y: overlhay;
    overflow-x: hidden
}

.docfb-feedback-steps__bd,
.docfb-feedback-steps__bd .docfb-feedback-session {
    min-width: 0;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column
}

.docfb-feedback-steps__bd .docfb-feedback-session {
    margin-right: -20px;
    margin-bottom: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    -webkit-box-direction: normal;
    height: 100%;
    flex: 1 1 auto;
    overflow: auto
}

.docfb-feedback-steps__bd .docfb-feedback-session:last-child {
    margin-bottom: 0
}

.docfb-feedback-steps__bd .docfb-feedback-edit,
.docfb-feedback-steps__bd .docfb-feedback-rating,
.docfb-feedback-steps__bd .docfb-tp-form__action {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-feedback-steps__bd .docfb-tp-form__action {
    margin-bottom: 20px
}

.docfb-pg-mb-feedback .docfb-feedback-panel {
    height: 100vh;
    overflow: hidden
}

.docfb-pg-mb-feedback .docfb-feedback-steps {
    height: 100%
}

.docfb-tp-overlay {
    position: fixed;
    z-index: 1001
}

.docfb-tp-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    outline: none
}

.docfb-tp-dropdown__header {
    box-sizing: border-box;
    width: 400px;
    height: 36px;
    padding: 0 36px 0 12px;
    background-color: #fff;
    border: 1px solid #e3e6eb;
    outline: none;
    cursor: pointer
}

.docfb-tp-dropdown__header .docfb-tp-dropdown__icon {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -8px
}

.docfb-tp-dropdown__value {
    overflow: hidden;
    color: #181818;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: left
}

.docfb-tp-dropdown__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 0;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgxNnYxNkgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEzLjI5OSA1TDggMTAuMyAyLjcgNWwtLjcuNTk5TDggMTEuNmw1Ljk5OS02LjAwMS0uNy0uNTk5eiIgZmlsbD0iIzdDODQ4RSIvPjwvc3ZnPg==);
    background-position: inherit
}

.docfb-tp-dropdown-box {
    position: relative;
    min-width: 400px;
    background-color: #fff;
    border: 1px solid #e5e8ed;
    -webkit-border-image: initial;
    -o-border-image: initial;
    border-image: initial;
    box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .12)
}

.docfb-tp-dropdown-box__inner {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto
}

.docfb-tp-dropdown-box--searchable .docfb-tp-dropdown-box__inner {
    max-height: none
}

.docfb-tp-dropdown-box--searchable .docfb-tp-search {
    width: 100%
}

.docfb-tp-dropdown-box--searchable .docfb-tp-input--wrap {
    border-color: transparent transparent #e5e5e5
}

.docfb-tp-dropdown-box--searchable .docfb-tp-list {
    max-height: 240px;
    margin-top: 1px;
    overflow-x: hidden;
    overflow-y: auto
}

.docfb-tp-dropdown.is-expanded .docfb-tp-dropdown__header {
    border-color: #b3b3b3
}

.docfb-tp-dropdown.is-expanded .docfb-tp-dropdown__header.docfb-tp-dropdown--text {
    border-color: transparent
}

.docfb-tp-dropdown.is-expanded .docfb-tp-dropdown__header.docfb-tp-dropdown--text .docfb-tp-dropdown__value {
    color: #0052d9
}

.docfb-tp-dropdown.is-expanded .docfb-tp-dropdown__header.docfb-tp-dropdown--text .docfb-tp-dropdown__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIC41NzFMMyA0IDYgLjU3MSA1LjUgMCAzIDIuODU3LjUgMCAwIC41NzF6IiBmaWxsPSIjMDBBNEZGIi8+PC9zdmc+)
}

.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header {
    cursor: default
}

.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header .docfb-tp-dropdown__value {
    color: #97a3b7
}

.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header:focus,
.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header:hover {
    border-color: #e5e8ed
}

.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header.docfb-tp-dropdown--text {
    border-color: transparent;
    cursor: default
}

.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header.docfb-tp-dropdown--text .docfb-tp-dropdown__value {
    color: #97a3b7
}

.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header.docfb-tp-dropdown--text .docfb-tp-dropdown__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIC41NzFMMyA0IDYgLjU3MSA1LjUgMCAzIDIuODU3LjUgMCAwIC41NzF6IiBmaWxsPSIjOTk5Ii8+PC9zdmc+)
}

.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header.docfb-tp-dropdown--text:focus .docfb-tp-dropdown__value,
.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header.docfb-tp-dropdown--text:hover .docfb-tp-dropdown__value {
    color: #97a3b7
}

.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header.docfb-tp-dropdown--text:focus .docfb-tp-dropdown__icon,
.docfb-tp-dropdown.is-disabled .docfb-tp-dropdown__header.docfb-tp-dropdown--text:hover .docfb-tp-dropdown__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIC41NzFMMyA0IDYgLjU3MSA1LjUgMCAzIDIuODU3LjUgMCAwIC41NzF6IiBmaWxsPSIjOTk5Ii8+PC9zdmc+)
}

.docfb-tp-dropdown.size-l .docfb-tp-dropdown__header {
    height: 40px;
    line-height: 38px
}

.docfb-tp-dropdown.size-l .docfb-tp-dropdown__value {
    line-height: 38px
}

.docfb-tp-dropdown.size-s .docfb-tp-dropdown__header {
    height: 32px;
    line-height: 30px
}

.docfb-tp-dropdown.size-s .docfb-tp-dropdown__value {
    line-height: 30px
}

.docfb-tp-dropdown.size-full-width,
.docfb-tp-dropdown.size-full-width .docfb-tp-dropdown__header {
    width: 100%
}

@media screen and (max-width:600px) {
    .docfb-tp-dropdown-box {
        min-width: 300px
    }

    .docfb-tp-dropdown.m-size-xxl .docfb-tp-dropdown__header {
        height: 48px;
        line-height: 46px
    }

    .docfb-tp-dropdown.m-size-xxl .docfb-tp-dropdown__value {
        line-height: 46px
    }
}

.docfb-tp-dropdown__header.docfb-tp-dropdown--text {
    width: auto;
    height: 20px;
    padding: 0 14px 0 0;
    border: 0
}

.docfb-tp-dropdown__header.docfb-tp-dropdown--text:focus,
.docfb-tp-dropdown__header.docfb-tp-dropdown--text:hover {
    border-color: transparent
}

.docfb-tp-dropdown__header.docfb-tp-dropdown--text:focus .docfb-tp-dropdown__value,
.docfb-tp-dropdown__header.docfb-tp-dropdown--text:hover .docfb-tp-dropdown__value {
    color: #0052d9
}

.docfb-tp-dropdown__header.docfb-tp-dropdown--text:focus .docfb-tp-dropdown__icon,
.docfb-tp-dropdown__header.docfb-tp-dropdown--text:hover .docfb-tp-dropdown__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIC41NzFMMyA0IDYgLjU3MSA1LjUgMCAzIDIuODU3LjUgMCAwIC41NzF6IiBmaWxsPSIjMDBBNEZGIi8+PC9zdmc+)
}

.docfb-tp-dropdown__header.docfb-tp-dropdown--text .docfb-tp-dropdown__value {
    font-size: 12px;
    line-height: 20px
}

.docfb-tp-dropdown__header.docfb-tp-dropdown--text .docfb-tp-dropdown__icon {
    right: 4px;
    width: 6px;
    height: 4px;
    margin-top: -2px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIC41NzFMMyA0IDYgLjU3MSA1LjUgMCAzIDIuODU3LjUgMCAwIC41NzF6IiBmaWxsPSIjMzMzIi8+PC9zdmc+)
}

.docfb-tp-dropdown-box.docfb-tp-dropdown-box--text {
    min-width: 110px
}

.docfb-tp-dropdown-box--text .docfb-tp-dropdown-box__inner:after,
.docfb-tp-dropdown-box--text .docfb-tp-dropdown-box__inner:before {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    border: 6px dashed transparent;
    content: ""
}

.docfb-tp-dropdown-box--text .docfb-tp-list li {
    padding: 0 8px
}

.docfb-tp-dropdown-box--text .docfb-tp-list li:focus,
.docfb-tp-dropdown-box--text .docfb-tp-list li:hover {
    background-color: transparent
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--bottom .docfb-tp-dropdown-box__inner:before {
    top: 100%;
    right: inherit;
    left: inherit;
    margin-top: -1px;
    margin-left: -6px;
    border-top-color: #ddd;
    border-top-style: solid
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--bottom .docfb-tp-dropdown-box__inner:after {
    top: 100%;
    right: inherit;
    left: inherit;
    margin-top: -1px;
    margin-left: -5px;
    border-top-color: #fff;
    border-top-style: solid
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--right .docfb-tp-dropdown-box__inner:before {
    top: inherit;
    bottom: inherit;
    left: 100%;
    margin-top: -8px;
    margin-left: -1px;
    border-left-color: #ddd;
    border-left-style: solid
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--right .docfb-tp-dropdown-box__inner:after {
    top: inherit;
    bottom: inherit;
    left: 100%;
    margin-top: -7px;
    margin-left: -1px;
    border-left-color: #fff;
    border-left-style: solid
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--left .docfb-tp-dropdown-box__inner:before {
    top: inherit;
    right: 100%;
    bottom: inherit;
    margin-top: -7px;
    margin-right: -1px;
    border-right-color: #ddd;
    border-right-style: solid
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--left .docfb-tp-dropdown-box__inner:after {
    top: inherit;
    right: 100%;
    bottom: inherit;
    margin-top: -6px;
    margin-right: -1px;
    border-right-color: #fff;
    border-right-style: solid
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--top .docfb-tp-dropdown-box__inner:before {
    right: inherit;
    bottom: 100%;
    left: inherit;
    margin-bottom: -1px;
    margin-left: -6px;
    border-bottom-color: #ddd;
    border-bottom-style: solid
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--top .docfb-tp-dropdown-box__inner:after {
    right: inherit;
    bottom: 100%;
    left: inherit;
    margin-bottom: -1px;
    margin-left: -5px;
    border-bottom-color: #fff;
    border-bottom-style: solid
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--start .docfb-tp-dropdown-box__inner:after {
    left: 20px
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--start .docfb-tp-dropdown-box__inner:before {
    left: 21px
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--end .docfb-tp-dropdown-box__inner:after {
    right: 20px
}

.docfb-tp-dropdown-box--text.docfb-tp-dropdown-box--end .docfb-tp-dropdown-box__inner:before {
    right: 21px
}

.docfb-tp-list {
    padding: 0;
    list-style: none
}

.docfb-tp-list li {
    box-sizing: border-box;
    margin-bottom: 8px;
    line-height: 1.5
}

.docfb-tp-list--option {
    padding: 8px 0
}

.docfb-tp-list--option li {
    display: block;
    height: 36px;
    margin-bottom: 0;
    padding: 0 12px;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.docfb-tp-list--option li:hover {
    color: #00a4ff;
    background-color: transparent
}

.docfb-tp-list--option li.is-disabled,
.docfb-tp-list--option li.is-disabled:hover {
    color: #999;
    background-color: transparent;
    cursor: default
}

.docfb-tp-list--option li.is-selected,
.docfb-tp-list--option li.is-selected:hover {
    color: #00a4ff;
    background-color: #f5f7fa
}

.docfb-tp-list--option li.is-current,
.docfb-tp-list--option li.is-current:hover {
    color: #00a4ff;
    background-color: transparent
}

.docfb-tp-list--option .docfb-tp-list__item--wrap {
    display: -webkit-box;
    display: flex
}

.docfb-tp-list--option .docfb-tp-list__item-main {
    -webkit-box-flex: 1;
    flex: 1
}

.docfb-tp-list--option .docfb-tp-list__item-suffix {
    padding-left: 8px
}

.docfb-tp-list--option .docfb-tp-list__item--divider {
    height: auto;
    margin: 8px 12px;
    padding: 0;
    border-top: 1px solid #e5e5e5
}

.docfb-tp-list--option .docfb-tp-list__group {
    height: auto;
    padding: 0;
    cursor: default
}

.docfb-tp-list--option .docfb-tp-list__group-label {
    height: 36px;
    margin-bottom: 0;
    padding: 0 12px;
    color: #999;
    font-size: 12px;
    line-height: 36px
}

.docfb-tp-list-empty {
    padding: 28px;
    text-align: center
}

.docfb-tp-list-empty__icon {
    display: block;
    width: 90px;
    height: 81px;
    margin: 0 auto 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iODEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iLTQ3LjkyNyUiIHkxPSI1MCUiIHgyPSIxODUuNDk1JSIgeTI9IjUwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTJFN0VCIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iNTcuODQ0JSIgeTE9IjMyLjExNiUiIHgyPSI3My4xMTclIiB5Mj0iNzcuNSUiIGlkPSJkIj48c3RvcCBzdG9wLWNvbG9yPSIjRkJGRUZFIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0E3QjFCOSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEwNi41NTYlIiB5MT0iMjguNTUxJSIgeDI9IjAlIiB5Mj0iMjguNTUxJSIgaWQ9ImUiPjxzdG9wIHN0b3AtY29sb3I9IiNGMkY3RkEiIHN0b3Atb3BhY2l0eT0iLjUwMSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM4RDk5QTEiIHN0b3Atb3BhY2l0eT0iLjI0NCIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ijk2LjAwMiUiIHkxPSI1MC4wMiUiIHgyPSItLjEyNSUiIHkyPSI1Mi4zNjUlIiBpZD0iaCI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZCRkVGRSIgc3RvcC1vcGFjaXR5PSIuNSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNCOUMxQzciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSIyMi4xMzIlIiB5MT0iNi42NzMlIiB4Mj0iODUuMjM5JSIgeTI9IjkyLjMwNyUiIGlkPSJpIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RBREZFMyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjEwLjgwMiUiIHkxPSItMzkuOTglIiB4Mj0iODAuMjQ3JSIgeTI9IjEyMy42MjklIiBpZD0iaiI+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQzJDQSIgc3RvcC1vcGFjaXR5PSIuNjU4IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0U1RTZFQiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBjeD0iMzUuNjElIiBjeT0iMjkuNzk1JSIgZng9IjM1LjYxJSIgZnk9IjI5Ljc5NSUiIHI9IjUyLjc4NiUiIGdyYWRpZW50VHJhbnNmb3JtPSJzY2FsZSguNzkyNDUgMSkgcm90YXRlKDY5Ljg3OSAuNDAzIC4zNjUpIiBpZD0iYiI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIuOTkyIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0UyRUJGMSIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgY3g9IjM1LjYxJSIgY3k9IjI5Ljc5NSUiIGZ4PSIzNS42MSUiIGZ5PSIyOS43OTUlIiByPSI1NC40MzglIiBncmFkaWVudFRyYW5zZm9ybT0ic2NhbGUoMSAuOTQ0MDYpIHJvdGF0ZSg3NC42NzMgLjM0NSAuMzA3KSIgaWQ9ImYiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkYiIHN0b3Atb3BhY2l0eT0iLjk5MiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFMkVCRjEiIG9mZnNldD0iMTAwJSIvPjwvcmFkaWFsR3JhZGllbnQ+PHBhdGggZD0iTTIzLjU4IDEwLjc0Mmg0Ni43MWE0IDQgMCAwMTQgNHYzNy4zNTVhMiAyIDAgMDEtMiAySDIxLjU4YTIgMiAwIDAxLTItMlYxNC43NDJhNCA0IDAgMDE0LTR6IiBpZD0iYyIvPjxwYXRoIGQ9Ik03Ni43MjMgNTUuMTI5bDEuOTUgMy4wMmMuOTgtLjgzIDIuNTM0LS43MDQgMy41Ni4zMjNsNi43MjcgNi43MjdjMS4wNzYgMS4wNzUgMS4xNjQgMi43My4xOTcgMy42OTctLjk2Ny45NjctMi42MjIuODc5LTMuNjk4LS4xOTdsLTYuNzI3LTYuNzI3Yy0uODI1LS44MjQtMS4wNjktMS45OS0uNzAxLTIuOTI1bC0xLjgzNC0yLjg0LjUyNi0xLjA3OHoiIGlkPSJnIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGVsbGlwc2UgZmlsbD0iI0VGRjNGOCIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iNDkuNzc0IiBjeT0iNzQuNjEzIiByeD0iMjgiIHJ5PSI2Ii8+PGNpcmNsZSBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGN4PSI4NiIgY3k9IjQiIHI9IjQiLz48ZyBvcGFjaXR5PSIuNjk2Ij48dXNlIGZpbGw9InVybCgjYikiIHhsaW5rOmhyZWY9IiNjIi8+PHVzZSBmaWxsPSJ1cmwoI2QpIiB4bGluazpocmVmPSIjYyIvPjwvZz48cGF0aCBkPSJNMjMuNTggMTAuNzQyaDQ2LjcxYTQgNCAwIDAxNCA0VjE5SDE5LjU4di00LjI1OGE0IDQgMCAwMTQtNHoiIGZpbGw9InVybCgjZSkiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgZmlsbD0iIzlDQTdBRSIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIuMyIgY3g9IjY2LjU0OCIgY3k9IjQ1LjMyMyIgcj0iMTQuOTY4Ii8+PHVzZSBmaWxsPSJ1cmwoI2YpIiB4bGluazpocmVmPSIjZyIvPjx1c2UgZmlsbD0idXJsKCNoKSIgeGxpbms6aHJlZj0iI2ciLz48Y2lyY2xlIGZpbGw9InVybCgjaSkiIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjY2LjAzMiIgY3k9IjQ1LjgzOSIgcj0iMTMuNDE5Ii8+PHBhdGggZD0iTTcwLjQ4NCAzNS41MTZjMS43NjUgMCAzLjQxOC40ODUgNC44NCAxLjMzYTguNjM4IDguNjM4IDAgMDAtMi40MzctLjM1Yy01LjMxIDAtOS42MTMgNC44NzYtOS42MTMgMTAuMjg2IDAgMi43NzMgMS4xMyA1LjQwNiAyLjk0OCA3LjMxNC0zLjE3LTEuNi01LjM1MS00LjkzMi01LjM1MS04Ljc4MyAwLTUuNDEgNC4zMDQtOS43OTcgOS42MTMtOS43OTd6IiBmaWxsPSJ1cmwoI2opIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMzYuMTk0IDApIi8+PHBhdGggZmlsbD0iI0YwRjNGNiIgb3BhY2l0eT0iLjY5NiIgZD0iTTIyLjY3NyAxMy44MzlINTEuNTh2Mi4wNjVIMjIuNjc3eiIvPjxyZWN0IGZpbGw9IiNFNUU4RUMiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjcxOCIgeT0iNTIiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiByeD0iMSIvPjxwYXRoIGQ9Ik02IDQ5djhhMSAxIDAgMDEtMiAwdi04YTEgMSAwIDAxMiAweiIgZmlsbD0iI0U1RThFQyIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIuNzE4Ii8+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 50%
}

.docfb-tp-list-empty__content {
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.docfb-tp-list__group-label {
    margin-bottom: 8px;
    color: #999;
    font-weight: 400;
    font-size: inherit
}

.docfb-tp-list__group>ul {
    padding: 0;
    list-style: none
}

select.docfb-tp-select {
    display: inline-block;
    box-sizing: border-box;
    width: 400px;
    height: 36px;
    padding: 0 36px 0 12px;
    color: #000;
    font-size: 14px;
    line-height: 34px;
    text-align: left;
    vertical-align: middle;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgxNnYxNkgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEzLjI5OSA1TDggMTAuMyAyLjcgNWwtLjcuNTk5TDggMTEuNmw1Ljk5OS02LjAwMS0uNy0uNTk5eiIgZmlsbD0iIzdDODQ4RSIvPjwvc3ZnPg==) no-repeat right 12px center;
    background-color: #fff;
    border: 1px solid #e3e6eb;
    border-radius: 0;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

select.docfb-tp-select:hover {
    border-color: #0052d9
}

select.docfb-tp-select:focus {
    outline: none
}

select.docfb-tp-select.size-l {
    height: 40px;
    line-height: 38px
}

select.docfb-tp-select.size-s {
    height: 32px;
    line-height: 30px
}

select.docfb-tp-select.size-full-width {
    width: 100%
}

@media screen and (max-width:600px) {
    select.docfb-tp-select.m-size-xxl {
        height: 48px;
        line-height: 46px
    }
}

.docfb-feedback-record {
    padding: 12px 16px;
    background: #f1f2f5;
    border-radius: 4px;
    cursor: pointer
}

.docfb-feedback-record-group {
    padding-bottom: 30px
}

.docfb-feedback-record-filter {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #fff;
    margin-bottom: 16px;
    padding-top: 2px
}

.docfb-feedback-record-filter .docfb-tp-grid__layout {
    overflow: initial
}

.docfb-feedback-record__hd {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center
}

.docfb-feedback-record__sign {
    margin-right: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0052d9;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-feedback-record__date {
    line-height: 24px;
    font-size: 12px;
    color: #97a3b7;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1 1 auto;
    flex: 1 1 auto
}

.docfb-feedback-record__tag {
    padding: 0 8px;
    min-width: 56px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    background: #0052d9;
    background: linear-gradient(135deg, #0052d9 9%, #2774f3 88%);
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-feedback-record__tag.is-green {
    background: #239744;
    background: linear-gradient(135deg, #00b2d9 9%, #239744 88%)
}

.docfb-feedback-record__tag.is-yellow {
    background: #239744;
    background: linear-gradient(103deg, #fff600 -10.34%, #ff8c00 51.18%, #f35d00 95.11%)
}

.docfb-feedback-record__tag.is-gray {
    background: #7b7d80;
    background: linear-gradient(135deg, #7b7d80 9%, #81868f 88%)
}

.docfb-feedback-record__tit {
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: #181818
}

.docfb-feedback-record__desc {
    margin-top: 4px;
    line-height: 20px;
    font-size: 12px;
    color: #4b5b76
}

.docfb-feedback-record+.docfb-feedback-record {
    margin-top: 16px
}

.docfb-tp-tooltip {
    display: inline-block;
    box-sizing: border-box;
    max-width: 300px
}

.docfb-tp-tooltip__inner {
    padding: 3px 7px;
    color: #fff;
    font-size: 12px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-color: rgba(0, 0, 0, .9);
    border-color: rgba(0, 0, 0, .9);
    border-radius: 4px;
    box-shadow: inherit
}

.docfb-collect-record {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #d6dbe3;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center
}

.docfb-collect-record__main {
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1 1 auto;
    flex: 1 1 auto
}

.docfb-collect-record__extra {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-collect-record__extra .docfb-tp-btn {
    min-width: 60px;
    padding-left: 4px;
    padding-right: 4px;
    height: 30px;
    line-height: 28px;
    font-size: 12px
}

.docfb-collect-record__tit {
    line-height: 24px;
    font-size: 16px;
    color: #181818;
    font-weight: 400
}

.docfb-collect-record__crumb {
    margin-top: 12px;
    font-size: 0
}

.docfb-collect-record__crumb-item {
    vertical-align: middle;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    max-width: 100%
}

.docfb-collect-record__crumb-link {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #4b5b76;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1 1 auto;
    flex: 1 1 auto
}

.docfb-collect-record__crumb-link:hover {
    color: #0052d9
}

.docfb-collect-record__crumb-split {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPueUu+advzwvdGl0bGU+PGcgaWQ9J+eUu+advycgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBvbHlnb24gaWQ9J+i3r+W+hCcgZmlsbD0nIzk3QTNCNycgZmlsbC1ydWxlPSdub256ZXJvJyBwb2ludHM9JzYuMjI5ODIgMTIuNDU5NiA1LjMxMDU4IDExLjU0MDQgOC44NTA5NiA4LjAwMDAyIDUuMzEwNTggNC40NTk2NCA2LjIyOTgyIDMuNTQwNCAxMC42ODk0MiA4LjAwMDAyJz48L3BvbHlnb24+PC9nPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-collect-record__data {
    margin-top: 4px;
    font-size: 0
}

.docfb-collect-record__data-item {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    font-size: 12px;
    color: #97a3b7
}

.docfb-status {
    padding: 20px;
    text-align: center
}

.docfb-status__desc {
    line-height: 20px;
    font-size: 14px;
    color: #97a3b7
}

.docfb-tp-mask {
    z-index: 1000;
    background-color: #000;
    opacity: .5
}

.docfb-tp-popup {
    position: fixed;
    z-index: 1001;
    max-height: 100%;
    overflow-y: auto;
    background-color: #fff
}

.docfb-tp-popup-fixed-bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.docfb-popup {
    width: 400px;
    background: #fff;
    box-shadow: -8px 8px 20px rgba(55, 99, 170, .1), -8px 8px 20px #fff
}

.docfb-popup__btn {
    display: block;
    position: absolute;
    background: #fff;
    border: none;
    outline: none;
    box-shadow: -8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    cursor: pointer
}

.docfb-popup__btn:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px
}

.docfb-popup.docfb-tp-popup {
    top: 0;
    overflow: visible
}

.docfb-popup.docfb-tp-popup-fixed-right .docfb-popup__btn {
    right: 100%;
    top: 50%;
    width: 24px;
    height: 64px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 8px 0 0 8px
}

.docfb-popup.docfb-tp-popup-fixed-right .docfb-popup__btn:after {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTEyLjI1MzEgNy44ODkwOUwxMC44Mzg4IDkuMzAzM0w1Ljg4OTA5IDE0LjI1M0w0LjQ3NDg4IDEyLjgzODhMOS40MjQwNSA3Ljg4OTEzTDQuNDc0ODggMi45MzkzNEw1Ljg4OTA5IDEuNTI1MTNMMTIuMjUzMSA3Ljg4OTA5WicgZmlsbD0nIzAwNTJEOScvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-toast {
    position: absolute;
    z-index: 999;
    padding: 12px 16px;
    background: #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
    border-radius: 2px
}

.docfb-toast__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap
}

.docfb-toast__icon {
    margin-right: 16px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-toast__icon .docfb-icon {
    display: block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-toast__icon .docfb-icon-error {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjhweCcgaGVpZ2h0PScyOHB4JyB2aWV3Qm94PScwIDAgMjggMjgnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPueUu+advzwvdGl0bGU+PGcgaWQ9J+eUu+advycgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PGcgaWQ9J+Wksei0peaPkOekuicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMC41MDAwMDAsIDAuNTAwMDAwKSc+PGNpcmNsZSBpZD0n5qSt5ZyG5b2iJyBmaWxsPScjRjY0MDQxJyBmaWxsLXJ1bGU9J25vbnplcm8nIGN4PScxMy41JyBjeT0nMTMuNScgcj0nMTMuNSc+PC9jaXJjbGU+PHBvbHlnb24gaWQ9J+i3r+W+hCcgZmlsbD0nI0ZGRkZGRicgcG9pbnRzPScxMC4xMjEyIDggNy45OTk4OCAxMC4xMjEzIDExLjUzNTQgMTMuNjU2OSA3Ljk5OTg4IDE3LjE5MjQgMTAuMTIxMiAxOS4zMTM3IDEzLjY1NjcgMTUuNzc4MiAxNy4xOTIzIDE5LjMxMzcgMTkuMzEzNiAxNy4xOTI0IDE1Ljc3ODEgMTMuNjU2OSAxOS4zMTM2IDEwLjEyMTMgMTcuMTkyMyA4IDEzLjY1NjcgMTEuNTM1NSc+PC9wb2x5Z29uPjwvZz48L2c+PC9zdmc+")
}

.docfb-toast__cont {
    padding: 3px 0;
    line-height: 22px;
    font-size: 14px
}

.docfb-toast.is-error {
    color: #b42c3f
}

.docfb-popup--feedback .docfb-feedback-panel,
.docfb-popup--feedback .docfb-popup__cont,
.docfb-popup--feedback .docfb-tp-popup-inner {
    height: 100%
}

.docfb-popup--feedback .docfb-feedback-panel__bd {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.docfb-popup--feedback .docfb-feedback-steps {
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.docfb-popup--feedback .docfb-feedback-steps__bd {
    margin-right: -20px;
    padding-right: 20px;
    padding-bottom: 4px
}

.docfb-popup--feedback .docfb-toast {
    position: absolute;
    top: 142px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.docfb-popup--feedback .docfb-collect-record__crumb {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.docfb-popup--feedback .docfb-collect-record__crumb-item {
    display: inline;
    vertical-align: top
}

.docfb-popup--feedback .docfb-collect-record__crumb-split {
    display: inline-block;
    vertical-align: -3px
}

.docfb-popup--feedback .docfb-collect-record__crumb-link {
    display: inline;
    vertical-align: top
}

.docfb-guide-media {
    background: #0052d9;
    border-radius: 2px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap
}

.docfb-guide-media__main {
    padding: 12px 0 12px 16px;
    min-width: 0;
    min-height: 0;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.docfb-guide-media__main:last-child {
    padding-right: 16px
}

.docfb-guide-media__tit {
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

.docfb-guide-media__btns {
    margin-top: 10px
}

.docfb-guide-media__btns .docfb-tp-btn {
    min-width: 0;
    padding: 0 16px;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: #0052d9;
    background-color: #fff;
    border-color: #fff;
    box-shadow: none
}

.docfb-guide-media__btns .docfb-tp-btn+.docfb-tp-btn {
    margin-left: 8px
}

.docfb-guide-media__btns .docfb-tp-btn--hole {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.docfb-guide-media__btns .docfb-tp-btn--hole:hover {
    color: #0052d9;
    background-color: #fff;
    border-color: #fff
}

.docfb-guide-media__object {
    padding: 8px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.docfb-guide-media__image {
    display: block;
    width: 80px;
    height: auto
}

.docfb-float-btn {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    padding: 7px 10px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #00a4ff;
    background-color: #fff;
    border: 1px solid #00a4ff;
    cursor: pointer;
    position: relative
}

.docfb-float-btn:after {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background-color: #00a4ff;
    border-right: 1px solid #00a4ff;
    border-bottom: 1px solid #00a4ff;
    background-color: #fff;
    -webkit-transform: rotate(45deg) translateY(-3px);
    -ms-transform: rotate(45deg) translateY(-3px);
    transform: rotate(45deg) translateY(-3px)
}

.docfb-float-btn:hover {
    color: #fff;
    border-color: #00a4ff
}

.docfb-float-btn:hover,
.docfb-float-btn:hover:after {
    background-color: #00a4ff
}

.docfb-tp-mask {
    background: rgba(0, 0, 0, .75)
}

.docfb-tp-mask,
.docfb-tp-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%
}

.docfb-tp-modal {
    padding: 32px 0;
    overflow: auto;
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

.docfb-tp-modal:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.docfb-tp-modal__inner {
    position: relative;
    display: inline-block;
    width: 480px;
    max-width: 100%;
    font-size: 14px;
    line-height: 24px;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .06)
}

.docfb-tp-modal__hd {
    padding: 28px 28px 12px
}

.docfb-tp-modal__title {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px
}

.docfb-tp-modal__close {
    right: 0;
    bottom: 100%;
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
    font-size: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgZmlsbC1vcGFjaXR5PSIuMiIgZmlsbD0iIzAwMCIgY3g9IjEyIiBjeT0iMTIiIHI9IjExLjUiLz48cGF0aCBkPSJNNCA0aDE2djE2SDR6Ii8+PC9nPjxwYXRoIGQ9Ik04Ljk0OCA4LjE2M0wxMiAxMS4yMTRsMy4wNTItMy4wNTFhLjU1NS41NTUgMCAxMS43ODUuNzg1TDEyLjc4NiAxMmwzLjA1MSAzLjA1MmEuNTU2LjU1NiAwIDAxLS43ODUuNzg1TDEyIDEyLjc4NmwtMy4wNTIgMy4wNTFhLjU1NS41NTUgMCAxMS0uNzg1LS43ODVMMTEuMjE0IDEyIDguMTYzIDguOTQ4YS41NTYuNTU2IDAgMDEuNzg1LS43ODV6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+);
    cursor: pointer
}

.docfb-tp-modal__close:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgZmlsbC1vcGFjaXR5PSIuNiIgZmlsbD0iIzAwMCIgY3g9IjEyIiBjeT0iMTIiIHI9IjExLjUiLz48cGF0aCBkPSJNNCA0aDE2djE2SDR6Ii8+PC9nPjxwYXRoIGQ9Ik04Ljk0OCA4LjE2M0wxMiAxMS4yMTRsMy4wNTItMy4wNTFhLjU1NS41NTUgMCAxMS43ODUuNzg1TDEyLjc4NiAxMmwzLjA1MSAzLjA1MmEuNTU2LjU1NiAwIDAxLS43ODUuNzg1TDEyIDEyLjc4NmwtMy4wNTIgMy4wNTFhLjU1NS41NTUgMCAxMS0uNzg1LS43ODVMMTEuMjE0IDEyIDguMTYzIDguOTQ4YS41NTYuNTU2IDAgMDEuNzg1LS43ODV6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+)
}

.docfb-tp-modal__bd {
    max-height: 638px;
    padding: 12px 28px 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-height:768px) {
    .docfb-tp-modal__bd {
        max-height: 438px
    }
}

.docfb-tp-modal__bd:last-child {
    padding-bottom: 28px
}

.docfb-tp-modal__bd::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.docfb-tp-modal__bd::-webkit-scrollbar-thumb {
    background-color: #dee1e6;
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 6px
}

.docfb-tp-modal__ft {
    padding: 28px;
    font-size: 0;
    text-align: center
}

.docfb-tp-modal__ft .docfb-tp-btn {
    margin: 0 6px
}

.docfb-tp-modal.size-s .docfb-tp-modal__inner {
    width: 380px
}

.docfb-tp-modal.size-l .docfb-tp-modal__inner {
    width: 580px
}

.docfb-tp-modal.size-auto .docfb-tp-modal__inner {
    width: auto
}

.docfb-tp-modal--no-title .docfb-tp-modal__hd {
    padding-bottom: 0
}

.docfb-tp-modal--no-title .docfb-tp-modal__bd {
    padding-top: 0
}

.docfb-tp-modal--no-title .docfb-tp-modal__bd:first-child {
    padding-top: 28px
}

.docfb-tp-modal__msg-hd {
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 0
}

.docfb-tp-modal__msg-icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 24px;
    margin-right: 8px;
    color: #0052d9
}

.docfb-tp-modal__msg-icon img {
    display: block;
    max-height: 100%
}

.docfb-tp-modal__msg-icon .docfb-tp-icon--success-24 {
    color: #0cbf5b
}

.docfb-tp-modal__msg-icon .docfb-tp-icon--error-24 {
    color: #f64041
}

.docfb-tp-modal__msg-icon .docfb-tp-icon--warning-24 {
    color: #ff7800
}

.docfb-tp-modal__msg-title {
    color: #000;
    font-weight: 500;
    line-height: 26px
}

.docfb-tp-modal__msg-bd {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    word-wrap: break-word
}

@media screen and (max-width:600px) {
    .docfb-tp-modal {
        padding: 0
    }

    .docfb-tp-modal__inner {
        width: 300px !important
    }

    .docfb-tp-modal__hd {
        padding: 24px 24px 8px
    }

    .docfb-tp-modal__bd {
        max-height: none;
        padding: 0 24px 24px
    }

    .docfb-tp-modal__bd:last-child {
        padding-bottom: 24px
    }

    .docfb-tp-modal__ft {
        position: relative;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        padding: 0;
        border-top: 1px solid transparent
    }

    .docfb-tp-modal__ft:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e5e8ed;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top;
        content: ""
    }

    .docfb-tp-modal__ft .docfb-tp-btn {
        position: relative;
        margin: 0
    }

    .docfb-tp-modal__ft .docfb-tp-btn:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #e5e8ed;
        -webkit-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        content: ""
    }

    .docfb-tp-modal__ft .docfb-tp-btn:last-child:before {
        display: none
    }

    .docfb-tp-modal__ft .docfb-tp-btn,
    .docfb-tp-modal__ft .docfb-tp-btn:hover {
        -webkit-box-flex: 1;
        flex: 1;
        height: 48px;
        color: #00a4ff;
        font-size: 16px;
        line-height: 48px;
        background: transparent;
        border: none
    }

    .docfb-tp-modal__ft .docfb-tp-btn:active,
    .docfb-tp-modal__ft .docfb-tp-btn:hover:active {
        background: rgba(0, 0, 0, .04)
    }

    .docfb-tp-modal__ft .docfb-tp-btn--hole,
    .docfb-tp-modal__ft .docfb-tp-btn--hole:hover {
        color: #000
    }

    .docfb-tp-modal--no-title .docfb-tp-modal__bd:first-child {
        padding-top: 24px
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__inner {
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 100% !important;
        max-width: none;
        height: 100%;
        border-radius: 0;
        box-shadow: none
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__hd {
        position: relative;
        height: 56px;
        padding: 16px 32px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .12)
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__title {
        overflow: hidden;
        color: #000;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        text-align: center;
        text-overflow: ellipsis
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__close {
        top: 0;
        right: 0;
        bottom: auto;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 48px;
        height: 56px;
        margin-bottom: 0;
        background-image: none
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__close:after {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjY3NSAxLjMyNmExLjExMSAxLjExMSAwIDAxMCAxLjU3TDkuNTcgOGw1LjEwNCA1LjEwM2ExLjExMSAxLjExMSAwIDAxLTEuNTcxIDEuNTcyTDggOS41N2wtNS4xMDQgNS4xMDRhMS4xMSAxLjExIDAgMTEtMS41Ny0xLjU3Mkw2LjQyOCA4IDEuMzI1IDIuODk3YTEuMTExIDEuMTExIDAgMDExLjU3MS0xLjU3Mkw4IDYuNDNsNS4xMDQtNS4xMDRhMS4xMSAxLjExIDAgMDExLjU3IDB6IiBmaWxsPSIjQ0NDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
        content: ""
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__close:active:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjY3NSAxLjMyNmExLjExMSAxLjExMSAwIDAxMCAxLjU3TDkuNTcgOGw1LjEwNCA1LjEwM2ExLjExMSAxLjExMSAwIDAxLTEuNTcxIDEuNTcyTDggOS41N2wtNS4xMDQgNS4xMDRhMS4xMSAxLjExIDAgMTEtMS41Ny0xLjU3Mkw2LjQyOCA4IDEuMzI1IDIuODk3YTEuMTExIDEuMTExIDAgMDExLjU3MS0xLjU3Mkw4IDYuNDNsNS4xMDQtNS4xMDRhMS4xMSAxLjExIDAgMDExLjU3IDB6IiBmaWxsPSIjMDBhNGZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=)
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__bd {
        -webkit-box-flex: 1;
        flex: 1;
        max-height: none;
        padding: 20px 16px
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__ft {
        padding: 16px 10px
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__ft .docfb-tp-btn {
        margin: 0 6px
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__ft .docfb-tp-btn:before {
        display: none
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__ft .docfb-tp-btn,
    .docfb-tp-modal.m-size-full .docfb-tp-modal__ft .docfb-tp-btn:hover {
        color: #fff;
        line-height: 46px;
        background: #00a4ff;
        border: 1px solid transparent
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__ft .docfb-tp-btn:active {
        background: #0092ee
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__ft .docfb-tp-btn--hole,
    .docfb-tp-modal.m-size-full .docfb-tp-modal__ft .docfb-tp-btn--hole:hover {
        color: #00a4ff;
        background: transparent;
        border: 1px solid #00a4ff
    }

    .docfb-tp-modal.m-size-full .docfb-tp-modal__ft .docfb-tp-btn--hole:active {
        color: #00a4ff;
        background: rgba(0, 164, 255, .15)
    }
}

.docfb-tp-msg {
    position: relative;
    margin-bottom: 25px;
    padding: 12px 12px 12px 40px;
    font-size: 14px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -webkit-font-smoothing: antialiased
}

.docfb-tp-msg__title {
    font-weight: 500
}

.docfb-tp-msg__desc,
.docfb-tp-msg__title {
    color: #333;
    font-size: 14px;
    line-height: 24px
}

.docfb-tp-msg__icon {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 16px;
    height: 16px
}

.docfb-tp-msg__list {
    margin-top: 4px
}

.docfb-tp-msg__list li {
    margin-top: 4px;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    list-style: none
}

.docfb-tp-msg__list li:first-child {
    margin-top: 0
}

.docfb-tp-msg__list li:before {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    vertical-align: 3px;
    background-color: #999;
    border-radius: 50%;
    content: ""
}

.docfb-tp-msg--explain {
    background-color: #f6fcff;
    border-color: #c9e3f2
}

.docfb-tp-msg--explain:before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 2px;
    height: calc(100% + 2px);
    background-color: #00a4ff;
    content: ""
}

.docfb-tp-msg--explain .docfb-tp-msg__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PGNpcmNsZSBzdHJva2U9IiMwMEE0RkYiIHN0cm9rZS13aWR0aD0iMiIgY3g9IjgiIGN5PSI4IiByPSI3Ii8+PHBhdGggZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSA3SDZ2MWgxdjRoMS45MTdsMS0xSDl6TTcgNGgydjJIN3oiLz48L2c+PC9zdmc+)
}

.docfb-tp-msg--explain .docfb-tp-msg__title {
    color: #333
}

.docfb-tp-msg--explain li:before {
    background-color: #00a4ff
}

.docfb-tp-msg--alarm {
    background-color: #fcf9e9;
    border-color: #ffe5cd
}

.docfb-tp-msg--alarm:before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 2px;
    height: calc(100% + 2px);
    background-color: #ff7800;
    content: ""
}

.docfb-tp-msg--alarm .docfb-tp-msg__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHJlY3QgZmlsbD0iI0ZGNzgwMCIgeD0iMSIgeT0iMTEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIyIiByeD0iMSIvPjxwYXRoIGQ9Ik03IDNWMWExIDEgMCAxMTIgMHYySDd6TTcgMTRoMmExIDEgMCAwMTAgMkg3YTEgMSAwIDAxMC0yeiIgZmlsbD0iI0ZGNzgwMCIvPjxwYXRoIGQ9Ik04IDFhNiA2IDAgMDE2IDZ2NkgyVjdhNiA2IDAgMDE2LTZ6bTQgNmE0IDQgMCAxMC04IDB2NGg4Vjd6IiBmaWxsPSIjRkY3ODAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+)
}

.docfb-tp-msg--alarm .docfb-tp-msg__title {
    color: #ff7800
}

.docfb-tp-msg--alarm li:before {
    background-color: #ff7800
}

.docfb-tp-msg--forbid {
    background-color: #fff7f7;
    border-color: #ffd6d7
}

.docfb-tp-msg--forbid:before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 2px;
    height: calc(100% + 2px);
    background-color: #f64041;
    content: ""
}

.docfb-tp-msg--forbid .docfb-tp-msg__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PGNpcmNsZSBzdHJva2U9IiNGNjQwNDEiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgOCA4KSIgY3g9IjgiIGN5PSI4IiByPSI2Ii8+PHBhdGggZmlsbD0iI0Y2NDA0MSIgZD0iTTEyLjI0MyAyLjM0M2wxLjQxNCAxLjQxNC05LjkgOS45LTEuNDE0LTEuNDE0eiIvPjwvZz48L3N2Zz4=)
}

.docfb-tp-msg--forbid .docfb-tp-msg__title {
    color: #f64041
}

.docfb-tp-msg--forbid li:before {
    background-color: #f64041
}

.docfb-tp-msg--notice {
    background-color: #f1feff;
    border-color: rgba(53, 210, 226, .43)
}

.docfb-tp-msg--notice:before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 2px;
    height: calc(100% + 2px);
    background-color: #04c8dc;
    content: ""
}

.docfb-tp-msg--notice .docfb-tp-msg__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOS43MyAyLjY2NGw0LjgzOSA4LjMzMkEyIDIgMCAwMTEyLjgzOSAxNEgzLjE2MWEyIDIgMCAwMS0xLjczLTMuMDA0bDQuODQtOC4zMzJhMiAyIDAgMDEzLjQ1OCAweiIgc3Ryb2tlPSIjMDRDOERDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGZpbGw9IiMwNEM4REMiIGQ9Ik03IDVoMnY0SDd6TTcgMTBoMnYySDd6Ii8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-msg--notice .docfb-tp-msg__title {
    color: #04c8dc
}

.docfb-tp-msg--notice li:before {
    background-color: #04c8dc
}

.docfb-tp-msg.size-s {
    padding: 12px 12px 12px 16px;
    font-size: 12px;
    line-height: 20px
}

.docfb-tp-msg.size-s .docfb-tp-msg__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

.docfb-tp-msg.size-s .docfb-tp-msg__icon {
    position: relative;
    top: 2px;
    left: 0;
    margin-right: 8px
}

.docfb-tp-msg.size-s .docfb-tp-msg__title {
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap
}

.docfb-tp-msg.size-s .docfb-tp-msg__desc {
    -webkit-box-flex: 1;
    flex: 1;
    width: 0;
    font-size: 12px;
    line-height: 20px
}

.docfb-tp-msg.size-s .docfb-tp-msg__list {
    margin-top: 0
}

.docfb-tp-msg.size-s .docfb-tp-msg__list li {
    margin-top: 0;
    font-size: 12px;
    line-height: 20px
}

.docfb-tp-msg.size-s .docfb-tp-msg__list li:before {
    width: 4px;
    height: 4px;
    margin-right: 4px
}

.docfb-tp-msg--fixed {
    position: fixed;
    top: 40px;
    left: 50%;
    max-width: 90%;
    max-width: min(90%, 800px);
    margin-bottom: 0;
    padding: 8px 20px;
    font-size: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 7px 25px 0 rgba(207, 216, 221, .76);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.docfb-tp-msg--fixed .docfb-tp-msg__cont {
    margin-left: 24px;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.docfb-tp-msg--fixed .docfb-tp-msg__desc {
    color: #333;
    font-size: 14px;
    line-height: 24px
}

.docfb-tp-msg--fixed .docfb-tp-msg__close {
    position: absolute;
    top: 12px;
    right: 16px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgxNnYxNkgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyLjI0MyAxMC44MjhMOS40MTQgOGwyLjgyOS0yLjgyOC0xLjQxNS0xLjQxNUw4IDYuNTg2IDUuMTcyIDMuNzU3IDMuNzU3IDUuMTcyIDYuNTg2IDhsLTIuODI5IDIuODI4IDEuNDE1IDEuNDE1TDggOS40MTRsMi44MjggMi44MjkgMS40MTUtMS40MTV6IiBmaWxsPSIjMzMzIi8+PC9zdmc+);
    cursor: pointer
}

.docfb-tp-msg--fixed .docfb-tp-msg__close:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgxNnYxNkgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyLjI0MyAxMC44MjhMOS40MTQgOGwyLjgyOS0yLjgyOC0xLjQxNS0xLjQxNUw4IDYuNTg2IDUuMTcyIDMuNzU3IDMuNzU3IDUuMTcyIDYuNTg2IDhsLTIuODI5IDIuODI4IDEuNDE1IDEuNDE1TDggOS40MTRsMi44MjggMi44MjkgMS40MTUtMS40MTV6IiBmaWxsPSIjMDBBNEZGIi8+PC9zdmc+)
}

.docfb-tp-msg--fixed .docfb-tp-msg__icon {
    top: 12px;
    left: 20px;
    display: block;
    margin-right: 8px
}

.docfb-tp-msg--fixed.docfb-tp-msg--success .docfb-tp-msg__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTggMGE4IDggMCAxMTAgMTZBOCA4IDAgMDE4IDB6bTAgMmE2IDYgMCAxMDAgMTJBNiA2IDAgMDA4IDJ6bTMuMDcxIDNsMS40MTQgMS40MTQtNC45NSA0Ljk1TDQgNy44MjhsMS40MTQtMS40MTQgMi4xMjEgMi4xMjFMMTEuMDcxIDV6IiBmaWxsPSIjMEFCRjVCIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+)
}

.docfb-tp-msg--fixed.docfb-tp-msg--error .docfb-tp-msg__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTggMGE4IDggMCAxMTAgMTZBOCA4IDAgMDE4IDB6bTAgMmE2IDYgMCAxMDAgMTJBNiA2IDAgMDA4IDJ6bTEgNy45OXYySDd2LTJoMnptMC02djVIN3YtNWgyeiIgZmlsbD0iI0U1NDU0NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-msg--fixed.docfb-tp-msg--closable .docfb-tp-msg__cont {
    margin-right: 28px
}

.docfb-tp-bubble {
    position: relative;
    display: inline-block;
    max-width: 300px
}

.docfb-tp-bubble__inner {
    position: static !important;
    box-sizing: border-box;
    padding: 12px;
    color: #333;
    font-size: 12px;
    line-height: 1.5;
    white-space: normal;
    word-wrap: break-word;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 1px 1.73px 3px 0 rgba(0, 0, 0, .1)
}

.docfb-tp-bubble__inner:after,
.docfb-tp-bubble__inner:before {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    border: 6px solid transparent;
    content: ""
}

.docfb-tp-bubble--top .docfb-tp-bubble__inner {
    bottom: 100%;
    left: 50%
}

.docfb-tp-bubble--top .docfb-tp-bubble__inner:before {
    right: inherit;
    bottom: inherit;
    left: inherit;
    margin-left: -6px;
    border-bottom-color: #ddd
}

.docfb-tp-bubble--top .docfb-tp-bubble__inner:after {
    right: inherit;
    bottom: inherit;
    left: inherit;
    margin-bottom: -1px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.docfb-tp-bubble--top.docfb-tp-bubble--start .docfb-tp-bubble__inner {
    left: 15px
}

.docfb-tp-bubble--top.docfb-tp-bubble--end .docfb-tp-bubble__inner {
    right: 15px;
    left: auto
}

.docfb-tp-bubble--top.docfb-tp-bubble--end .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--top.docfb-tp-bubble--end .docfb-tp-bubble__inner:before,
.docfb-tp-bubble--top.docfb-tp-bubble--start .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--top.docfb-tp-bubble--start .docfb-tp-bubble__inner:before {
    margin-left: 0
}

.docfb-tp-bubble--bottom .docfb-tp-bubble__inner {
    top: 100%;
    left: 50%
}

.docfb-tp-bubble--bottom .docfb-tp-bubble__inner:before {
    top: inherit;
    right: inherit;
    left: inherit;
    margin-left: -6px;
    border-top-color: #ddd
}

.docfb-tp-bubble--bottom .docfb-tp-bubble__inner:after {
    top: inherit;
    right: inherit;
    left: inherit;
    margin-top: -1px;
    margin-left: -6px;
    border-top-color: #fff
}

.docfb-tp-bubble--bottom.docfb-tp-bubble--start .docfb-tp-bubble__inner {
    left: 15px
}

.docfb-tp-bubble--bottom.docfb-tp-bubble--end .docfb-tp-bubble__inner {
    right: 15px;
    left: auto
}

.docfb-tp-bubble--bottom.docfb-tp-bubble--end .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--bottom.docfb-tp-bubble--end .docfb-tp-bubble__inner:before,
.docfb-tp-bubble--bottom.docfb-tp-bubble--start .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--bottom.docfb-tp-bubble--start .docfb-tp-bubble__inner:before {
    margin-left: 0
}

.docfb-tp-bubble--left .docfb-tp-bubble__inner {
    top: 50%;
    right: 100%
}

.docfb-tp-bubble--left .docfb-tp-bubble__inner:before {
    top: inherit;
    right: inherit;
    bottom: inherit;
    margin-top: -6px;
    border-right-color: #ddd
}

.docfb-tp-bubble--left .docfb-tp-bubble__inner:after {
    top: inherit;
    right: inherit;
    bottom: inherit;
    margin-top: -6px;
    margin-right: -1px;
    border-right-color: #fff
}

.docfb-tp-bubble--left.docfb-tp-bubble--start .docfb-tp-bubble__inner {
    top: 15px
}

.docfb-tp-bubble--left.docfb-tp-bubble--end .docfb-tp-bubble__inner {
    top: auto;
    bottom: 15px
}

.docfb-tp-bubble--left.docfb-tp-bubble--end .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--left.docfb-tp-bubble--end .docfb-tp-bubble__inner:before,
.docfb-tp-bubble--left.docfb-tp-bubble--start .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--left.docfb-tp-bubble--start .docfb-tp-bubble__inner:before {
    margin-top: 0
}

.docfb-tp-bubble--right .docfb-tp-bubble__inner {
    top: 50%;
    left: 100%
}

.docfb-tp-bubble--right .docfb-tp-bubble__inner:before {
    top: inherit;
    bottom: inherit;
    left: inherit;
    margin-top: -6px;
    border-left-color: #ddd
}

.docfb-tp-bubble--right .docfb-tp-bubble__inner:after {
    top: inherit;
    bottom: inherit;
    left: inherit;
    margin-top: -6px;
    margin-left: -1px;
    border-left-color: #fff
}

.docfb-tp-bubble--right.docfb-tp-bubble--start .docfb-tp-bubble__inner {
    top: 15px
}

.docfb-tp-bubble--right.docfb-tp-bubble--end .docfb-tp-bubble__inner {
    top: auto;
    bottom: 15px
}

.docfb-tp-bubble--right.docfb-tp-bubble--end .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--right.docfb-tp-bubble--end .docfb-tp-bubble__inner:before,
.docfb-tp-bubble--right.docfb-tp-bubble--start .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--right.docfb-tp-bubble--start .docfb-tp-bubble__inner:before {
    margin-top: 0
}

.docfb-tp-bubble--error .docfb-tp-bubble__inner {
    color: #be3b38;
    background-color: #fbe3e3;
    border-color: #fbe3e3;
    box-shadow: none
}

.docfb-tp-bubble--error.docfb-tp-bubble--top .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--error.docfb-tp-bubble--top .docfb-tp-bubble__inner:before {
    border-bottom-color: #fbe3e3
}

.docfb-tp-bubble--error.docfb-tp-bubble--bottom .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--error.docfb-tp-bubble--bottom .docfb-tp-bubble__inner:before {
    border-top-color: #fbe3e3
}

.docfb-tp-bubble--error.docfb-tp-bubble--left .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--error.docfb-tp-bubble--left .docfb-tp-bubble__inner:before {
    border-right-color: #fbe3e3
}

.docfb-tp-bubble--error.docfb-tp-bubble--right .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--error.docfb-tp-bubble--right .docfb-tp-bubble__inner:before {
    border-left-color: #fbe3e3
}

.docfb-tp-bubble--dark .docfb-tp-bubble__inner {
    color: #fff;
    background-color: #333;
    border-color: #333;
    box-shadow: none
}

.docfb-tp-bubble--dark.docfb-tp-bubble--top .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--dark.docfb-tp-bubble--top .docfb-tp-bubble__inner:before {
    border-bottom-color: #333
}

.docfb-tp-bubble--dark.docfb-tp-bubble--bottom .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--dark.docfb-tp-bubble--bottom .docfb-tp-bubble__inner:before {
    border-top-color: #333
}

.docfb-tp-bubble--dark.docfb-tp-bubble--left .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--dark.docfb-tp-bubble--left .docfb-tp-bubble__inner:before {
    border-right-color: #333
}

.docfb-tp-bubble--dark.docfb-tp-bubble--right .docfb-tp-bubble__inner:after,
.docfb-tp-bubble--dark.docfb-tp-bubble--right .docfb-tp-bubble__inner:before {
    border-left-color: #333
}

.docfb-tp-qr__mod {
    position: relative;
    width: 168px;
    height: 168px;
    margin: 0 auto 12px
}

.docfb-tp-qr__mod.is-success .docfb-tp-qr__img-mask {
    color: #0cbf5b
}

.docfb-tp-qr__mod.is-success .docfb-tp-qr__img-mask .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDBjOC44NSAwIDE2IDcuMTUgMTYgMTZzLTcuMTUgMTYtMTYgMTZTMCAyNC44NSAwIDE2IDcuMTUgMCAxNiAwem0wIDJDOC4yNzkgMiAyIDguMjc5IDIgMTZzNi4yNzkgMTQgMTQgMTQgMTQtNi4yNzkgMTQtMTRTMjMuNzIxIDIgMTYgMnptNi44NSA5LjI0M2wxLjQxMyAxLjQxNC05LjE5MyA5LjE5MmguMDAxbC0xLjQxNCAxLjQxNEw4IDE3LjYwN2wxLjQxNC0xLjQxNSA0LjI0MiA0LjI0MiA5LjE5My05LjE5MXoiIGZpbGw9IiMwQUJGNUIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==)
}

.docfb-tp-qr__mod.is-error .docfb-tp-qr__img-mask {
    color: #f64041
}

.docfb-tp-qr__mod.is-error .docfb-tp-qr__img-mask .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0UxNTA0QSIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTYgMEM3LjE1IDAgMCA3LjE1IDAgMTZzNy4xNSAxNiAxNiAxNiAxNi03LjE1IDE2LTE2UzI0Ljg1IDAgMTYgMG0wIDJjNy43MjEgMCAxNCA2LjI3OSAxNCAxNHMtNi4yNzkgMTQtMTQgMTRTMiAyMy43MjEgMiAxNiA4LjI3OSAyIDE2IDIiLz48cGF0aCBkPSJNMTUgOGgydjEyaC0yek0xNSAyMmgydjJoLTJ6Ii8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-qr__mod.reloadable .docfb-tp-qr__img-mask {
    cursor: pointer
}

.docfb-tp-qr__mod.is-reload .docfb-tp-qr__img-mask {
    color: #0052d9;
    cursor: pointer
}

.docfb-tp-qr__mod.is-reload .docfb-tp-qr__img-mask .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZD0iTTE1IDFjNS4xNjQgMCA5LjcyIDIuNjEgMTIuNDE3IDYuNTgzTDMxIDR2OWgtOWwzLjk3NC0zLjk3M0ExMi45OSAxMi45OSAwIDAwMTUgM0M3LjgyIDMgMiA4LjgyIDIgMTZzNS44MiAxMyAxMyAxM2M2LjE0NyAwIDExLjI5Ny00LjI2NiAxMi42NTItMTBIMjkuN2MtMS4zOSA2Ljg0Ny03LjQ0MyAxMi0xNC43IDEyLTguMjg0IDAtMTUtNi43MTYtMTUtMTVDMCA3LjcxNiA2LjcxNiAxIDE1IDF6IiBmaWxsPSIjMDBBNEZGIi8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-qr__mod.is-expire .docfb-tp-qr__img-mask {
    color: #0052d9;
    cursor: pointer
}

.docfb-tp-qr__mod.is-expire .docfb-tp-qr__img-mask .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZD0iTTE1IDFjNS4xNjQgMCA5LjcyIDIuNjEgMTIuNDE3IDYuNTgzTDMxIDR2OWgtOWwzLjk3NC0zLjk3M0ExMi45OSAxMi45OSAwIDAwMTUgM0M3LjgyIDMgMiA4LjgyIDIgMTZzNS44MiAxMyAxMyAxM2M2LjE0NyAwIDExLjI5Ny00LjI2NiAxMi42NTItMTBIMjkuN2MtMS4zOSA2Ljg0Ny03LjQ0MyAxMi0xNC43IDEyLTguMjg0IDAtMTUtNi43MTYtMTUtMTVDMCA3LjcxNiA2LjcxNiAxIDE1IDF6IiBmaWxsPSIjN0M4NDhFIi8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-qr__mod.is-loading .docfb-tp-qr__img canvas,
.docfb-tp-qr__mod.is-loading .docfb-tp-qr__img iframe,
.docfb-tp-qr__mod.is-loading .docfb-tp-qr__img img {
    opacity: 0
}

.docfb-tp-qr__mod.is-loading .docfb-tp-qr__img-mask {
    color: #0052d9
}

.docfb-tp-qr__weak-text {
    color: #333
}

.docfb-tp-qr__img {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 4px;
    border: 1px solid #e5e5e5
}

.docfb-tp-qr__img img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.docfb-tp-qr__img canvas,
.docfb-tp-qr__img iframe {
    display: block;
    width: 100% !important;
    height: 100% !important
}

.docfb-tp-qr__img-mask {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    background-color: hsla(0, 0%, 100%, .9)
}

.docfb-tp-qr__img-mask-inner {
    font-size: 16px;
    line-height: 24px
}

.docfb-tp-qr__img-mask-inner .icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background-repeat: no-repeat
}

.docfb-tp-qr__img-mask-inner span {
    display: block;
    padding-top: 8px;
    text-align: center
}

.docfb-tp-qr__img-mask-inner.success {
    color: #0cbf5b
}

.docfb-tp-qr__img-mask-inner.error {
    color: #f64041
}

.docfb-tp-qr__img-mask-inner.expire,
.docfb-tp-qr__img-mask-inner.reload {
    color: #0052d9
}

.docfb-tp-qr__img-mask-inner .icon.success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDBjOC44NSAwIDE2IDcuMTUgMTYgMTZzLTcuMTUgMTYtMTYgMTZTMCAyNC44NSAwIDE2IDcuMTUgMCAxNiAwem0wIDJDOC4yNzkgMiAyIDguMjc5IDIgMTZzNi4yNzkgMTQgMTQgMTQgMTQtNi4yNzkgMTQtMTRTMjMuNzIxIDIgMTYgMnptNi44NSA5LjI0M2wxLjQxMyAxLjQxNC05LjE5MyA5LjE5MmguMDAxbC0xLjQxNCAxLjQxNEw4IDE3LjYwN2wxLjQxNC0xLjQxNSA0LjI0MiA0LjI0MiA5LjE5My05LjE5MXoiIGZpbGw9IiMwQUJGNUIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==)
}

.docfb-tp-qr__img-mask-inner .icon.error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0UxNTA0QSIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTYgMEM3LjE1IDAgMCA3LjE1IDAgMTZzNy4xNSAxNiAxNiAxNiAxNi03LjE1IDE2LTE2UzI0Ljg1IDAgMTYgMG0wIDJjNy43MjEgMCAxNCA2LjI3OSAxNCAxNHMtNi4yNzkgMTQtMTQgMTRTMiAyMy43MjEgMiAxNiA4LjI3OSAyIDE2IDIiLz48cGF0aCBkPSJNMTUgOGgydjEyaC0yek0xNSAyMmgydjJoLTJ6Ii8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-qr__img-mask-inner .icon.reload {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZD0iTTE1IDFjNS4xNjQgMCA5LjcyIDIuNjEgMTIuNDE3IDYuNTgzTDMxIDR2OWgtOWwzLjk3NC0zLjk3M0ExMi45OSAxMi45OSAwIDAwMTUgM0M3LjgyIDMgMiA4LjgyIDIgMTZzNS44MiAxMyAxMyAxM2M2LjE0NyAwIDExLjI5Ny00LjI2NiAxMi42NTItMTBIMjkuN2MtMS4zOSA2Ljg0Ny03LjQ0MyAxMi0xNC43IDEyLTguMjg0IDAtMTUtNi43MTYtMTUtMTVDMCA3LjcxNiA2LjcxNiAxIDE1IDF6IiBmaWxsPSIjMDBBNEZGIi8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-qr__img-mask-inner .icon.expire {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZD0iTTE1IDFjNS4xNjQgMCA5LjcyIDIuNjEgMTIuNDE3IDYuNTgzTDMxIDR2OWgtOWwzLjk3NC0zLjk3M0ExMi45OSAxMi45OSAwIDAwMTUgM0M3LjgyIDMgMiA4LjgyIDIgMTZzNS44MiAxMyAxMyAxM2M2LjE0NyAwIDExLjI5Ny00LjI2NiAxMi42NTItMTBIMjkuN2MtMS4zOSA2Ljg0Ny03LjQ0MyAxMi0xNC43IDEyLTguMjg0IDAtMTUtNi43MTYtMTUtMTVDMCA3LjcxNiA2LjcxNiAxIDE1IDF6IiBmaWxsPSIjN0M4NDhFIi8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-qr--iframe .docfb-tp-qr__img {
    padding: 0
}

.docfb-tp-qr__btn-wrap {
    width: 168px;
    height: 28px;
    margin: -13px auto 12px
}

.docfb-tp-qr__btn {
    display: block;
    width: 100%;
    height: 100%;
    color: #00a4ff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    background-color: #f5f7fa;
    border: 1px solid #ddd;
    cursor: pointer
}

.docfb-tp-qr__after {
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.docfb-tp-qr__after .icon-mini {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    background-repeat: no-repeat
}

.docfb-tp-qr__after.is-success {
    color: #0cbf5b
}

.docfb-tp-qr__after.is-success .icon-mini {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTggMEMzLjU3NSAwIDAgMy41NzUgMCA4czMuNTc1IDggOCA4IDgtMy41NzUgOC04LTMuNTc1LTgtOC04bTAgMmMzLjMwOSAwIDYgMi42OTEgNiA2cy0yLjY5MSA2LTYgNi02LTIuNjkxLTYtNiAyLjY5MS02IDYtNiIgZmlsbD0iIzBBQkY1QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iIzBBQkY1QiIgZD0iTTUuNDE0IDYuNDE0bDIuODI4IDIuODI5LTEuNDE0IDEuNDE0LTIuODI5LTIuODI4eiIvPjxwYXRoIGZpbGw9IiMwQUJGNUIiIGQ9Ik0xMS4wNyA1bDEuNDE1IDEuNDE0LTQuOTUgNC45NUw2LjEyMSA5Ljk1eiIvPjwvZz48L3N2Zz4=)
}

.docfb-tp-qr__after.is-error {
    color: #f64041
}

.docfb-tp-qr__after.is-error .icon-mini {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTggMGM0LjQyNSAwIDggMy41NzUgOCA4cy0zLjU3NSA4LTggOC04LTMuNTc1LTgtOCAzLjU3NS04IDgtOHptMCAyQzQuNjkxIDIgMiA0LjY5MSAyIDhzMi42OTEgNiA2IDYgNi0yLjY5MSA2LTYtMi42OTEtNi02LTZ6bTEgOHYySDd2LTJoMnptMC02djVIN1Y0aDJ6IiBmaWxsPSIjRTE1MDRBIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+)
}

.docfb-tp-qr__after i,
.docfb-tp-qr__after span {
    vertical-align: middle
}

.docfb-tp-qr__after-bubble .docfb-tp-qr__mod {
    margin-bottom: 0
}

.docfb-tp-qr__after .icon-mini.success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTggMEMzLjU3NSAwIDAgMy41NzUgMCA4czMuNTc1IDggOCA4IDgtMy41NzUgOC04LTMuNTc1LTgtOC04bTAgMmMzLjMwOSAwIDYgMi42OTEgNiA2cy0yLjY5MSA2LTYgNi02LTIuNjkxLTYtNiAyLjY5MS02IDYtNiIgZmlsbD0iIzBBQkY1QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iIzBBQkY1QiIgZD0iTTUuNDE0IDYuNDE0bDIuODI4IDIuODI5LTEuNDE0IDEuNDE0LTIuODI5LTIuODI4eiIvPjxwYXRoIGZpbGw9IiMwQUJGNUIiIGQ9Ik0xMS4wNyA1bDEuNDE1IDEuNDE0LTQuOTUgNC45NUw2LjEyMSA5Ljk1eiIvPjwvZz48L3N2Zz4=)
}

.docfb-tp-qr__after .icon-mini.error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTggMGM0LjQyNSAwIDggMy41NzUgOCA4cy0zLjU3NSA4LTggOC04LTMuNTc1LTgtOCAzLjU3NS04IDgtOHptMCAyQzQuNjkxIDIgMiA0LjY5MSAyIDhzMi42OTEgNiA2IDYgNi0yLjY5MSA2LTYtMi42OTEtNi02LTZ6bTEgOHYySDd2LTJoMnptMC02djVIN1Y0aDJ6IiBmaWxsPSIjRTE1MDRBIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+)
}

.docfb-tp-qr__after.success {
    color: #0cbf5b
}

.docfb-tp-qr__after.error {
    color: #f64041
}

.docfb-tp-qr.size-s .docfb-tp-qr__mod {
    width: 84px;
    height: 84px;
    margin-bottom: 8px
}

.docfb-tp-qr.size-s .docfb-tp-qr__mod.is-success .docfb-tp-qr__img-mask .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTggMEMzLjU3NSAwIDAgMy41NzUgMCA4czMuNTc1IDggOCA4IDgtMy41NzUgOC04LTMuNTc1LTgtOC04bTAgMmMzLjMwOSAwIDYgMi42OTEgNiA2cy0yLjY5MSA2LTYgNi02LTIuNjkxLTYtNiAyLjY5MS02IDYtNiIgZmlsbD0iIzBBQkY1QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iIzBBQkY1QiIgZD0iTTUuNDE0IDYuNDE0bDIuODI4IDIuODI5LTEuNDE0IDEuNDE0LTIuODI5LTIuODI4eiIvPjxwYXRoIGZpbGw9IiMwQUJGNUIiIGQ9Ik0xMS4wNyA1bDEuNDE1IDEuNDE0LTQuOTUgNC45NUw2LjEyMSA5Ljk1eiIvPjwvZz48L3N2Zz4=)
}

.docfb-tp-qr.size-s .docfb-tp-qr__mod.is-error .docfb-tp-qr__img-mask .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTggMGM0LjQyNSAwIDggMy41NzUgOCA4cy0zLjU3NSA4LTggOC04LTMuNTc1LTgtOCAzLjU3NS04IDgtOHptMCAyQzQuNjkxIDIgMiA0LjY5MSAyIDhzMi42OTEgNiA2IDYgNi0yLjY5MSA2LTYtMi42OTEtNi02LTZ6bTEgOHYySDd2LTJoMnptMC02djVIN1Y0aDJ6IiBmaWxsPSIjRTE1MDRBIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+)
}

.docfb-tp-qr.size-s .docfb-tp-qr__mod.is-reload .docfb-tp-qr__img-mask .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTE2IDhIOWwzLjItMi43QzExLjMgMy45IDkuOCAzIDggMyA1LjIgMyAzIDUuMiAzIDhzMi4yIDUgNSA1YzEuNiAwIDMuMS0uOCA0LTJoMi4zYy0xLjEgMi40LTMuNSA0LTYuMyA0LTMuOSAwLTctMy4xLTctN3MzLjEtNyA3LTdjMi40IDAgNC40IDEuMiA1LjcgM0wxNiAydjZ6IiBmaWxsPSIjMDBBNEZGIi8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-qr.size-s .docfb-tp-qr__mod.is-expire .docfb-tp-qr__img-mask .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZD0iTTE2IDhIOWwzLjItMi43QzExLjMgMy45IDkuOCAzIDggMyA1LjIgMyAzIDUuMiAzIDhzMi4yIDUgNSA1YzEuNiAwIDMuMS0uOCA0LTJoMi4zYy0xLjEgMi40LTMuNSA0LTYuMyA0LTMuOSAwLTctMy4xLTctN3MzLjEtNyA3LTdjMi40IDAgNC40IDEuMiA1LjcgM0wxNiAydjZ6IiBmaWxsPSIjN0M4NDhFIi8+PC9nPjwvc3ZnPg==)
}

.docfb-tp-qr.size-s .docfb-tp-qr__img {
    padding: 2px
}

.docfb-tp-qr.size-s .docfb-tp-qr__img-mask-inner {
    font-size: 12px;
    line-height: 20px
}

.docfb-tp-qr.size-s .docfb-tp-qr__img-mask-inner .icon {
    width: 16px;
    height: 16px
}

.docfb-tp-qr.size-s .docfb-tp-qr__img-mask-inner span {
    padding-top: 4px
}

.docfb-tp-qr.size-s .docfb-tp-qr__after {
    font-size: 12px;
    line-height: 20px
}

.docfb-tp-qr--canvas.size-s .docfb-tp-qr__img {
    padding: 8px
}

.docfb-tp-qr--iframe.size-s .docfb-tp-qr__img {
    padding: 0
}

.docfb-tp-guide .docfb-tp-modal__bd {
    padding: 0 !important
}

.docfb-tp-guide .docfb-tp-modal__hd {
    display: none
}

.docfb-tp-guide .docfb-tp-modal__inner {
    box-shadow: none
}

.docfb-tp-guide__content {
    position: relative;
    z-index: 1001;
    width: 360px;
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.docfb-tp-guide__content.arrow-right {
    margin-right: 7px
}

.docfb-tp-guide__content.arrow-right:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -5px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 1px;
    pointer-events: none
}

.docfb-tp-guide__img {
    width: 100%;
    aspect-ratio: 3.52;
    background: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/0fa0764f-f98c-48da-a80c-e61ea63e95d4.png) 50%/cover no-repeat;
    margin-bottom: 6px
}

.docfb-tp-guide__info {
    color: #181818;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.docfb-tp-guide__action {
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 24px
}

.docfb-tp-guide__action,
.docfb-tp-guide__action-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.docfb-tp-guide__action-right {
    gap: 10px;
    margin-left: auto
}

.docfb-tp-feedback-modal .docfb-tp-modal__title {
    color: #333;
    padding-right: 30px
}

.docfb-tp-feedback-modal .docfb-tp-modal__title .docfb-feedback-panel__iconbtn {
    margin-left: auto
}

.docfb-tp-feedback-modal .docfb-tp-modal__hd {
    padding: 20px 20px 0
}

.docfb-tp-feedback-modal .docfb-tp-modal__bd {
    padding: 0 20px 20px;
    margin-top: 20px
}

.docfb-tp-feedback-modal .docfb-tp-modal__ft {
    padding: 10px 20px 20px
}

.docfb-tp-feedback-modal__caption {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.docfb-tp-feedback-modal__caption>p {
    margin: 0 12px 0 8px
}

.docfb-tp-feedback-modal__caption>span {
    color: #4b5b76;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.docfb-tp-feedback-modal__caption>span a {
    color: #0052d9;
    text-decoration: underline;
    text-underline-offset: 2px
}

.docfb-tp-feedback-modal__content.docfb-is-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 590px;
    min-height: 400px
}

.docfb-tp-feedback-modal__content .docfb-tp-form__action {
    margin-top: 12px;
    padding-top: 12px;
    text-align: right;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.docfb-tp-feedback-modal__content .docfb-tp-form__action .docfb-tp-btn {
    margin-right: 0
}

.docfb-tp-feedback-modal__content button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: normal;
    vertical-align: baseline
}

.docfb-tp-feedback-modal__content .docfb-feedback-edit {
    padding: 8px
}

.docfb-tp-feedback-modal__content .docfb-thumbnail__info {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.docfb-tp-feedback-modal__label {
    color: #7787a2
}

.docfb-tp-feedback-modal__label,
.docfb-tp-feedback-modal__tip {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.docfb-tp-feedback-modal__tip {
    color: #4b5b76;
    margin-top: 12px
}

.docfb-tp-feedback-modal__item {
    margin-top: 6px;
    color: #181818;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.docfb-tp-feedback-modal__item+.docfb-tp-feedback-modal__label {
    margin-top: 16px
}

.docfb-tp-feedback-modal__textarea {
    position: relative;
    overflow: visible;
    display: -webkit-box;
    display: flex;
    padding-bottom: 36px;
    border-radius: 2px;
    border: 1px solid #d6dbe3;
    background: #fff;
    height: 154px
}

.docfb-tp-feedback-modal__textarea:focus-within {
    border-color: #0052d9
}

.docfb-tp-feedback-modal__textarea.is-error {
    border-color: #f64041
}

.docfb-tp-feedback-modal__textarea textarea {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 0;
    border: 0 !important;
    outline: 0 !important;
    resize: none
}

.docfb-tp-feedback-modal__textarea textarea.is-error {
    color: inherit !important
}

.docfb-tp-feedback-modal__textarea-tip {
    position: absolute;
    right: 0;
    top: -30px;
    color: #f64041;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.docfb-tp-feedback-modal__textarea-count {
    position: absolute;
    right: 8px;
    bottom: 8px;
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.docfb-model-msg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 24px
}

.docfb-model-msg,
.docfb-model-msg--inline {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.docfb-model-msg--inline {
    gap: 10px;
    font-size: 16px;
    margin-bottom: 16px
}

.docfb-model-msg__qrcode .docfb-tp-qr__img {
    border: 0;
    padding: 0
}

.docfb-model-msg--success .docfb-tp-qr__after {
    font-weight: 400
}

@media screen and (max-width:768px) {
    .docfb-is-fullscreen-modal {
        overflow: hidden
    }

    .docfb-is-fullscreen-modal:before {
        display: none
    }

    .docfb-is-fullscreen-modal .docfb-tp-modal__inner {
        width: 100vw !important;
        height: 100vh !important;
        border-radius: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        overflow: hidden
    }

    .docfb-is-fullscreen-modal .docfb-tp-feedback-modal__caption>span {
        -webkit-box-flex: 1;
        flex: 1;
        margin: 0 12px
    }

    .docfb-is-fullscreen-modal .docfb-tp-modal__hd {
        -webkit-box-flex: 0;
        flex: none
    }

    .docfb-is-fullscreen-modal .docfb-tp-modal__bd {
        -webkit-box-flex: 1;
        flex: 1
    }

    .docfb-is-fullscreen-modal .docfb-tp-feedback-modal__content.docfb-is-flex {
        height: 100%;
        overflow: visible
    }

    .docfb-model-msg--success[class$=enter],
    .docfb-model-msg--success[class$=exit-active] {
        -webkit-transform: translate3d(0, 30px, 0) !important;
        transform: translate3d(0, 30px, 0) !important
    }

    .docfb-model-msg--success .docfb-tp-modal__inner {
        vertical-align: bottom;
        width: 100% !important;
        border-radius: 6px 6px 0 0
    }

    .docfb-model-msg--success .docfb-tp-modal__ft {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: stretch;
        align-items: stretch
    }

    .docfb-model-msg--success .docfb-tp-modal__ft:before {
        display: none
    }

    .docfb-model-msg--success .docfb-tp-modal__ft .docfb-tp-btn {
        width: 100% !important
    }

    .docfb-model-msg--success .docfb-tp-modal__ft .docfb-tp-btn+.docfb-tp-btn {
        margin-top: 16px
    }
}

.docfb-tp-checkbox {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border-radius: 2px
}

.docfb-tp-checkbox,
.docfb-tp-checkbox:focus,
.docfb-tp-checkbox:hover {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuWkjS3luLjmgIE8L3RpdGxlPjxnIGlkPSfpobXpnaItMScgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PGcgaWQ9J+WkjemAieenu+WKqOerr+inhOiMgycgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTcwNC4wMDAwMDAsIC0xMDExLjAwMDAwMCknIGZpbGwtcnVsZT0nbm9uemVybyc+PGcgaWQ9J+e8lue7hC0zJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0OTYuMDAwMDAwLCA5MjkuMDAwMDAwKSc+PGcgaWQ9J+WkjS3luLjmgIEnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDIwOC4wMDAwMDAsIDgyLjAwMDAwMCknPjxyZWN0IGlkPSdSZWN0YW5nbGUtcGF0aCcgZmlsbD0nI0ZGRkZGRicgeD0nMC41JyB5PScwLjUnIHdpZHRoPScxNScgaGVpZ2h0PScxNSc+PC9yZWN0PjxwYXRoIGQ9J00xNSwxIEwxNSwxNSBMMSwxNSBMMSwxIEwxNSwxIEwxNSwxIFogTTE2LDAgTDAsMCBMMCwxNiBMMTYsMTYgTDE2LDAgWicgaWQ9J1NoYXBlJyBmaWxsPScjQkNDNEQwJz48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==")
}

.docfb-tp-checkbox:checked,
.docfb-tp-checkbox:checked:focus,
.docfb-tp-checkbox:checked:hover {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuWkjS3pgInkuK08L3RpdGxlPjxnIGlkPSfpobXpnaItMScgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PGcgaWQ9J+WkjemAieenu+WKqOerr+inhOiMgycgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTg1OC4wMDAwMDAsIC0xMDExLjAwMDAwMCknIGZpbGwtcnVsZT0nbm9uemVybyc+PGcgaWQ9J+e8lue7hC0zJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0OTYuMDAwMDAwLCA5MjkuMDAwMDAwKSc+PGcgaWQ9J+WkjS3pgInkuK0nIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDM2Mi4wMDAwMDAsIDgyLjAwMDAwMCknPjxwb2x5Z29uIGlkPSdTaGFwZScgZmlsbD0nIzAwNTJEOScgcG9pbnRzPScwIDAgMTYgMCAxNiAxNiAwIDE2Jz48L3BvbHlnb24+PHBvbHlnb24gaWQ9J1NoYXBlJyBmaWxsPScjRkZGRkZGJyBwb2ludHM9JzEzLjggNS40IDEyLjUgNCA2LjUgMTAuMyA0LjEgNy44IDIuOCA5LjIgNS4yIDExLjYgNS4yIDExLjYgNi41IDEzIDcuOCAxMS42IDcuOCAxMS42Jz48L3BvbHlnb24+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==")
}

.docfb-tp-checkbox[disabled] {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuWkjS3kuI3lj6/ngrk8L3RpdGxlPjxnIGlkPSfpobXpnaItMScgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PGcgaWQ9J+WkjemAieenu+WKqOerr+inhOiMgycgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTcwNC4wMDAwMDAsIC0xMDQ3LjAwMDAwMCknIGZpbGwtcnVsZT0nbm9uemVybyc+PGcgaWQ9J+e8lue7hC0zJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0OTYuMDAwMDAwLCA5MjkuMDAwMDAwKSc+PGcgaWQ9J+WkjS3kuI3lj6/ngrknIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDIwOC4wMDAwMDAsIDExOC4wMDAwMDApJz48cmVjdCBpZD0nUmVjdGFuZ2xlLXBhdGgnIGZpbGw9JyNGN0Y4RkEnIHg9JzAuNScgeT0nMC41JyB3aWR0aD0nMTUnIGhlaWdodD0nMTUnPjwvcmVjdD48cGF0aCBkPSdNMTUsMSBMMTUsMTUgTDEsMTUgTDEsMSBMMTUsMSBMMTUsMSBaIE0xNiwwIEwwLDAgTDAsMTYgTDE2LDE2IEwxNiwwIFonIGlkPSdTaGFwZScgZmlsbD0nI0JDQzREMCc+PC9wYXRoPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=")
}

.docfb-tp-checkbox[disabled]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPuWkjS3kuI3lj6/ngrkwMjwvdGl0bGU+PGcgaWQ9J+mhtemdoi0xJyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0n5aSN6YCJ56e75Yqo56uv6KeE6IyDJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtODU4LjAwMDAwMCwgLTEwNDcuMDAwMDAwKScgZmlsbC1ydWxlPSdub256ZXJvJz48ZyBpZD0n57yW57uELTMnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDQ5Ni4wMDAwMDAsIDkyOS4wMDAwMDApJz48ZyBpZD0n5aSNLeS4jeWPr+eCuTAyJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgzNjIuMDAwMDAwLCAxMTguMDAwMDAwKSc+PGcgaWQ9J0dyb3VwJz48cmVjdCBpZD0nUmVjdGFuZ2xlLXBhdGgnIGZpbGw9JyNGN0Y4RkEnIHg9JzAuNScgeT0nMC41JyB3aWR0aD0nMTUnIGhlaWdodD0nMTUnPjwvcmVjdD48cGF0aCBkPSdNMTUsMSBMMTUsMTUgTDEsMTUgTDEsMSBMMTUsMSBMMTUsMSBaIE0xNiwwIEwwLDAgTDAsMTYgTDE2LDE2IEwxNiwwIFonIGlkPSdTaGFwZScgZmlsbD0nI0JDQzREMCc+PC9wYXRoPjwvZz48cG9seWdvbiBpZD0nU2hhcGUnIGZpbGw9JyNCQ0M0RDAnIHBvaW50cz0nMTMuOCA1LjQgMTIuNSA0IDYuNSAxMC4zIDQuMSA3LjggMi44IDkuMiA1LjIgMTEuNiA1LjIgMTEuNiA2LjUgMTMgNy44IDExLjYgNy44IDExLjYnPjwvcG9seWdvbj48L2c+PC9nPjwvZz48L2c+PC9zdmc+")
}

.docfb-tp-checkbox__group--block .docfb-tp-checkbox__label {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.docfb-tp-checkbox__group--block .docfb-tp-checkbox__label .docfb-tp-checkbox {
    display: none
}

.docfb-tp-checkbox__group--block .docfb-tp-checkbox__label .docfb-tp-checkbox:checked+.docfb-tp-checkbox__text {
    background-color: #0052d9;
    color: #fff
}

.docfb-tp-checkbox__group--block .docfb-tp-checkbox__text {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    padding: 3px 8px;
    border-radius: 4px;
    background-color: #f1f2f5;
    color: #97a3b7
}

.docfb-tp-form--vertical .docfb-tp-form__item {
    line-height: 20px
}

.docfb-tp-form--vertical .docfb-tp-form__item-label {
    padding-bottom: 12px;
    color: #4b5b76
}

.docfb-tp-btn {
    border-radius: 2px;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff
}

.docfb-tp-btn--link,
.docfb-tp-btn--link-weak {
    box-shadow: none
}

.docfb-tp-dropdown__header {
    padding-right: 32px;
    border-color: #fff;
    background: #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    border-radius: 2px
}

.docfb-tp-dropdown__header .docfb-tp-dropdown__icon {
    right: 8px
}

.docfb-tp-dropdown__icon {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTguMDA5NzcgMTBMMTIuMDMwNiA2SDRMOC4wMDk3NyAxMFonIGZpbGw9JyM0OTU3NzAnLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-tp-dropdown-box {
    border-color: #dadde2;
    border-radius: 2px;
    box-shadow: none
}

.docfb-tp-dropdown-box .docfb-tp-list--option {
    padding-top: 0;
    padding-bottom: 0
}

.docfb-tp-dropdown__header:focus,
.docfb-tp-dropdown__header:hover {
    border-color: #0052d9
}

.docfb-tp-dropdown__header:focus .docfb-tp-dropdown__value,
.docfb-tp-dropdown__header:hover .docfb-tp-dropdown__value {
    color: #0052d9
}

.docfb-tp-dropdown__header:focus .docfb-tp-dropdown__icon,
.docfb-tp-dropdown__header:hover .docfb-tp-dropdown__icon {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTguMDA5NzcgMTBMMTIuMDMwNiA2SDRMOC4wMDk3NyAxMFonIGZpbGw9JyMwMDUyRDknLz48L3N2Zz4=")
}

.docfb-tp-dropdown.is-expanded .docfb-tp-dropdown__header {
    border-color: #0052d9
}

.docfb-tp-dropdown.is-expanded .docfb-tp-dropdown__value {
    color: #0052d9
}

.docfb-tp-dropdown.is-expanded .docfb-tp-dropdown__icon {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTguMDA5NzcgMTBMMTIuMDMwNiA2SDRMOC4wMDk3NyAxMFonIGZpbGw9JyMwMDUyRDknLz48L3N2Zz4=");
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.docfb-tp-list--option li:hover {
    color: #0052d9
}

.docfb-tp-popup-fixed-right {
    top: 0;
    bottom: 0;
    left: auto;
    right: 0
}

.docfb-tp-modal__inner {
    border-radius: 4px;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.docfb-tp-modal__hd {
    padding: 28px 28px 0
}

.docfb-tp-modal__close {
    position: absolute;
    bottom: auto;
    top: 20px;
    right: 16px;
    margin: 0;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPueUu+advzwvdGl0bGU+PGcgaWQ9J+eUu+advycgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBvbHlnb24gaWQ9J+i3r+W+hCcgZmlsbD0nIzRDNUI3NicgcG9pbnRzPScxNi45NDk3NTUgOC40NjQ0ODUgMTMuNDE0MjA1IDEyLjAwMDAxNSAxNi45NDk3NTUgMTUuNTM1NTI1IDE1LjUzNTU1NSAxNi45NDk3MjUgMTEuOTk5OTk1IDEzLjQxNDIzNSA4LjQ2NDQ2NSAxNi45NDk3MjUgNy4wNTAyNDUgMTUuNTM1NTI1IDEwLjU4NTc4NSAxMi4wMDAwMTUgNy4wNTAyNDUgOC40NjQ0ODUgOC40NjQ0NjUgNy4wNTAyNzUgMTEuOTk5OTk1IDEwLjU4NTgwNSAxNS41MzU1NTUgNy4wNTAyNzUnPjwvcG9seWdvbj48L2c+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-tp-modal__close:hover {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPueUu+advzwvdGl0bGU+PGcgaWQ9J+eUu+advycgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBvbHlnb24gaWQ9J+i3r+W+hCcgZmlsbD0nIzAwNTJEOScgcG9pbnRzPScxNi45NDk3NTUgOC40NjQ0ODUgMTMuNDE0MjA1IDEyLjAwMDAxNSAxNi45NDk3NTUgMTUuNTM1NTI1IDE1LjUzNTU1NSAxNi45NDk3MjUgMTEuOTk5OTk1IDEzLjQxNDIzNSA4LjQ2NDQ2NSAxNi45NDk3MjUgNy4wNTAyNDUgMTUuNTM1NTI1IDEwLjU4NTc4NSAxMi4wMDAwMTUgNy4wNTAyNDUgOC40NjQ0ODUgOC40NjQ0NjUgNy4wNTAyNzUgMTEuOTk5OTk1IDEwLjU4NTgwNSAxNS41MzU1NTUgNy4wNTAyNzUnPjwvcG9seWdvbj48L2c+PC9zdmc+")
}

.docfb-tp-modal__msg-hd {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    justify-content: center
}

.docfb-tp-modal__msg-icon {
    height: 28px
}

.docfb-tp-modal__msg-icon .docfb-icon {
    display: block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.docfb-tp-modal__msg-icon .docfb-icon-msg-feedback {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjhweCcgaGVpZ2h0PScyOHB4JyB2aWV3Qm94PScwIDAgMjggMjgnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PHRpdGxlPueUu+advzwvdGl0bGU+PGcgaWQ9J+eUu+advycgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBhdGggZD0nTTI0LjMxMjUsMC4yNSBDMjYuMjExLDAuMjUgMjcuNzUsMS43ODkwMiAyNy43NSwzLjY4NzUgTDI3Ljc1LDE3LjQzNzUgQzI3Ljc1LDE5LjMzNiAyNi4yMTEsMjAuODc1IDI0LjMxMjUsMjAuODc1IEwxOS4xNTYyLDIwLjg3NSBMMTQsMjcuNzUgTDguODQzNzUsMjAuODc1IEwzLjY4NzUsMjAuODc1IEMxLjc4OTAyLDIwLjg3NSAwLjI1LDE5LjMzNiAwLjI1LDE3LjQzNzUgTDAuMjUsMy42ODc1IEMwLjI1LDEuNzg5MDIgMS43ODkwMiwwLjI1IDMuNjg3NSwwLjI1IEwyNC4zMTI1LDAuMjUgWiBNMjQuMzEyNSwzLjY4NzUgTDMuNjg3NSwzLjY4NzUgTDMuNjg3NSwxNy40Mzc1IEwxMC41NjI1LDE3LjQzNzUgTDE0LDIyLjAyMTQgTDE3LjQzNzUsMTcuNDM3NSBMMjQuMzEyNSwxNy40Mzc1IEwyNC4zMTI1LDMuNjg3NSBaIE05LjYyNSw5IEM5LjYyNSwxMC4yMTY2IDExLjAyNjEsMTIuMTI1IDE0LDEyLjEyNSBDMTYuOTczOSwxMi4xMjUgMTguMzc1LDEwLjIxNjYgMTguMzc1LDkgTDE4LjM3NSw5IEwyMS41LDkgQzIxLjUsMTIuNDUxOCAxOC4xNDIxLDE1LjI1IDE0LDE1LjI1IEM5Ljg1Nzg2LDE1LjI1IDYuNSwxMi40NTE4IDYuNSw5IEw2LjUsOSBaJyBpZD0n5b2i54q257uT5ZCIJyBmaWxsPScjMDA1MkQ5JyBmaWxsLXJ1bGU9J25vbnplcm8nPjwvcGF0aD48L2c+PC9zdmc+")
}

.docfb-tp-modal__msg-title {
    line-height: 28px;
    font-size: 18px;
    color: #181818
}

.docfb-tp-modal__bd {
    padding: 28px
}

.docfb-tp-modal__ft {
    padding: 0 28px 28px
}

.docfb-tp-modal--no-title .docfb-tp-modal__bd {
    padding: 28px
}