@charset "UTF-8";
.header-message-warp {
  display: none;
  width: 1200px;
  margin: 0 auto;
  position: absolute;
  top: 59px;
  height: auto;
  height: 500px; }
  .header-message-warp .dot-icon {
    padding: 4px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    background: #F06363;
    -o-border-radius: 8px;
    position: absolute; }
  .header-message-warp .header-message-content {
    width: 400px;
    height: 500px;
    background: #FFFFFF;
    box-shadow: 0 15px 15px 0 rgba(15, 37, 64, 0.1);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    position: absolute;
    top: -12px;
    top: -10px;
    left: -210px;
    z-index: 1000000000; }
    .header-message-warp .header-message-content .icon-arrow_up {
      position: absolute;
      top: -30px;
      left: 52%;
      font-size: 16px;
      color: #fff; }
    .header-message-warp .header-message-content .message-content-top {
      width: 100%;
      height: 60px;
      padding: 0 50px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .header-message-warp .header-message-content .message-content-top i {
        color: #C9D6DE;
        font-size: 22px;
        cursor: pointer;
        margin: 0px; }
      .header-message-warp .header-message-content .message-content-top .active.inform i {
        color: #FDC563;
        text-shadow: 1px 6px 10px rgba(255, 229, 0, 0.15); }
      .header-message-warp .header-message-content .message-content-top .active.like i {
        color: #EE8F8F;
        text-shadow: 1px 6px 10px rgba(255, 0, 0, 0.15); }
      .header-message-warp .header-message-content .message-content-top .active.information i {
        color: #7ED6F1;
        text-shadow: 1px 6px 10px rgba(0, 191, 255, 0.15); }
      .header-message-warp .header-message-content .message-content-top li {
        position: relative; }
        .header-message-warp .header-message-content .message-content-top li .dot-icon {
          right: -5px;
          top: 16px;
          font-size: 12px;
          color: #FFFFFF; }
    .header-message-warp .header-message-content .message-content {
      width: 100%;
      box-sizing: border-box;
      border-top: 1px solid #E4E8ED;
      overflow: hidden; }
      .header-message-warp .header-message-content .message-content .message-content-1 {
        overflow-y: auto;
        height: 386px;
        width: 416px;
        padding-bottom: 24px;
        box-sizing: border-box;
        display: none; }
      .header-message-warp .header-message-content .message-content .message-content-1::-webkit-scrollbar {
        display: none; }
      .header-message-warp .header-message-content .message-content .message-content-1-list {
        box-sizing: border-box;
        width: 400px; }
        .header-message-warp .header-message-content .message-content .message-content-1-list li {
          padding: 17px 30px 0;
          width: 100%;
          box-sizing: border-box; }
          .header-message-warp .header-message-content .message-content .message-content-1-list li .message-content-1-list-msg {
            border-bottom: 1px solid #E4E8ED;
            padding: 0 0px 17px; }
          .header-message-warp .header-message-content .message-content .message-content-1-list li:hover {
            background: #F7FAFF; }
          .header-message-warp .header-message-content .message-content .message-content-1-list li span {
            font-family: PingFangSC-Regular;
            font-size: 13px;
            color: #959595;
            line-height: 13px;
            display: block;
            margin-bottom: 10px; }
          .header-message-warp .header-message-content .message-content .message-content-1-list li p {
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #0F2540;
            line-height: 24px; }
            .header-message-warp .header-message-content .message-content .message-content-1-list li p img {
              width: 30px;
              height: 30px;
              border-radius: 50%;
              margin-right: 6px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%; }
            .header-message-warp .header-message-content .message-content .message-content-1-list li p a {
              font-family: PingFangSC-Medium;
              color: #3f6b97; }
    .header-message-warp .header-message-content .message-content-like .no-msg {
      color: #E4EBF7;
      font-size: 60px;
      text-align: center;
      padding-top: 130px; }
      .header-message-warp .header-message-content .message-content-like .no-msg i {
        color: #E4EBF7;
        font-size: 60px;
        margin-right: 0px; }
      .header-message-warp .header-message-content .message-content-like .no-msg::after {
        content: '还没有消息';
        font-family: PingFangSC-Medium;
        font-size: 14px;
        color: #E4EBF7;
        display: block; }
    .header-message-warp .header-message-content .message-content-like .like-msg {
      display: flex; }
      .header-message-warp .header-message-content .message-content-like .like-msg .use-img {
        width: 40px;
        height: 40px;
        margin-right: 14px; }
    .header-message-warp .header-message-content .message-content-like .like-msg-right {
      flex: 1; }
      .header-message-warp .header-message-content .message-content-like .like-msg-right p {
        background: #F3F3F3;
        border-radius: 6px;
        padding: 10px; }
        .header-message-warp .header-message-content .message-content-like .like-msg-right p em {
          font-family: PingFangSC-Medium;
          font-size: 14px;
          color: #649BE1;
          line-height: 14px; }
          .header-message-warp .header-message-content .message-content-like .like-msg-right p em::after {
            content: ':';
            display: inline-block;
            padding: 0 5px;
            color: #0F2540; }
      .header-message-warp .header-message-content .message-content-like .like-msg-right .like-msg-right-name {
        display: flex;
        justify-content: space-between;
        font-size: 12px; }
        .header-message-warp .header-message-content .message-content-like .like-msg-right .like-msg-right-name em {
          font-family: PingFangSC-Medium;
          font-size: 14px;
          color: #435771;
          line-height: 14px; }
        .header-message-warp .header-message-content .message-content-like .like-msg-right .like-msg-right-name span {
          color: #C6C6C6; }
      .header-message-warp .header-message-content .message-content-like .like-msg-right .like-msg-right-like {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #0F2540;
        line-height: 20px; }
        .header-message-warp .header-message-content .message-content-like .like-msg-right .like-msg-right-like em {
          font-family: PingFangSC-Medium;
          font-size: 14px;
          color: #649BE1;
          line-height: 14px; }
    .header-message-warp .header-message-content .message-content-like .like-msg-right2 {
      position: relative; }
      .header-message-warp .header-message-content .message-content-like .like-msg-right2 span {
        position: absolute;
        top: 0px;
        left: -5px; }
      .header-message-warp .header-message-content .message-content-like .like-msg-right2 i {
        background: #FF8484;
        box-shadow: 0 5px 10px 0 rgba(255, 67, 67, 0.3);
        padding: 1px 7px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        color: #ffffff;
        margin: 0px;
        font-size: 12px;
        height: 20px;
        width: 20px;
        box-sizing: border-box;
        margin-right: 10px; }
    .header-message-warp .header-message-content .message-content-footer {
      background: #FFFFFF;
      box-shadow: 0 -5px 5px 0 rgba(15, 37, 64, 0.03);
      padding: 0 20px;
      width: 100%;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 53px; }
      .header-message-warp .header-message-content .message-content-footer .icon-all__setting {
        margin-right: 15px; }
      .header-message-warp .header-message-content .message-content-footer .icon-all_arrow {
        margin: 0px 0 0px 10px; }
      .header-message-warp .header-message-content .message-content-footer i, .header-message-warp .header-message-content .message-content-footer a {
        margin: 0px;
        font-family: PingFangSC-Medium;
        font-size: 13px;
        color: #C9D6DE;
        line-height: 13px; }

.header-message-warpinform .header-message-content {
  left: -191px; }
  .header-message-warpinform .header-message-content .icon-arrow_up {
    left: 189px; }

.header-message-warpletter .message-content-top {
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #2d3f56;
  line-height: 22px;
  text-align: center;
  display: block !important;
  line-height: 60px; }

/*# sourceMappingURL=message.css.map */