.public-header__top-notice {
  float: left;
  margin-top: 6px;
  position: relative;
  width: 29px;
  height: 20px;
  padding: 0px 10px 0 24px;
  line-height: 1.2;
  font-family: "微软雅黑";
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAWZJREFUOE/tlLFLQlEUh73o4NDQ0JDgEjQ0JDTYEDgktLTXFIVLREM0CS0iImFbo0VDQQWCc9SW4BQ0CA3a5JCbDv4Bwes7dBWf3vuug6MXfqD3/M53zzv3vaNCM15qxrxQINDzvAMOzKAN9Is+0Y1S6sVWiBEIKEJCFcVRToNkL4WKqAb01AS1AUuY19A+iVLZcHFYlD/v6IHY7Th0AqgTuhhXSOiZqsCzyn6deGwaYBJTGfNm0IUB/SG+ha8z6jNVuI0hjzHtAMpjF/DV5kB/p2j2OTvr9ObY0cNX4k/4nq09BLZE8AvtYmw4gHJ5jyiBtz/w+m4Z4B2BPoZsEGwQw3/N7wj+MxuwSeAQg3yzzgVQ3tl7/Akb8ITAlVTppP0bFtHF6CdoerHFJAqjDyQT51sfIANCXugj1Nbt8R3uGl97JElf33TVMm0qVHRpewLngKVPyyTvoAUkY6sV1A4ncMpeDm1/6kSOFT/Xu2AAAAAASUVORK5CYII=");
}

