@charset "UTF-8";
/*
 * flex水平布局-居中
 * @param
 */
/* css隐藏滚动条 */
.studentMessageCenter[data-v-f2f273ee] {
  margin: 0.10417rem;
  /*display: flex;*/
  height: 100%;
  /*左边*/
  /*右边*/
}
.studentMessageCenter[data-v-f2f273ee] img {
    width: 50%;
}
.studentMessageCenter .el-scrollbar[data-v-f2f273ee] {
    height: 100%;
    margin-right: 0.10417rem;
}
.studentMessageCenter .el-scrollbar[data-v-f2f273ee] .el-scrollbar__wrap {
      overflow-x: hidden;
}
.studentMessageCenter .studentMessageCenter-left[data-v-f2f273ee] {
    /*flex: 4;*/
    background-color: #ffffff;
    padding-left: 0.10417rem;
    height: 100%;
    border-radius: 5px;
    width: 38.5%;
    float: left;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-title[data-v-f2f273ee] {
      height: 0.26042rem;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs[data-v-f2f273ee] {
      height: 90%;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs[data-v-f2f273ee] {
        height: 90%;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs[data-v-f2f273ee] .el-tabs__header {
          margin: 0;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs[data-v-f2f273ee] .el-tabs__content {
          height: 100%;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs[data-v-f2f273ee] .el-tabs__content .el-tab-pane {
            height: 100%;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs .studentMessageCenter-MsgList[data-v-f2f273ee] {
          height: 0.41667rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 0.10417rem;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs .studentMessageCenter-MsgList[data-v-f2f273ee]:hover {
            background-color: #f6faff;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs .studentMessageCenter-MsgList .isRead[data-v-f2f273ee] {
            color: #9a9a9a;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs .activeList[data-v-f2f273ee] {
          background-color: #f6faff;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs .studentMessageCenter-replyList[data-v-f2f273ee] {
          height: 0.41667rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 0 0.10417rem;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
}
.theme-blue .studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs .studentMessageCenter-replyList i[data-v-f2f273ee] {
            color: #2E58FF !important;
}
.theme-red .studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs .studentMessageCenter-replyList i[data-v-f2f273ee] {
            color: #AB1212 !important;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs .studentMessageCenter-replyList[data-v-f2f273ee]:hover {
            background-color: #f6faff;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs span[data-v-f2f273ee] {
          flex: 1;
          font-size: 14px;
          font-weight: 400;
          color: #343434;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs .el-tabs em[data-v-f2f273ee] {
          text-align: right;
          font-size: 14px;
          font-weight: 400;
          color: #9a9a9a;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs[data-v-f2f273ee] .el-badge__content.is-fixed {
        right: -0.26042rem;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs[data-v-f2f273ee] .el-tabs__nav-scroll {
        padding: 10px 0 0 0;
}
.studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs i[data-v-f2f273ee] {
        margin-right: 5px;
}
.theme-blue .studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs i[data-v-f2f273ee] {
          color: #2E58FF !important;
}
.theme-red .studentMessageCenter .studentMessageCenter-left .studentMessageCenter-tabs i[data-v-f2f273ee] {
          color: #AB1212 !important;
}
.studentMessageCenter .studentMessageCenter-right[data-v-f2f273ee] {
    /*flex: 6;*/
    /*margin-left: 20px;*/
    padding-bottom: 0.10417rem;
    background-color: #ffffff;
    border-radius: 5px;
    position: relative;
    width: 60%;
    float: right;
    /*height: 150vh;*/
}
.studentMessageCenter .studentMessageCenter-right .studentMessageCenter-title[data-v-f2f273ee] {
      height: 0.66667rem;
      border-bottom: 1px solid #eaeef7;
      padding: 0 0.20833rem 0.10417rem 0.20833rem;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
}
.studentMessageCenter .studentMessageCenter-right .studentMessageCenter-title span[data-v-f2f273ee] {
        flex: 8;
        font-weight: 400;
        font-size: 0.10938rem;
        color: #343434;
}
.studentMessageCenter .studentMessageCenter-right .studentMessageCenter-title em[data-v-f2f273ee] {
        flex: 2;
        font-size: 13px;
        font-weight: 300;
        color: #666666;
        text-align: right;
}
.studentMessageCenter .studentMessageCenter-right .studentMessageCenter-content[data-v-f2f273ee] {
      width: 100%;
      height: 70%;
      margin-top: 0.20833rem;
      padding: 0 0.20833rem;
      text-indent: 2em;
      word-break: break-all;
      font-weight: 300;
      font-size: 14px;
      color: #808080;
      margin-bottom: 0.41667rem;
}
.studentMessageCenter .studentMessageCenter-right .el-button[data-v-f2f273ee] {
      /*float: right;*/
      /*margin-right: 40px;*/
      /*margin-top: 10px;*/
      height: 0.15625rem;
      line-height: 0;
      position: absolute;
      bottom: 0.20833rem;
      right: 0.20833rem;
}
.studentMessageCenter .activeStudent[data-v-f2f273ee] {
    height: 100%;
}


/*# sourceMappingURL=81-1760075386701.css.map*/