.mainView {
  .contentBox {
    width: 985px;
    margin: 0 auto;
    position: relative;

    .leaveWords {
      color: #222;
      width: 985px;
      margin: 60px auto;
      font-size: 14px;
      padding: 20px 0 10px 0;
      border-top: 1px solid #e7e9eb;

      .statistics {
        display: block;
        margin-left: 11px;
        margin-right: 17px;
        margin-bottom: 13px;
        line-height: 18px;

        b {
          color: red;
        }

        .publish {
          font-weight: bold;
          color: #409eff;
          cursor: pointer;
          margin: 0 20px;
        }
      }
.commentatorBox{
  overflow: auto;
     max-height: 1200px;
      .commentator {
        padding: 10px 24px;
        border-bottom: 1px solid #EBEEF5;
        .name{
          font-weight: bold;
        }
        .letter {
          color: #606266;
          line-height: 32px;
          margin-left: 15px;
        }

        .date {
          text-align: right;
          font-size: 14px;
          color: #888;
         }
       }
     }
    }
  }
}

/* 滚动条轨道样式 */
::-webkit-scrollbar {
  width: 6px;
  margin-left: 20px;
  background-color: transparent;
  /* 设置滚动条宽度 */
}

:hover::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #E4E7ED;
}

/* 滚动条轨道hover状态样式 */
::-webkit-scrollbar-track:hover {
  background-color: #f1f1f1;
  /* 设置轨道hover状态时的背景颜色 */
}

/* 滚动条滑块hover状态样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #C0C4CC;
  /* 设置滑块hover状态时的背景颜色 */
}