.header {
  padding: 2.5641vw;
  border-bottom: 0.2564vw solid #dfdfdf;
  background: white;
  .top {
    display: flex;
    justify-content: space-between;
    ion-segment {
      justify-content: start;
      padding: 0 3.2vw;
      position: sticky;
      top: 0;
      // background: #fd6f6a;
    }
    // ion-segment-button {
    //   color: #fd6f6a;
    //   --indicator-color: #fd6f6a;
    // }
    .more {
      width: 12.8205vw;
      margin: 0 2.5641vw;
      display: flex;
      align-items: center;
      justify-content: space-around;
      img {
        width: 5.1282vw;
        height: 5.1282vw;
      }
      ion-button {
        --background: white;
        --background-hover: white;
        --background-activated: white;
        --background-focused: white;
        --color: #000;
      }
    }
  }
}
.content {
  --padding-bottom: 25.641vw;
  --background: #f8f8f8;
  ion-segment-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .notice-list {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 2.5641vw;
    .li {
      display: flex;
      margin-bottom: 2.5641vw;
      .avatar{
        margin-right: 2.5641vw;
        flex-shrink: 0;
        width: 9.2308vw;
        height: 9.2308vw;
      }
      .li-right {
        flex: 1;
        display: flex;
        flex-direction: column;
        // border-bottom: 0.2564vw solid #e5e5e5;
        // padding-bottom: 1.5385vw;
        .name {
          display: flex;
          // justify-content: space-between;
          align-items: center;
          .time {
            color: #676767;
            font-size: 3.0769vw;
          }
          img {
            width: 25px;
            height: 25px;
            margin-left: 1.5385vw;
          }
        }
        .message-content {
          color: #676767;
          margin-top: 1.5385vw;
        }
      }
    }
    ion-avatar {
      margin-right: 2.5641vw;
      flex-shrink: 0;
    }
  }
}
ion-popover {
  --width: 30.7692vw;
}
.clear {
  // padding: 1.0256vw 2.5641vw;
  // text-align: center;
  font-size: 3.5897vw;
  color: #676767;
}
ion-modal {
  --height: auto;
  align-items: end;
}