.time[data-v-74d34200] {
  font-size: 12px;
  line-height: 24px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  opacity: 0.5;
}

.avatar-uploader .el-upload[data-v-96e8c982] {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload[data-v-96e8c982]:hover {
  border-color: #409eff;
}
.avatar-uploader-icon[data-v-96e8c982] {
  font-size: 18px;
  color: #8c939d;
  width: 100px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border: 1px dotted #ccc;
}
.avatar-uploader-icon[data-v-96e8c982]::before {
  position: relative;
  top: 4px;
}
.icon_btn[data-v-96e8c982] {
  height: 13px;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #cccccc;
}
.icon_text[data-v-96e8c982] {
  cursor: auto;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #cccccc;
  line-height: 15px;
  text-align: left;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  margin-left: 8px;
}
.avatar[data-v-96e8c982] {
  width: 178px;
  height: 178px;
  display: block;
}
.img-upload[data-v-96e8c982] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.img-upload .img-show[data-v-96e8c982] {
  display: flex;
  flex-wrap: wrap;
}
.img-upload .img-show .icon-show-img[data-v-96e8c982] {
  margin-right: 5px;
  position: relative;
}
.img-upload .img-show .icon-show-img .progress[data-v-96e8c982] {
  padding: 20px 0 0 2px;
}
.img-upload .img-show .icon-show-img .show[data-v-96e8c982] {
  width: 100px;
  height: 56px;
  margin-top: 2px;
  background: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
}
.img-upload .img-show .icon-show-img .show img[data-v-96e8c982] {
  width: 100%;
  height: 100%;
}
.img-upload .img-show .icon-show-img .del[data-v-96e8c982] {
  cursor: pointer;
  font-size: 15px;
  color: #cccccc;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
}
.img-upload .btn-display[data-v-96e8c982] {
  display: flex;
  flex-direction: column-reverse;
}

.feedbackList-comp[data-v-c402e4b4] {
  height: 100%;
  position: absolute;
  left: 0;
  right: -17px;
  overflow-y: scroll;
}
.feedbackList-comp .bg-color[data-v-c402e4b4] {
  background: rgba(0, 72, 145, 0.04);
}
.feedbackList-comp .content-list[data-v-c402e4b4] {
  width: 100%;
  padding: 24px 10px;
  cursor: pointer;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
.feedbackList-comp .content-list .subject .que-subject[data-v-c402e4b4] {
  width: 250px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  margin-bottom: 10px;
  opacity: 0.98;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feedbackList-comp .content-list .subject .type-time[data-v-c402e4b4] {
  display: flex;
  justify-content: space-between;
}
.feedbackList-comp .content-list .subject .type-time .type[data-v-c402e4b4] {
  width: 67px;
  height: 24px;
  border-radius: 2px;
  text-align: center;
  position: relative;
}
.feedbackList-comp .content-list .subject .type-time .type span[data-v-c402e4b4] {
  font-size: 12px;
  line-height: 24px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #6895dd;
}
.feedbackList-comp .content-list .subject .type-time .type .bg[data-v-c402e4b4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  background: #6895dd;
  opacity: 0.1;
}
.feedbackList-comp .content-list .status[data-v-c402e4b4] {
  display: flex;
}
.feedbackList-comp .pagination[data-v-c402e4b4] {
  height: 30px;
  display: flex;
  justify-content: end;
}

.problem[data-v-f553408c] {
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  display: flex;
}
.problem .infor-per[data-v-f553408c] {
  width: 46px;
  height: 46px;
  background: var(--system-theme-color);
  margin: 8px 5px;
  overflow: hidden;
  border: 1px solid #cccccc;
  border-radius: 50%;
}
.problem .self-div[data-v-f553408c] {
  max-width: 76%;
}
.problem .self-div .date[data-v-f553408c] {
  display: flex;
}
.problem .self-div .content-div[data-v-f553408c] {
  padding: 10px;
  border-radius: 4px;
  position: relative;
}
.problem .self-div .content-div .que-subject[data-v-f553408c] {
  font-size: 14px;
  line-height: 20px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  opacity: 0.98;
  margin-bottom: 5px;
}
.problem .self-div .content-div .content[data-v-f553408c] {
  font-size: 12px;
  line-height: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  opacity: 0.6;
}
.problem .self-div .content-div .img-div[data-v-f553408c] {
  margin: 10px 0;
  display: flex;
}
.problem .self-div .content-div .img-div .img-bg[data-v-f553408c] {
  width: 98px;
  height: 54px;
  background: #ffffff;
  border-radius: 4px;
  margin-right: 5px;
  overflow: hidden;
  position: relative;
}
.problem .self-div .content-div .img-div .img-bg img[data-v-f553408c] {
  width: 100%;
  height: 100%;
}
.problem .self-div .content-div .img-div .img-bg .img-icon[data-v-f553408c] {
  cursor: pointer;
  width: 18px;
  height: 18px;
  color: #fff;
  text-align: center;
  background: rgba(51, 51, 51, 0.5);
  border-radius: 1px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1;
}
.problem .self-div .content-div .img-div .img-bg .video-div[data-v-f553408c] {
  width: 100%;
  height: 100%;
  position: relative;
}
.problem .self-div .content-div .img-div .img-bg .video-div .video-btn[data-v-f553408c] {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.problem .self-div .content-div .img-div .img-bg .video-div .video-btn .el-icon[data-v-f553408c] {
  cursor: pointer;
  font-size: 45px;
  margin: 6% 0 0 26%;
}
.problem .self-div .content-div .problem-link[data-v-f553408c] {
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  opacity: 0.98;
}
.problem .self-div .content-div .problem-link span[data-v-f553408c] {
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  text-decoration: underline;
  color: var(--system-theme-color);
  opacity: 0.98;
}
.problem .self-div .content-div .problem-link a[data-v-f553408c] {
  word-break: break-all;
  color: #6895dd;
}
.problem .self-div .content-div .problem-link a[data-v-f553408c]:hover {
  color: #6895dd;
}
.problem .self-div .content-div .bd-opacity[data-v-f553408c] {
  background: var(--system-theme-color);
  opacity: 0.05;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.scroll-container[data-v-570bd8ca] {
  padding: 0 !important;
}
.primary-btn[data-v-570bd8ca] {
  width: 100%;
}
.primary-btn .btn[data-v-570bd8ca] {
  margin-left: 40%;
  margin-top: 30px;
}
.icon-star[data-v-570bd8ca] {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAhRJREFUSEu11UuIjXEYx/HPc4aIGpcFSSJDJCulZElKwkoWrDjvkNgRkaREE1YWru9ho5TsJEvLkZQFUi4zFhbMRkZucc5f550z5TbmdE7nv3zf3/N8///nGpo8KbcPmyT9JuiLHb42YxrNiFLFVcmOX7QvvLEsjvsxnv24gHTBLBO9w4Aua1WVcVS4EWXb2gdcsUroF05E2bG6w5R7jfmqpsZun/8HGf8Fl61U8kDoi7LDBeCK68J2ybzo9aY9QG45HuN0ZA4VgIpnkqW6TYmtvrQL2I2L2BuZ8+ma6areoz8yq9vPQe4tZivpiZ0GUm4nKniIW0LXb5CakbCXvPXJ9TFzkC6ZZoJcskVSiV5ZI8H1MPWNd/Pif/I40jmTTLVfMgdVfMNMRhzidmQ2jzpMN3UZtg6T/wlJUuP7NmFrpNxdrP9LHIZwNsrONHXbP0Qptwgv6oA68bOSNYWm5j5eRVYIWj4pLyqubxTwPrIiLPUmqgMHItPTsvcRP3ewYRTwITLTfwEMRmZhm4CX6OkIoFEI9UFY7QzgmsWqnuNeZwCXbVRyW3KgM4CKI5KTatZ3BpDrxyos6BSg6ObIxFh90HKjFaNnSrGvH0VmxSjgo24zirofLvbsoG6LW+qDYQdxSnI0ep2sA55iWUvOxjb64bu5scdQpKvmqTmBJcWAZagx44vR0fRJjT3AEzVnY1fRB34CHKLvtvkc0TcAAAAASUVORK5CYII=) center center no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: auto 5px;
}
.icon-cl[data-v-570bd8ca] {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAAAAXNSR0IArs4c6QAAAr5JREFUSEu1lU9o03AUx78va9KhbMqaMA9DHYiIIDLdxYPIQFA25r8lERwIU/AiqExFBN3BoQiiqIggaMWLQpsOlLmDB1HwvIOIEyyiDEFNqg61W5M2T5I2WVe6VS2+S/683/u8P7/3ez8CANuQ2XvWK5JqEZWA7wC01wn8IalWcwB8D2BFncCfkmo1BUAXgP9ej4QpzxhyrwCcBLC5CKRjDP4CWsAJw6v7GgKGiiZ0U+ozD4dR2YZ8GcCgp/M8/Umk2VRLW4SFSW+tAOqJqObYLDAVi4NpwFOKi5Y2Unc6Vws6nWhtbxAK3oZ6IR6UVDMeAp2kMsLEuz0VM++KapmHtYCOIQ8y4GXml0lSzWshMJdSLhLzqQBCjCFRs4arQXlsVdTJfo8D2BfoBUZvRLNG59TKScVOM9OFMsg4AX6NyoXB6wFaWfrHDPRHVeuBH2fl4pmUvENgigMcq5UyQK9YcPXonsxEmFnVlBLLFEfI3wewdX4oX5fUzNFK/YLtkTMUncC3ATSVGabJpQFRN19Uc7Yg0E7JG8B4CmBJmfGE6Ea2kP7J/Cugbci3ABwqM3oNYO3sd7FNaqacS7SuI6FwD0BHabHLzFpUy4w4SfksE84FEGY8lqYb9tL+z7+qboptKAcAvlPm9Y3rUm+jbqaDf3lD6XbBXos0l9rkI1z0i7r1fE7bOEn5BBMuhTDiu2JL5hB1IV+Zln+G0ZAA86YwMkaXqFnPZk9KUh4lQo/vhd1tovb1Sa0+tA3lCMB+HQk4LqrWlarDgZl0YveD6OTfUv/Ut2oRim5kOVOhA6AbRX3FcLCN2FWAKhs1C8I4QC/BnAZhIxirAXRWnjKXsLOxz3oUTOxOZgwTYXutNOfTM/h8VM2cCYBTwa79K9CbepJqCT7QMeRJBtrqgHmmWUm1Fv+3a7TgXwt1incX/QYV0gwq5kD3jAAAAABJRU5ErkJggg==) center center no-repeat;
  vertical-align: middle;
  background-size: 100% 100%;
  margin: auto 5px;
}
.icon-tj[data-v-570bd8ca] {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAAAXNSR0IArs4c6QAAA55JREFUSEu1lV1oHFUUx8+5d+4kWaWEpkYUsQ+1aWmUnZ07uxsiq25b3RdDjQoVQQhCfaqCoOBHRIUErfRNAj4IBSXvIj4ptUkwm2VndpZBAkrSB59SSKJEYpIyH0fuulk2S3aT7cYLM8s99+75cc75nzMI/+Mql8svhGE4RUQPJ5NJVKjK66jXzMxMtqur65qu68kwDEEIcSuRSJw/cqDjOGlEnEDEi0QE6vF9H/r6+iYHBgbGjwzoOM5ZRPyYiF6py1aAiJrar62tXcjlcj93DJyenj6ZSqXe2djYuFoPAoBfAMAkomOapt1ljPXF4/F/7hlYKBQe5Jy/SUQfcM5Rpa66lNNJInoRES1EhCAIltPp9OndC22JZnFx8f6dnZ0rYRhOaJoWqzoE9QsAdxhjl6MoehcAnleGKIpA1/WbhmFcbAtIRFgsFl/nnH8OACfqVa1gjLHbuq6f29ra+hIR39g9V5ErEVmW9dGhga7rvhRF0TUAONXYPtXIfpdSnp2fn/8wFotNqDaoOf8v8gtSyopgWtbQtu1nAeALRDSa9SkRzSWTyafn5ubGuru7b3DOK61Qt3Z6enoeGBwc3GwKtG37SQBQvfRMCxBomvZDIpEYWVhYGInFYt8HQdAIU+lcklIO7CnB7sZ13TgRqV4abQbatTPGvjZN84rruk9FUTS7330VKef8pmmaNcFUUlooFE4LIb4lonS1yC15iDgppRz3PO9MEAS/NaRwT/18358YGhqqCaYCLJVKjxHRdQBIAcBDrWiIeFVKOZXP548LIe4gomh1X9O084Zh3No3pcpYKpVGiEj1UWYfR6OWZX2n7LZt/4GIjzaDKfVGUXR3c3PzRDabrQmmqUpt234cEV8FgDEAiEVRdCmVSs16ntfv+/6viNjfLJXKqTpjjC1LKWsT5sC2UBeWlpa6VldX7xseHv5T7T3PeyQIgutEdAYADDVJVDTVfmwM+CfLsp5rNLY12ur/7LruSSHEy77vj4Zh+AQiHttTK8RPpJSfdgR0HOcUY+xv0zRX6x2Vy+XeMAwvIeJlIpJE1C+EyBmG8WNHwGKx+D5jbJwx9hYRzUoplxsd5vP5nt7e3uz6+vpCJpP5q1PgGOf8hhLF9vb2VCaTqf8OHjQvKudt1dC27dcQ8Rtd12+vrKzEc7lc5aPazmoLWCwWPyOi94QQ/Y11PCy0LaBt228j4rZlWV8dFtBRDe8V0nS0HYXDg3z8C99acioFKSo+AAAAAElFTkSuQmCC) center center no-repeat;
  vertical-align: middle;
  background-size: 100% 100%;
  margin: auto 5px;
}
.icon-over[data-v-570bd8ca] {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA5hJREFUSEutlltoHFUYx///2SbWSqm9iXROo2h9KZZYQRGSaYymFFSqmdkFqfSilb4YacHLQ1/siwpeqBZ8sVCLRYo2s5UqCmqaOjNtRZSGFh+q1Qo7WS0Segm2uTTnk9nsrpvNXqbZzNPunP/3/8055/u+c4gYT8pTD2qgA8RqAPcAWAHAAHCewG8CDhByvNcKj9WzYy1B0lv+pBA9gHTVM8qP/ySQPWlr8EA1fUVgyrt9qeacfQCeiAmaIhPByYShnz3Unj1bHj8NmDpu3qc1+wAsmgmsJEYL2Z1uzxwp9ZkCTHktKzX1mfz+NMibDNdaHj3cMXi0YFYEpk6om/UELgCYPyskYBxAU+Q1YXDF522Z36PfRWAyUH0ieGQWYBMQ7BZiC4Eleb/zrhXeVQTagdlJYXHaDUG1vn/sFpxtvmb8OzWTsM1dE+7NzdDx1I8gHmgINLlja10r+13SN1MCflbm94+xaIFiPitPzQJsvWtlv4h8koGyReCWewpgM+mZO4V8vSGg4FV3Tfh2wSPpq4cF6K/g+SFt3zxI8OkGgH2uFU7rRI6vxgpZWuL9Ax1fDQBonSFw+Orw3KVfP3ZutBD/VP+dtyaaxt+A8PkKwJBOoC5BsKAqUDAEYnGlcRpc19uW+aYwZgfmQxR+CqClit9wNMMrNYp9QDdLlzHGZwC8X2Zy0LXCDWWwk3VWKgf8BcDKCsJ9rhVu/T8RzHcEfCn3XzA079r4HQfWXcjVWrdvthpglOk1Tx8C2QgYpa89PYX5ctrKvFv63gnUWxC8AmC7a4V7orENfsvCUei/ATTHyIOfafvqNQK7KoopfwJ8wW0Pvyounbd8S2K06fChtX9cjt45vjoH4O4YMICyn7a3rI00gpoBZXVW0Dq++hjAxliwya3YONnafPVr/upQK/YD1wp7irDA3Azh/tgwYGScI7flgLavugmkYwTvda1w2/pgyfwmmXvpRs5NoexMtw++Wcwqx1fRwXtvPSjB50BZLYIX62lLxq8MXQ8XH+vE9SLQ7jcV5zBzAyaxpdS6rbcjeyIKmFI3tmc+TvLL2E6xhNzqWpnoQpZ7phWq4y/rAoxvY3nVEUXL32tlPiqVVb4mfq9W6QQ+gWDVDMGDWsum0stT1RmWApxA9UCwI3Zh5xo9d8+7OvZeoe2Vf3DN3heJdwmMM77qBtEpkFYSCuBCSO6qfxHAXwBOC8RPjNx0pNCBqq3Mf6NGPtFIqMUYAAAAAElFTkSuQmCC) center center no-repeat;
  vertical-align: middle;
  background-size: 100% 100%;
  margin: auto 5px;
}
.no-data[data-v-570bd8ca] {
  width: 100%;
}
.no-data .data-show[data-v-570bd8ca] {
  width: 376px;
  height: 299px;
  font-size: 14px;
  line-height: 20px;
  font-family: PingFang SC;
  font-weight: 500;
  text-align: center;
  color: #cccccc;
  margin: auto;
}
.no-data .data-show img[data-v-570bd8ca] {
  width: 376px;
  height: 279px;
}
.no-data .data-show span[data-v-570bd8ca] {
  cursor: pointer;
  color: #427bd4;
}
.online-feedback[data-v-570bd8ca] {
  height: calc(100vh - 80px);
  background: #fff;
  margin: 10px;
  display: flex;
  position: relative;
}
.online-feedback .feedback-left[data-v-570bd8ca] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #eee;
  position: relative;
  overflow: hidden;
}
.online-feedback .feedback-left .search .feedback[data-v-570bd8ca] {
  padding: 10px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
.online-feedback .feedback-left .search .feedback .btn[data-v-570bd8ca] {
  width: 80px;
  height: 28px;
  background: #6895dd;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}
.online-feedback .feedback-left .search .feedback .btn span[data-v-570bd8ca] {
  font-size: 12px;
  line-height: 28px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.8;
}
.online-feedback .feedback-left .search .feedback .searchInput[data-v-570bd8ca] {
  width: 240px;
  height: 28px;
  background: #f5f5f5;
  border-radius: 4px;
}
.online-feedback .feedback-left .search .search-select[data-v-570bd8ca] {
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
}
.online-feedback .feedback-left .search .search-select .select[data-v-570bd8ca] {
  width: 100px;
  height: 28px;
  background: #ffffff;
  border-radius: 4px;
}
.online-feedback .feedback-left .search .search-select .time-srot[data-v-570bd8ca] {
  display: flex;
}
.online-feedback .feedback-left .search .search-select .time-srot .text[data-v-570bd8ca] {
  font-size: 12px;
  line-height: 28px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  opacity: 0.98;
}
.online-feedback .feedback-left .search .search-select .time-srot .span-icon[data-v-570bd8ca] {
  width: 10px;
  color: #6895dd;
  position: relative;
  cursor: pointer;
}
.online-feedback .feedback-left .search .search-select .time-srot .span-icon .bottom[data-v-570bd8ca] {
  position: absolute;
  bottom: 5px;
}
.online-feedback .feedback-left .feedback-list[data-v-570bd8ca] {
  height: calc(100% - 106px);
  position: relative;
}
.online-feedback .feedback-left .feedback-list .feedbackList-comp[data-v-570bd8ca] {
  height: calc(100% - 30px);
}
.online-feedback .feedback-left .feedback-list .pagination[data-v-570bd8ca] {
  height: 30px;
  background: #fff;
  display: flex;
  justify-content: end;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.online-feedback .feedback-right[data-v-570bd8ca] {
  flex: 1;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.online-feedback .feedback-right .top-title[data-v-570bd8ca] {
  padding: 10px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
.online-feedback .feedback-right .top-title .title[data-v-570bd8ca] {
  font-size: 14px;
  line-height: 28px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  opacity: 0.98;
}
.online-feedback .feedback-right .top-title .status[data-v-570bd8ca] {
  display: flex;
  line-height: 28px;
}
.online-feedback .feedback-right .content-per[data-v-570bd8ca] {
  overflow-y: scroll;
  position: absolute;
  left: 0;
  right: -17px;
}
.online-feedback .feedback-right .sure-btn[data-v-570bd8ca] {
  width: 100%;
  height: 245px;
  background: rgba(51, 51, 51, 0.05);
  position: absolute;
  bottom: 0;
}
.online-feedback .feedback-right .sure-btn .out-div[data-v-570bd8ca] {
  position: relative;
  padding: 10px;
  background: #fff;
}
.online-feedback .feedback-right .sure-btn .out-div .show-div[data-v-570bd8ca] {
  font-size: 12px;
  line-height: 40px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #ff9c00;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.online-feedback .feedback-right .sure-btn .out-div .show-div .icon-div[data-v-570bd8ca] {
  cursor: pointer;
  display: flex;
  z-index: 1;
}
.online-feedback .feedback-right .sure-btn .out-div .bg[data-v-570bd8ca] {
  height: 40px;
  background: #ff9c00;
  opacity: 0.05;
  border-radius: 4px;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 0;
}
.online-feedback .feedback-right .sure-btn .content-upload-div[data-v-570bd8ca] {
  height: auto;
  border-radius: 1px;
  padding: 10px;
}
.online-feedback .feedback-right .sure-btn .content-upload-div .img-upload[data-v-570bd8ca] {
  margin: 15px 0;
}
.online-feedback .feedback-right .sure-btn .content-upload-div .btn[data-v-570bd8ca] {
  cursor: pointer;
  width: 60px;
  height: 28px;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  line-height: 28px;
  background: #6895dd;
  border-radius: 4px;
}
.online-feedback .feedback-right .footer[data-v-570bd8ca] {
  width: 100%;
  height: 50px;
  padding: 13px 10px;
  border-top: 1px solid #eee;
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  bottom: 0;
}
.online-feedback .bigImg-div[data-v-570bd8ca] {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2009;
}
.online-feedback .bigImg-div .img-bgCor[data-v-570bd8ca] {
  background: rgba(51, 51, 51, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
}
.online-feedback .bigImg-div .close-Img[data-v-570bd8ca] {
  position: fixed;
  top: 2%;
  right: 2%;
  z-index: 2000;
}
.online-feedback .bigImg-div .img[data-v-570bd8ca] {
  display: flex;
  align-items: center;
  margin: auto;
  position: absolute;
  top: 1%;
  left: 1%;
  right: 1%;
  bottom: 1%;
  z-index: 9;
}
.online-feedback .bigImg-div .img img[data-v-570bd8ca] {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}