.boardEditor {
  border-color: #ddd; }
  .boardEditor .commentEditor {
    position: relative; }
    .boardEditor .commentEditor .btnArea {
      text-align: center; }
      .boardEditor .commentEditor .btnArea .btn {
        padding: 8px 20px 10px 20px; }
        .boardEditor .commentEditor .btnArea .btn input {
          font-size: 14px;
          font-weight: 700;
          line-height: 26px; }
    .boardEditor .commentEditor .confirm_btn_ {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 70px; }
      .boardEditor .commentEditor .confirm_btn_ input, .boardEditor .commentEditor .confirm_btn_ button {
        border: 1px solid #777;
        background-color: #FFF;
        font-size: 14px;
        font-weight: 700;
        padding: 1px 4px 4px 4px;
        width: 90px;
        height: 44px;
        border-radius: 4px;
        cursor: pointer; }
        .boardEditor .commentEditor .confirm_btn_ input:hover, .boardEditor .commentEditor .confirm_btn_ button:hover {
          background-color: #EEE; }

.feedbackList {
  margin-top: 20px;
  margin-bottom: 80px; }
  .feedbackList .feedbackHeader {
    display: block;
    font-weight: 700;
    font-size: 18px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 32px;
    line-height: 30px;
    border-bottom: 3px solid var(--jscolor); }
    .feedbackList .feedbackHeader em {
      font-style: normal;
      color: #ff6600; }
  .feedbackList .replyList {
    clear: both; }
  .feedbackList .item {
    position: relative;
    zoom: 1;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #DDD; }
    .feedbackList .item .author {
      margin: 0 0 5px 0;
      color: #262626; }
      .feedbackList .item .author a {
        font-size: 12px;
        text-decoration: none;
        color: #262626; }
      .feedbackList .item .author img {
        vertical-align: -2px !important;
        width: 13px;
        height: 13px; }
    .feedbackList .item .itemProfile {
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin-right: 4px; }
      .feedbackList .item .itemProfile .profile_border {
        position: absolute;
        width: 38px;
        height: 38px;
        margin: 0;
        border-radius: 50%;
        border: 1px solid #DDD; }
    .feedbackList .item .profile img {
      display: block;
      vertical-align: top;
      border-radius: 50%;
      width: 38px;
      height: 38px; }
    .feedbackList .item .option {
      position: absolute;
      top: 8px;
      right: 0; }
      .feedbackList .item .option:hover {
        cursor: pointer; }
        .feedbackList .item .option:hover .latest_dot {
          display: inline-block; }
    .feedbackList .item .latest_dot {
      position: absolute;
      top: 0;
      right: 10px;
      display: none;
      border: 1px solid #AAA;
      border-radius: 6px;
      background-color: #FFF;
      width: 82px;
      text-align: center;
      line-height: 28px;
      padding: 4px 0 7px 0;
      box-shadow: 1px 1px 1px 0px #AAA; }
      .feedbackList .item .latest_dot ul {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0; }
        .feedbackList .item .latest_dot ul li a {
          display: block;
          font-size: 14px;
          font-weight: 500;
          color: #333;
          padding: 6px;
          width: 100%; }
          .feedbackList .item .latest_dot ul li a:hover {
            font-weight: 700;
            color: #F50;
            text-decoration: underline; }
          .feedbackList .item .latest_dot ul li a .xi-pen {
            margin-right: 4px;
            vertical-align: 0px; }
        .feedbackList .item .latest_dot ul li button {
          display: block;
          font-size: 14px;
          font-weight: 500;
          color: #333;
          padding: 6px;
          width: 100%;
          cursor: pointer;
          background-color: #FFF; }
          .feedbackList .item .latest_dot ul li button:hover {
            font-weight: 700;
            color: #F50;
            text-decoration: underline; }
    .feedbackList .item .itemContent {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 46px); }
    .feedbackList .item .itemAside .meta {
      font-size: 13px;
      font-weight: 400;
      color: #333;
      margin: 15px 0 0 0;
      white-space: nowrap;
      vertical-align: text-top; }
      .feedbackList .item .itemAside .meta span, .feedbackList .item .itemAside .meta a {
        margin: 0 0 0 10px;
        padding: 0;
        font-size: 13px;
        font-weight: 400;
        color: #444;
        border: none;
        vertical-align: text-top; }
        .feedbackList .item .itemAside .meta span:hover, .feedbackList .item .itemAside .meta a:hover {
          cursor: pointer;
          font-weight: 700;
          color: var(--jscolor);
          text-decoration: underline; }
      .feedbackList .item .itemAside .meta .date {
        vertical-align: -1px;
        margin-left: 0; }
    .feedbackList .item .itemAside .author {
      display: block;
      vertical-align: top;
      line-height: 1.5em; }
      .feedbackList .item .itemAside .author a {
        font-weight: 600;
        font-size: 13px;
        vertical-align: middle; }
      .feedbackList .item .itemAside .author .docuNickname {
        margin: 0 0 0 2px;
        padding: 4px 3px 4px 3px;
        display: inline-block;
        border: 1px solid var(--jscolor);
        border-radius: 3px;
        font-size: 11px;
        color: var(--jscolor);
        line-height: 7px;
        vertical-align: middle; }
    .feedbackList .item.itemOnly {
      border-top: 0; }
    .feedbackList .item.itemBody {
      border-top: 1px solid #DDD; }
      .feedbackList .item.itemBody .indent {
        margin: 0 30px; }
      .feedbackList .item.itemBody .itemAside .profile {
        position: absolute;
        display: inline-block;
        border: 1px solid #CCC;
        width: 38px;
        height: 38px;
        text-align: center;
        background-color: #FFF;
        border-radius: 30px;
        overflow: hidden;
        filter: brightness(97%); }
        .feedbackList .item.itemBody .itemAside .profile img {
          position: absolute;
          width: 38px;
          height: 38px;
          top: 0;
          left: 0; }
      .feedbackList .item.itemBody .itemAside img {
        vertical-align: middle; }
    .feedbackList .item.itemCom {
      vertical-align: top; }
      .feedbackList .item.itemCom .itemAside {
        width: 100%; }
        .feedbackList .item.itemCom .itemAside .itemProfile {
          display: inline-block; }
        .feedbackList .item.itemCom .itemAside .itemContent {
          display: inline-block; }
          .feedbackList .item.itemCom .itemAside .itemContent .c_contents .parentName {
            display: inline;
            font-size: 14px;
            font-weight: 700;
            color: #F50;
            vertical-align: middle; }
            .feedbackList .item.itemCom .itemAside .itemContent .c_contents .parentName:after {
              content: '@';
              display: inline; }
          .feedbackList .item.itemCom .itemAside .itemContent .c_contents .xe_content {
            display: inline;
            word-break: break-all;
            font-size: 14px;
            color: #444; }
            .feedbackList .item.itemCom .itemAside .itemContent .c_contents .xe_content p:first-child {
              display: inline;
              word-break: break-all; }
          .feedbackList .item.itemCom .itemAside .itemContent .c_contents > div {
            display: inline;
            vertical-align: middle; }
            .feedbackList .item.itemCom .itemAside .itemContent .c_contents > div img {
              display: inline-block; }
      .feedbackList .item.itemCom .indent {
        padding: 0;
        margin-left: 45px; }
        .feedbackList .item.itemCom .indent .itemAside .itemContent {
          display: inline-block;
          width: calc(100% - 46px); }