.mic-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 100px;
}
.mic-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.mic-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #aaa;
}
.mic-FileUpload .loadingWrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: not-allowed;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  position: relative;
}
.mic-FileUpload .loadingWrapper .bounceWrapper {
  line-height: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7.5px;
  width: 100%;
  height: 15px;
}
.mic-FileUpload .loadingWrapper .bounceWrapper span {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  top: 0;
  line-height: 15px;
}
.mic-FileUpload .loadingWrapper .bounceWrapper > div {
  width: 15px;
  height: 15px;
  background-color: #03b3b3;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.mic-FileUpload .loadingWrapper .bounceWrapper .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.mic-FileUpload .loadingWrapper .bounceWrapper .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.mic-FileUpload .mic-file-closeBtn {
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 25px;
  height: 25px;
  font-size: 0;
  cursor: pointer;
  text-align: center;
}
.mic-FileUpload .mic-file-closeBtn span {
  margin: 0 auto;
  width: 14px;
  height: 14px;
  overflow: hidden;
}
.mic-FileUpload .mic-file-closeBtn span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mic-FileUpload .mic-file-closeBtn span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mic-FileUpload .mic-file-closeBtn span::before,
.mic-FileUpload .mic-file-closeBtn span::after {
  box-shadow: 0 .5px 1px #999;
  content: '';
  position: absolute;
  width: 14px;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  background: #888;
  border-radius: 10px;
  height: 2px;
  margin-top: -2px;
}
.mic-FileUpload .mic-file-closeBtn:hover span::before,
.mic-FileUpload .mic-file-closeBtn:hover span::after {
  content: '';
  background: #ff565b;
}
.mic-FileUpload input[type='file'] {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100% !important;
  height: 100% !important;
}
.mic-FileUpload .formItem.error .fileGroupUp .micBtn {
  background: #fff6f6;
  border-color: #ff565b;
  color: #333;
}
.mic-FileUpload .micFileUp {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mic-FileUpload .micFileUp .mic-file-up-loading {
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: #888;
  text-align: center;
}
.mic-FileUpload .micFileUp .mic-file-up {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.mic-FileUpload .micFileUp .mic-file-up .mic-file-up-textGroup {
  height: 100px;
  width: 100%;
}
.mic-FileUpload .micFileUp .mic-file-up .mic-file-up-textGroup .mic-file-up-icon-plus {
  margin: 5px auto;
  position: relative;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  background-color: #03b3b3;
  border-radius: 50%;
}
.mic-FileUpload .micFileUp .mic-file-up .mic-file-up-textGroup .mic-file-up-icon-plus:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 2px;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -1px;
  background-color: #fff;
}
.mic-FileUpload .micFileUp .mic-file-up .mic-file-up-textGroup .mic-file-up-icon-plus:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -8px;
  background-color: #fff;
}
.mic-FileUpload .micFileUp .mic-file-up .mic-file-up-textGroup .mic-file-up-tip1 {
  font-size: 14px;
  color: #888;
}
.mic-FileUpload .micFileUp .mic-file-up .mic-file-up-textGroup .mic-file-up-tip2 {
  font-size: 12px;
  color: #c2c2c2;
}
.mic-FileUpload .micFileUp .plus {
  cursor: pointer;
  display: block;
  line-height: 100px;
  text-align: center;
  font-size: 28px;
  color: #999;
  font-style: normal;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100px;
  height: 100px;
}
.mic-FileUpload .micFileUp.mic-new-fileUp {
  width: 236px;
  height: 236px;
  background-color: #f8f8f8;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.mic-FileUpload .micFileUp.mic-new-fileUp:hover {
  border: 1px solid #03b3b3;
}
.mic-FileUpload .micFileUp:hover .plus {
  color: #03b3b3;
}
.mic-FileUpload .fileGroupUp .tipInfo {
  font-size: 16px;
  color: #333;
  cursor: pointer;
}
.mic-FileUpload .fileGroupUp .addIcon {
  content: '';
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADcUlEQVRoQ+VaXU4bMRD+Js5L1UqlJ6h5a5tITQQ8Nz1B4QRNTwA9AXCC0hOQ3oCegPBMUFIJ1L6xnKCJFNSXGFfj7K42y2azP3ZK6L4hnPF8M9+MxzMmWPhkX649VfhABAmNlgYkATIqWgMeAR4IXa3h3Qp895resOz2VFQAK/1M4aPWaBOhUUSO1hgQoTMW+FYUTG4Ar/pSigl2idAGsFZE8YTfDLVGR1Xx9VfT8/LIzAWgfiH3obFnUfG4rkMQji43vMOsIDIBqPVlAxMcF6VKVmWCdUwtVcVOFm8sBFC7kG3S+OLQ6vPwDTXh89WG10kzQCoAX/njvBa0uV4TPqWBmAvgISgfUioFRCKAh6R8AEIBOz83vZO4d+8B4IAlhdOynNfAjRJo8YZCoUvAy5LUGk4EmvHAvg/gXPatZBuNw8st74CVrp/LAxD2SwIAZ6erLa8ZlTMDwNZGZgMHAOJy+e8QAJ+wVYV+WeqE1nEFAJihUgjgTU8eVYDdsm5eAoAZ7xoAfmF2bc36Lik0tdBwLLDOBaABULuQe/5pa80BzmLA1zA44KYAbGWeKHx3MTCNZT8jkU+f3/ZMH5jIfhqN6zgWeEHOTl3HHmAwfDqT9ewTFjDuPcBxRvVz2QXh3SpSCBpnVOvJ6/gF3AqYJVDINArqPakXKcyFGWmkXiwSZHQvt7yuXwtxUWcKu6yfJrSzFICZAEwE1rNc77Iql2WdX9rw4Zr6/R8ADNcoJ4XucDZDoUq+RGH6TbHmWJIrOIi5Y1b2snFf9nKC+Gb10+jKH2QrX0qsfDFnyumeHBDwdlHOzfV/x0GsgR9Xm17jcVxofBpxW/t5LiunLXbrgdFYQIZXStbDejZyCSAiO95WGVjzgjsAo4lAI6jNHk9jK6CztYzkwANB5omG3rzmLtfxpQKaC0Al8J43EwqnWQqzBQlkhjrB2sfXXg+pNB0t/dPpTNgfyDvgeEggCo+YAhCve3JbwFxmSsVEgQNypIB20lQmNYiTNjLDbYUT6/XSHFScbZTAdpZ7+MIxa3QPfwDCg25X3hhB4yiY7GTxWi4ALJC9UVHYq8A8NbAFxCg+qaKTxeq5KZRkCfNC5Q5tTC/fhUpxpgo/Lbit4GRpjz3mgXmi0BLavFppaTLPbWYaBX5zjCveriIM/gh0iyod1eEvcEIEfBlF/Z8AAAAASUVORK5CYII=) center no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 10px;
}
.mic-FileUpload .fileList {
  width: 350px;
}
.mic-FileUpload .fileList ul {
  margin: 10px 0;
  width: 100%;
}
.mic-FileUpload .fileList li {
  width: 100%;
  border-bottom: 1px solid #8c8c8c;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADGUlEQVRoQ+2ZjZENQRSFz0aACBABIkAEiAARIAMiQASIABEgAkSACBAB9am+Vdds/9yeme73tmpv1avd96Zn5pz737dPdMbl5Izj1zmBjRa8LumCpCuSvkv6KulXzzMPYYGLkh5JeiyJ/5fyRdITSR8jRGYTuCvplQP+WxKAEchcc6DfSXrYsshMAg8SeDDiKk8lAdILrsQ6rINrQe52jcQsAh78mwSy5iHEBi4ECUjeKy2eQaAXvGGFxOf0BStkY2I0gbXgjcRrSfclvZdE/JySkQS2ggcsMfEtob6Ui4VRBPYAb9qmLhALWTcaQSACHrf4Ecz1+P7NWQQi4KkDrCOVEqgtwYVwpeEW6AEPaIoUQVoTitvPtOBqajf+W7+XC40AD1AK2vOatfYgMAo82sd9+Fu01lYCI8F/SDFSjZUtBGaAp9m75Rq+3QrZUYCHzRoLHA34NQSOCnwvgaMD30PgkOCtC11ufv4FdCQGeMDbFP6lzYi1B9EKyzryu6XKUrbxistibRGgV+ElvOyQ4F+mqtydRgFPHi4Vkxmar25BaxYAOASQXCN1cPCtGLDtXE4DL9JsZ6TPRzb/1SAu9eF+mxdpidcEbAh8zQIe5NLNSGd3ahvtRaT1Zpsw+BoB83+2fZDx8id9uVFrstKaoeAjBD6lLGQE/A6plYKHg48QYCLAOCNngewWb5bmDVBJi7V5jE0JSsVliuZbBLjOvP5ymkv6PsTXBwa0z5x5IE7bQQWPtAddAXuqDDd6Icv1ueGqrwMQ5YNADpkCvhYDXPNulJvJoH0bg3vlEPj8bnN/uxbpaHNKrv7WyiRWjUtzevwdreMyBDzxsQQOgCHgWxbgOgABRCw0DxsKquI4CZdDNvv88h0tC7DeHzZAgvYhp+XlsyHPUArtDwEfsYCBggTBjCUQXIsP/r4UYofhrT/E49DOrNDt57UbIhaw+9EoIADnxZ+cAN63HrQi7OgiFltFrIeAtwbaBRhz+5xwooLFWsPbVaD9TWsI+PtxLSxjB9VcC53vbkaeHrCVwF44Vj/nnMBq1e1041/dBw1A9Dg8swAAAABJRU5ErkJggg==) left center no-repeat;
  margin-bottom: 2px;
  background-size: 20px 20px;
  height: 25px;
  line-height: 25px;
  display: block;
}
.mic-FileUpload .fileList li .fileName {
  position: absolute;
  top: 0;
  left: 30px;
  font-size: 12px;
  color: #666;
  line-height: 25px;
  height: 25px;
  width: 75%;
  display: inline-block;
  overflow: hidden;
}
.mic-FileUpload .mic-uploadBtn {
  background-color: #03b3b3;
  min-width: 100px;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  border: none;
  color: #fff;
}
.mic-FileUpload .mic-uploadBtn:not(.disabled):not(.loading):hover {
  background-color: #02c7c7;
}
.mic-FileUpload .mic-uploadBtn.disabled {
  border: 1px solid #DDD;
  cursor: not-allowed;
  background-color: #F5F5F5;
  color: #ACA899;
}
.mic-FileUpload .photoWall li {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border: 1px dashed #666666;
  display: block;
  float: left;
  border-radius: 6px;
  margin-right: 10px;
  margin-top: 10px;
}
.mic-FileUpload .photoWall .upBtn {
  cursor: pointer;
}
.mic-FileUpload .photoWall .upBtn:hover {
  cursor: pointer !important;
  border: 1px dashed #03b3b3;
}
.mic-FileUpload .photoWall::after {
  clear: both;
  display: block;
  content: '';
}
.mic-FileUpload .mic-UserAvatar {
  position: relative;
  border-radius: 100%;
  width: 85px;
  height: 85px;
  border: 1px solid #e2e2e2;
  background-color: #f8f8f8;
  overflow: hidden;
}
.mic-FileUpload .mic-UserAvatar .editBtn {
  text-align: center;
  background: rgba(0, 0, 0, 0.5) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTMyMDY5ODU0MTM3IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwOTciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTc5NS4xMjggMjQ2LjI0Qzc0NS42NCAxMjkuNzUyIDYzMS42MjQgNTIuNzQ0IDUwNS44MzIgNTIuNzQ0Yy0xNzEuNjU2IDAtMzExLjYgMTM5LjgzMi0zMTQuMzg0IDMxMS43ODRDODMuNTA0IDM3OS40NjQgMCA0NzQuOTI4IDAgNTkwLjE0NGMwIDEyNS41NDQgMTAwLjE4NCAyMjcuNjg4IDIyMy4zMzYgMjI3LjY4OGg3Ni45ODRhMzAuMzIgMzAuMzIgMCAwIDAgMzAuMzQ0LTMwLjM0NCAzMC4zMiAzMC4zMiAwIDAgMC0zMC4zNDQtMzAuMzQ0aC03Ni45ODRjLTg5LjY5NiAwLTE2Mi42NDgtNzQuOTA0LTE2Mi42NDgtMTY3IDAtOTMuNjA4IDcwLjQwOC0xNjYuOTQ0IDE2MC4zMTItMTY2Ljk0NGEzMC4zNDQgMzAuMzQ0IDAgMCAwIDMwLjMxMi0yOS4zMDRsMC43NjgtMjMuMDU2YzAtMTQxLjkzNiAxMTMuODQtMjU3LjQwOCAyNTMuNzYtMjU3LjQwOCAxMDYuNDA4IDAgMjAyLjQ0OCA2OC41NjggMjM4Ljk3NiAxNzAuNjQ4YTMwLjM0NCAzMC4zNDQgMCAwIDAgMjUuNTEyIDE5Ljk3NmMxMTAuMDE2IDExLjExMiAxOTIuOTg0IDEwOC4zMDQgMTkyLjk4NCAyMjYuMDMyIDAgMTI1LjE4NC05NS43NjggMjI3LjA2NC0yMTMuNDY0IDIyNy4wNjRINzE4LjA4YTMwLjMyIDMwLjMyIDAgMCAwLTMwLjM0NCAzMC4zNDQgMzAuMzIgMzAuMzIgMCAwIDAgMzAuMzQ0IDMwLjM0NGgzMS43NjhjMTUxLjE3NiAwIDI3NC4xNTItMTI5LjA4IDI3NC4xNTItMjg3Ljc1MiAwLTE0Mi4zNi05Ny4xMzYtMjYxLjA5Ni0yMjguODcyLTI4My44NDh6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzMDk4Ij48L3BhdGg+PHBhdGggZD0iTTU0NS42NjQgNTc1LjUyOGEyOS44OCAyOS44OCAwIDAgMC05Ljg5Ni02LjU3NiAzMC4xMjggMzAuMTI4IDAgMCAwLTIzLjE2OCAwIDI5Ljg0IDI5Ljg0IDAgMCAwLTkuODk2IDYuNTc2TDM5My4yMDggNjg0Ljk2YTMwLjMzNiAzMC4zMzYgMCAxIDAgNDIuOTEyIDQyLjkwNGw1Ny43Mi01Ny42OTZ2MjcwLjc0NGMwIDE2Ljc3NiAxMy41NjggMzAuMzQ0IDMwLjM0NCAzMC4zNDRzMzAuMzQ0LTEzLjU2OCAzMC4zNDQtMzAuMzQ0VjY3MC4ybDU3LjY2NCA1Ny42NjRhMzAuMzIgMzAuMzIgMCAwIDAgNDIuODk2IDAgMzAuMzIgMzAuMzIgMCAwIDAgMC00Mi45MDRMNTQ1LjY2NCA1NzUuNTI4eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzA5OSI+PC9wYXRoPjwvc3ZnPg==) center no-repeat;
  background-size: 40%;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}
.mic-FileUpload .mic-UserAvatar .editBtn.showUp {
  bottom: 0;
}
.mic-FileUpload .mic-UserAvatar .headPic {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.mic-FileUpload .mic-UserAvatar:hover .editBtn {
  cursor: pointer;
  bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mic-FileUpload .mic-UserAvatar .loadingWrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mic-FileUpload .mic-uploadBtn.loading {
  cursor: not-allowed;
  border: 1px solid #DDD;
  background-color: #F5F5F5;
  color: #666;
}
.mic-FileUpload.dragOver .plus {
  color: #03b3b3;
}
.mic-FileUpload.dragOver .upBtn {
  color: #03b3b3;
  border: 1px dashed #03b3b3;
}
.mic-FileUpload.dragOver .mic-new-fileUp {
  border: 1px solid #03b3b3;
}