@import '@css/mixin.scss';
.l-scroll-view {
  height: calc(100vh);
  box-sizing: border-box;
}
.scoped-message {
  padding: 20px;
  .sm-item {
    border-bottom: 1PX solid #f2f2f2;
    padding: 20px 0;
    display: flex;
  }
  .sm-img {
    width: 120px;
    text-align: center;
    .img {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      overflow: hidden;
    }
  }
  .sm-info {
    flex: 1;
    padding-right: 10px;
  }
  .sm-p1 {
    color: #8c8c8c;
    font-size: 24px;
    .n {
      display: inline-block;
      color: #262626;
      font-weight: bold;
      padding-right: 10px;
    }
  }
  .sm-p2 {
    color: #313131;
    font-size: 28px;
    padding-top: 10px;
  }
  .sm-p3 {
    font-size: 24px;
    color: #9d9d9d;
    padding-top: 10px;
  }
  .sm-right {
    width: 140px;
    height: 140px;
    color: #7d7d7d;
    box-sizing: border-box;
    padding: 20px;
    font-size: 24px;
    text-align: center;
    background: #f9f9f9;
  }
}
