.typeActionBox{
  padding: 10px 20px 4px;
  background-color:rgba(241, 243, 252, 0.55);
  border-radius:4px;
  .typeActionRadio{
    color: #333;
    display: inline-flex;
    align-items: center;
    margin-right: 25px;
    &.ant-radio-wrapper-checked{
      color: $primary-color;
    }
  }
  .journalsCount{
    color:#5e6685;
    background-color:rgba(70, 106, 255, 0.09);
    border-radius:10px;
    display: inline-block;
    padding: 0px 6px;
  }
}
.commentUserImg{
  height: 28px;
  width: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.issueCommentsBox{
  .iconBackBox{
    display: inline-block;
    width:24px;
    height:24px;
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
    background-color:#f2f3f5;
  }
  .operationLog, .commentContentBox{
    position: relative;
    min-height: 62px;
    display: flex;
    >.flexCenter, >a{
      z-index: 2;
    }
    &::before, &::after{
      content: '';
      width: 1px;
      height: 50%;
      position: absolute;
      background: #eee;
      left: 12px;
      z-index: 1;
    }
    &::after{
      background: #eee;
      top: 50%;
    }
  }
  .commentContentBox+.operationLog .operationCommentBor, .operationLog+.commentContentBox .commentOperationBor{
    border-top: 1px solid #eee;
    width: 98.5%;
    position: absolute;
    left: 12px;
  }
  .operationLog+.commentContentBox{
    &>a, &>.commentContentRight{
      margin-top: 25px;
    }
  }
  .timeAgo{
    color:#acb0bf;
  }
  .operationLog:last-child::after, .operationLog:first-child::before, .commentContentBox:last-child::after, &.justComment .commentContentBox::before, &.justComment .commentContentBox::after{
    display: none;
  }
  .operationLog:first-child, .commentContentBox+.operationLog{
    margin-top: -15px;
  }
  .commentContentBox:last-child::before{
    height: 35%;
  }
  .flexCenter{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .commentRenderHtml.markdown-body p{
    font-size: 14px !important;
  }
  .commentReply{
    padding: 15px 0 0 20px;
    background-color: rgba(238, 240, 246, 0.41);
    &>div{
      padding-bottom: 5px;
    }
    &+.commentReply>div{
      margin-top: -15px;
      padding-top: 15px;
      border-top: 1px dashed #eee;
    }
  }
  .opBox{
    justify-content: flex-start;
    // flex: 1;
    // width: 100%;
  }
  .commentContentBox{
    display: flex;
  }
  .commentContentRight{
    flex: 1;
    background-color:#fafafc;
    border:1px solid rgba(42, 97, 255, 0.23);
    border-radius:6px;
    position: relative;
    top: -6px;
    padding: 10px 15px 16px;
    width: 0;
    &::before{
      content: '';
      display: block;
      position: absolute;
      top: 13px;
      left: -14px;
      width: 0;
      height: 0;
      overflow: hidden;
      font-size: 0;
      line-height: 0;
      border: 7px;
      border-style: solid;
      border-color: transparent rgba(42, 97, 255, 0.23) transparent transparent;
    }
    &::after{
      content: '';
      display: block;
      width: 0;
      height: 0;
      overflow: hidden;
      font-size: 0;
      line-height: 0;
      border: 6px;
      border-style: solid;
      border-color: transparent #fafafc transparent transparent;
      position: absolute;
      top: 14px;
      left: -11px;
    }
  }
}
.primaryColor, .primaryColor:link{
  color: $primary-color;
}
.attachmentBox{
  margin-top: -8px;
}
.color-grey-89{
  color: #898d9d;
}
// 添加评论样式
.unLoginComment{
  height:58px;
  line-height: 58px;
  background-color:rgba(241, 243, 252, 0.55);
  border-radius:4px;
  color: rgba(84, 87, 103, 1);
  .loginBtn{
    color: $primary-color;
  }
}
.quillFlagBox{
  color: red;
  margin-top: -10px;
  margin-bottom: 5px !important;
}
.addComments{
  display: flex;
  align-items: center;
  background-color:rgba(241, 243, 252, 0.55);
  border-radius:4px;
  padding:7px 10px;
  &>img{
    height: 28px;
    width: 28px;
    border-radius: 50%;
    margin-right: 13px;
  }
}
.addCommentBox{
  width: 100%;
  height: 30px;
  border: none;
}
.paginationIssueComment{
  text-align: center;
}
.gotoComment{
  background-color:rgba(241, 243, 252, 0.55);
  border-radius:4px;
  color: rgba(172, 176, 191, 1);
  padding: 8px 20px;
  margin-top: -10px;
  &>a{color: rgba(70, 106, 255, 1);}
}