.public-header__top-notice:hover::before {
  display: block;
}
.public-header__top-notice .text-link {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.public-header__top-notice .text-num {
  position: absolute;
  display: none;
  left: 50px;
  top: -6px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  padding: 0 3px;
  color: #d00000;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 0px;
  background-color: #fff;
}
.public-header__top-notice::after {
  content: "消息";
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}

.public-header__top-notice .text-num.is-active {
  display: block;
}

.public-header__top-notice::before {
  cursor: pointer;
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0;
  top: 0;
}

.public-header__top-message {
  display: none;
  z-index: 399;
  position: absolute;
  left: 50%;
  top: 36px;
  margin-left: -210px;
  width: 420px;
  border-radius: 4px;
  padding: 12px 24px 24px;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.public-header__top-message .message-tabs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 15px;
  border-bottom: #e4e7ed solid 1px;
}

.public-header__top-message .message-tabs > li {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #303133;
}

.public-header__top-message .message-tabs > li.is-active::after {
  content: "";
  display: block;
  position: relative;
  left: 0;
  bottom: 2px;
  height: 2px;
  width: 100%;
  background-color: #d00000;
}

.public-header__top-message .message-tabs > li:hover,
.public-header__top-message .message-tabs > li.is-active {
  color: #d00000;
}

.public-header__top-message .message-tabs > li:hover .icon-chat,
.public-header__top-message .message-tabs > li.is-active .icon-chat {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAWxJREFUOE+tkrFKA1EQRe9KCosU+gVGsFzIiqB2IqQUbCwsDWqnZbBIIUECSgQ/QVJrYRErhbWIIIhGLcTCQtAinQoWUaPxTOCJiGFjdGHZNzszZ+bdGU9/fLxzaaQhrcJJtMGqEXN0Ly2OS08W751Jt+9SxsMRBXiTumNSltjrpJRzgEYAKCrZ+SvSDMFj5KT/F3AhTdJifVDaNTKVss9ScVS6C2m9R1rBl2nZAWIuW6K7G9qEiJsj6YCkBG2HtN3fEnAs+V1SbQiBDHQqpR6lMmqb8jqRJvCVDIBpQpYpsG1T6ETEWZKLQAqdAppTsOIeLb0+SL1uMaLGyVUWuGoSbeYdYIukwJbjBeqwVLWJsFxz/I//AAxoPw1gpwlgRDFG5APYxLHPN2VJANY4VznuUdFgzacuHZrQl1IfBa8+N5AxbpDkE5O30X3ZvAJBU86mSBy7hD3Nu972CjsAGgzQ0RL2DYXyvwZ81+QDAVp2ceRF528AAAAASUVORK5CYII=");
}

.public-header__top-message .message-tabs > li:hover .icon-system,
.public-header__top-message .message-tabs > li.is-active .icon-system {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVlJREFUOE+1k88rhFEUhp9hhJoVGwuKPUVjSjFJFigLoigpO1lPdso/YKGoyY6yoFgo1rOUEMnCgp2FhWShzGL8eD75ZDRTM02+Op3vnvve97zn3HMjVPhFKjxPUYIM1DXC0DtMmiT2BotxuA0Tuh8bgJc8AoPRBuj/gDmBo/oz/a6+qQp6O2HkCuKSLhnvdN32Q3ABMwZXDdxoe6+w3wP3QUb3Wo1lVLEg0Zq2/gQbKshGLmE+C0e14gQkuyX425eQIMj4dy8gyChxywzLhQC/FVRMoNJkPQyGKkz8VULJCnI2sRpSqo1+kzyURVCwhKD7XsuJnT1+hpags2U1MQRbStr/YW1bmZsdcBfuhbdgzePKT2srXuOByXJ5g3QOPRY3JTCYvkf9nusdfbMqVy2hS7IxD6WC4RKTKDrKjmBfDUwInBZY54zMOsqHoapTaE/A9f89plJf6Sc1nmlucaKQlwAAAABJRU5ErkJggg==");
}

.public-header__top-message .message-tabs > li:hover .icon-reply,
.public-header__top-message .message-tabs > li.is-active .icon-reply {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAUJJREFUOE+lk69LQ1EcxT9TMVnshtkMggoGDYYhRsGwPlGbwgSLNsEgBoNFBasmtQnGFUEEcTMbNOwPENPw9+c+Nhjz+jbYgwv33XvO+Z7zvt+XocsnE/iPMPsD226HWvU8//RsbgJexC37vtgHa6MJDRKBCtx6cen2ImaoTi6K2XTtSyrWYHoKqg2BZy9yARgTsFTxG3YFl7+g0Asl8fPiK20FAjlUNkdO6+sWWJG0MQYHzRGiDprJOnjtt7Lk4wY5VSCNXIKBQVgdh71ohHaVy5CVWFJg+I/AA+R74Fx7S+9wHbOdKmBLdcidq+B6s8Jhc+aQ+1+BegufJJ2GNulkp5WcKvABNS2fCLpxUM7CoMTmIjVCJ79GTCDkvrJ6dJRbRf24ec8W7MJM0oV7GHHKjtxmO3Egpupkbk0aNRHo5vkF3BaPEdbboVQAAAAASUVORK5CYII=");
}

.public-header__top-message .message-tabs [class*="icon-"] {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -3px;
  margin-right: 8px;
  background-size: 100% 100%;
}

.public-header__top-message .message-tabs [class*="icon-"].news::after {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #d00000;
}

.public-header__top-message .message-tabs .icon-chat {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAXtJREFUOE+tkr9LQlEUx3ua4uDSX5BBbkJtjTk4Bi0NjU/eD5capcEhJITCoF3fI5tfQ4NNBTYY+Cc0OAQ1uOnQIL6er895+CIi0awLl8u595zPvd/vucrSH4dimuaW7/uniqKkZrHIG5LTGQwGh47jvEm+AF44KLqu25kF4DwRj8dLrN1arVYOAT6BMkdxkGIYhsqyXa/X8/8L0HV9NxKJvPOaWyEjrTQej68sy3pVVTURi8VOuLU49QUUHEthqI3EFt6UATwASKG9xdnaVICmaRnqh7ZtdydacxjbbjQa4rxo3+EFzQlAjGzTuWvpwiImaiIPydVFAUEX5HIBuP1+fyX8GLPaSf4BORv4YQQANDlsbKKnOxqN8mjuSUeIdfaTPwAlNw/gJgBks9nldDotBl4y75m5SdEZXeih845YYMHwPO9RjMb0Vc6ePn8gtAsKMsyKtC4sKBQKVfb2vrwkSdwk3meez/2FQwA3r0ej0SPiZ2RUfg347skHD0zUF+Vit2sAAAAASUVORK5CYII=");
}

.public-header__top-message .message-tabs .icon-system {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAW9JREFUOE9jZKAQMFKonwGnAQkJCRwsLCzuTExMIUBLeP7+/Vs6d+7cOzALQ0NDeVavXv0FxQAHBwcWdXV1+////ycAsQ8jI+MZoIaVQLYEkG09a9Ysz5SUFGOgoTVAcQMgXxFuQGpqajRQ0QSgxA2ghjVAvHbOnDlPQDYCXaPAxsa2H+iKTKDmyUChKb9//565YMGCH4xpaWnp//792wqUOP/r1y9boOAN9HCBGQCyEV2OEWjzfqDgQqDt9dgUILuAYgOALrUFutQZ5gog/wdJLgBq9ATiYmD4sIAMAbr6BUkG4PJCNNApJ5mZmY8DA1EWFLIkBSJMMTAwpwOd5AF03hIgvQBo212YHCwWgHKBQLHpQNxz+/btjQcOHPiDkpCAicQCGEjhQAUhQMVvgAatAbJXANkyQHrC7NmzDZOTkwOArgWFgwQwLZjiTMrA9GED1BQMxBFAxRxAOhZowBaYq4AG6QCT9hXaZSZicykAx7m8fWbDzBMAAAAASUVORK5CYII=");
}

.public-header__top-message .message-tabs .icon-reply {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVNJREFUOE9jZKAQMIL0JycnOzMxMTUwMjLKoJv3////P79//3ZdsGDBg5SUlGSgmgSg2pyZM2deBKkFG5CamnocSK0FKlyDzUEgzUA1+UDNFUADe4Fq8oG05Zw5c56ADUhLS7v/69cvR5BCbAZANbcDNZ3/9+9fPNAF+4HqfGfPnn2BoAEwm4EaHIG4AGhICpAuBmqeCPcCLhcgawa68AMbG9t+oAEzYJrxGoBPc2hoKI+AgEA20KBOrF4gZHNCQoICyDWzZs1SxDAAGFUhwEBaDQyspD9//mzH5my8BgBtB4XwSWCUxQP9+wnInobsZ5C/cRoAkgTaeBuocQnQAF8g3YyumZABP1hZWWcDFR0Bal4KSijY0gVeLxCTNTAMAPkb6OQtf//+xZqU0Q1lZmYOAYoFAGPBFhYLGkAnTwcaokCMC4BqngBjqHLevHlHwAZQAgCMHAwgm8dofgAAAABJRU5ErkJggg==");
}

.public-header__top-message .message-panel {
  display: none;
}

.public-header__top-message .message-panel.is-active {
  display: block;
}

.public-header__top-message .message-body {
  max-height: 300px;
  min-height: 300px;
  overflow-y: auto;
  padding-right: 24px;
  margin-right: -24px;
}

.public-header__top-message .message-body::-webkit-scrollbar {
  width: 5px;
}

.public-header__top-message .message-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
}

