ion-content{
  h3{
    font-size: 16pt;
  }
  .msg-list{
    margin-top: 20pt;
    .msg-item{
      border-bottom: 1px solid rgba(187, 187, 187, 100);
      padding:10pt 0;
      .msg-title{
        float: left;
        width: 70%;
        summary{
          color: rgba(16, 16, 16, 61);
          font-size: 14pt;
          font-family: PingFangSC-regular;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        details summary::-webkit-details-marker {
          position: absolute;
          margin-top: 5pt;
          right: 26%;
          display: none;
        }
      }
      .red-dot{
        width: 8px;
        height: 8px;
        border-radius: 10px;
        display: block;
        background-color: red;
        position: absolute;
        left: 5pt;
        //margin-top: 6pt;
      }
      .msg-time{
        float: right;
        text-align: right;
        width: 30%;
        color: rgba(16, 16, 16, 46);
        font-size: 10pt;
        font-family: PingFangSC-regular;
      }
      .clear{
        clear: both;
      }
    }
  }
}