.messageNoticebar{
  box-shadow: 1px 1px 14px -1px #767272;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99999;
  opacity:0;
  background: #FCF6ED;
  .content{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: relative;
    .noticebar{
      width: 60px;
      text-align: right;
      position: absolute;
      z-index: 1;
      right: 20px;
    }
  }
  .messageNoticebarContent{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    display: flex;
    align-items: center;
    justify-content: center;
    .messageContent{
      margin: 0 35px;
      width: calc(100vw - 70px);
      background: #FFFFFF;
      border-radius: 25px;
      .title{
        text-align: center;
        font-size: 32px;
        padding: 25px 0;
        border-bottom: 1px #d4d1d1 solid;
      }
      .list{
        padding: 25px 20px;
        min-height: 120px;
        max-height: 700px;
        .item{
          padding-bottom: 20px;
          border-bottom: 1px #e0dede solid;
          margin-bottom: 30px;
          .itemHead{
            .content{
              font-size: 25px;
              font-weight: bolder;
            }
          }
          .itemBottom{
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
            justify-content: space-between;
            font-size: 20px;
            padding-top: 25px;
            .noticeTypeName{

            }
            .createTimeFormattedDate{

            }
          }
        }
      }
      .operation{
        padding: 25px;
        font-size: 28px;
        border-top: 1px #d4d1d1 solid;
        display: flex;
        justify-content: center;
        text-align: center;
      }
    }
  }
}