.public-header__top-message .message-body.is-chat .text-tips {
  max-width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.public-header__top-message .message-body.is-system .text-tips {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: initial;
}

.public-header__top-message .message-body.is-reply .message-content {
  align-items: flex-end;
}

.public-header__top-message .message-body.is-reply .text-tips {
  max-width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: initial;
}

.public-header__top-message .message-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.public-header__top-message .message-avatar {
  width: 40px;
  height: 40px;
  margin-right: 16px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
}

.public-header__top-message .message-inner {
  flex: 1;
  min-width: 0;
}

.public-header__top-message .message-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 20px;
  position: relative;
}

.public-header__top-message .message-content .text-right {
  display: none;
  color: #d00000;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
}

.public-header__top-message .message-content .text-right::before {
  content: "...";
  padding-right: 5px;
  color: #666;
}

.public-header__top-message .message-content .text-tips {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  color: #666;
}

.public-header__top-message .message-content .text-tips span,
.public-header__top-message .message-content .text-tips b {
  font-weight: 600;
  color: #333;
}

.public-header__top-message .message-content .text-tips b,
.public-header__top-message .message-content .text-tips a {
  color: #d00000;
}

.public-header__top-message .message-content .text-tips a:hover {
  color: #c40000;
}

.public-header__top-message .message-content .text-only {
  max-width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.public-header__top-message .message-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}

.public-header__top-message .message-title h4 {
  font-size: 14px;
  color: #333;
  font-weight: normal;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.public-header__top-message .text-date {
  font-size: 12px;
  color: #999;
  padding-left: 10px;
}

.public-header__top-message .message-foot {
  text-align: center;
  padding-top: 16px;
  border-top: solid 1px #e6e6e6;
}

.public-header__top-message .message-foot a {
  font-size: 12px;
  color: #666;
}

.public-header__top-message .message-foot a:hover {
  color: #c40000;
}
.discovery_find:after {
  content: "";
  position: absolute;
  bottom: 21px;
  left: 53px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}