/* Scss Document */
/* Scss Document */
/* @include cubic-transition($delay: 0, $duration: 200ms, $property: (all)); */
.flexbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.no-flexbox {
  display: inherit; }

/* Scss Document */
/*@font-face {
    font-family: 'Merriweather';
    src: url('fonts/Merriweather-Regular.eot');
    src: url('fonts/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Merriweather-Regular.woff') format('woff'),
        url('fonts/Merriweather-Regular.ttf') format('truetype'),
        url('fonts/Merriweather-Regular.svg#Merriweather-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Merriweather';
    src: url('fonts/Merriweather-Bold.eot');
    src: url('fonts/Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Merriweather-Bold.woff') format('woff'),
        url('fonts/Merriweather-Bold.ttf') format('truetype'),
        url('fonts/Merriweather-Bold.svg#Merriweather-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }*/
/**BOX GUI CAU HOI**/
.box-guicauhoi {
  margin-bottom: 15px; }
  .box-guicauhoi.has-border {
    padding-bottom: 15px; }

.btn-guicauhoi {
  background: #F7F7F7;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  font-family: "Merriweather", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  padding: 17.5px 185px 17.5px 15px;
  display: block;
  width: 100%;
  float: left;
  position: relative; }
  .btn-guicauhoi .btn-dch {
    display: block;
    font-size: 15px;
    font-family: arial;
    width: 160px;
    text-align: center;
    background: #076DB6;
    position: absolute;
    top: 10px;
    right: 10px; }

/**BOX Y KIEN**/
.box-ykien {
  position: relative; }
  .box-ykien:before {
    content: '';
    width: 100%;
    height: 40px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7',GradientType=0 );
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1; }

.box-scroll-ykien {
  max-height: 430px;
  overflow: hidden;
  padding-right: 5px !important; }
  .box-scroll-ykien .ss-content {
    padding-right: 17px; }

.item-ykien {
  margin-bottom: 15px;
  padding-bottom: 15px !important;
  margin-top: 0 !important;
  border-bottom: 1px solid #E5E5E5;
  width: 100%;
  float: left;
  border-top: none; }
  .item-ykien:last-of-type {
    margin-bottom: 0;
    border-bottom: none; }
  .item-ykien .text-yk {
    font-size: 15px;
    line-height: 150%;
    margin-bottom: 10px;
    cursor: pointer; }
    .item-ykien .text-yk .show-full-yk {
      width: 12px;
      height: 12px;
      background: #bdbdbd;
      text-align: center;
      line-height: 9px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px; }
      .item-ykien .text-yk .show-full-yk .ic {
        fill: #fff;
        width: 8px;
        height: 8px; }
  .item-ykien .author-yk {
    align-items: center; }
  .item-ykien .av-author {
    background: #E5E5E5;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    font: 700 20px/36px arial;
    color: #fff;
    text-transform: uppercase;
    margin-right: 8px;
    flex-shrink: 0; }
    .item-ykien .av-author img {
      width: 36px;
      height: 36px; }
  .item-ykien .name-author {
    font-size: 14px;
    line-height: 16px;
    color: #4f4f4f;
    font-weight: 700;
    flex-shrink: 1;
    padding-right: 5px; }
  .item-ykien .count-yk {
    margin-left: auto;
    font-size: 13px;
    color: #757575;
    flex-shrink: 0; }
    .item-ykien .count-yk .ic {
      fill: #076DB6;
      margin-left: 5px; }
    .item-ykien .count-yk .number-yk {
      color: #076DB6; }

/**TRANG TAC GIA**/
.section_container_author .col-left:after {
  display: none; }

.item-author-yk {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e5e5; }
  .item-author-yk .title-news {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0;
    width: 100%; }
  .item-author-yk .thumb-art {
    width: 100px;
    flex-shrink: 0;
    margin-right: 0; }
    .item-author-yk .thumb-art .thumb {
      border-radius: 50%;
      background: #E5E5E5;
      text-align: center; }
      .item-author-yk .thumb-art .thumb .txt-first {
        text-transform: uppercase;
        color: #949494;
        font-size: 48px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  .item-author-yk .meta-au {
    font-size: 16px;
    line-height: 150%;
    color: #757575; }
  .item-author-yk .description {
    font-size: 16px;
    line-height: 150%;
    margin-top: 10px;
    color: #222; }
  .item-author-yk .sum-right-au {
    flex-shrink: 1;
    padding-left: 20px; }
    .item-author-yk .sum-right-au p {
      line-height: 150%;
      font-size: 16px; }
  .item-author-yk .social-com {
    margin-top: 0;
    width: auto;
    justify-content: end; }
    .item-author-yk .social-com .circle_s {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #e5e5e5;
      margin-right: 8px;
      justify-content: center;
      position: relative; }
      .item-author-yk .social-com .circle_s .ic {
        align-self: center;
        fill: #4f4f4f; }
  .item-author-yk .head-social {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between; }

.page-detail .item-author-yk {
  padding-bottom: 0;
  border-bottom: none; }
  .page-detail .item-author-yk .title-news {
    font-family: arial;
    font-size: 16px;
    color: #4F4F4F; }
  .page-detail .item-author-yk .meta-au {
    margin-left: 4px;
    padding-left: 8px;
    position: relative; }
    .page-detail .item-author-yk .meta-au::before {
      width: 4px;
      height: 4px;
      position: absolute;
      left: 0;
      top: -3px;
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="4" viewBox="0 0 5 4" fill="none"><circle cx="2.5" cy="2" r="2" fill="%23BDBDBD"/></svg>'); }
  .page-detail .item-author-yk .thumb-art {
    width: 24px; }
    .page-detail .item-author-yk .thumb-art .thumb .txt-first {
      font-size: 16px; }
  .page-detail .item-author-yk .sum-right-au {
    padding-left: 4px;
    display: flex;
    align-items: center;
    white-space: nowrap; }

.fck_detail .author_fck {
  padding-top: 10px;
  border-top: 1px solid #222; }
  .fck_detail .author_fck p, .fck_detail .author_fck .Normal {
    font-size: 16px; }

/**RESPONSIVE**/
@media screen and (max-width: 1129px) {
  .box-scroll-ykien .ss-content {
    padding-right: 17px; } }
.nav-folder {
  border-bottom: 0; }

.section_ykien {
  background: #F7F7F7;
  padding-top: 20px; }
  .section_ykien .container {
    background: #F7F7F7;
    padding-bottom: 5px; }
  .section_ykien .title-box-category {
    margin-bottom: 14px; }
  .section_ykien .col-left:after {
    display: none; }

.box-guicauhoi-300-v2 .box-ykien:before {
  display: none; }
.box-guicauhoi-300-v2 .btn-guicauhoi {
  border: 0;
  background: #fff;
  border-radius: 4px;
  line-height: 160%;
  /* 28.8px */
  padding: 20px;
  text-align: left;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); }
  .box-guicauhoi-300-v2 .btn-guicauhoi .txt-small {
    color: #626262 !important;
    font-size: 16px;
    font-weight: 400;
    margin-top: 4px !important; }
  .box-guicauhoi-300-v2 .btn-guicauhoi .btn-dch {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 4px;
    padding: 0 8px;
    background: #B42652;
    color: #FFF;
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    width: 100%; }
    .box-guicauhoi-300-v2 .btn-guicauhoi .btn-dch::before {
      line-height: 20px;
      height: 20px;
      content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 16.6667H17.5M13.75 2.91669C14.0815 2.58517 14.5312 2.39893 15 2.39893C15.2321 2.39893 15.462 2.44465 15.6765 2.53349C15.891 2.62233 16.0858 2.75254 16.25 2.91669C16.4142 3.08084 16.5444 3.27572 16.6332 3.4902C16.722 3.70467 16.7678 3.93455 16.7678 4.16669C16.7678 4.39884 16.722 4.62871 16.6332 4.84319C16.5444 5.05766 16.4142 5.25254 16.25 5.41669L5.83333 15.8334L2.5 16.6667L3.33333 13.3334L13.75 2.91669Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

.popup-wg-guicauhoi {
  padding: 0;
  border-radius: 4px; }
  .popup-wg-guicauhoi .form-contact .input-form .title-input .s_text {
    font-size: 16px;
    color: #9F9F9F; }
  .popup-wg-guicauhoi .form-contact .s_text {
    color: #9F9F9F; }
  .popup-wg-guicauhoi .error_mess {
    font-size: 14px; }
  .popup-wg-guicauhoi .input-form {
    margin-bottom: 20px; }
  .popup-wg-guicauhoi .note-foot {
    margin-bottom: 20px; }

.title-box-wg-guicauhoi {
  color: #222;
  font-family: Merriweather;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
  /* 28.8px */
  margin-bottom: 10px; }

.box-item-shadow {
  border-radius: 4px;
  background: #FFF;
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); }
  .box-item-shadow .box-wg-guicauhoi {
    border: 1px solid #BDBDBD;
    background: #F7F7F7; }

.list_diendan .item-news {
  border-radius: 4px;
  background: #FFF;
  padding: 20px !important;
  margin-bottom: 24px;
  border: 0;
  margin: 12px 0;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); }
  .list_diendan .item-news:last-child {
    margin-bottom: 0; }
  .list_diendan .item-news .description {
    font-size: 16px; }
  .list_diendan .item-news .thumb-art {
    width: 150px;
    margin-left: 12px !important; }
    .list_diendan .item-news .thumb-art .thumb {
      border-radius: 4px; }
  .list_diendan .item-news .author-yk {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 8px; }
    .list_diendan .item-news .author-yk .av-author {
      width: 24px;
      height: 24px;
      background: #EFEFEF;
      font-size: 14px;
      text-align: center;
      flex-shrink: 0;
      color: #9F9F9F;
      border-radius: 50%;
      line-height: 24px;
      overflow: hidden; }
    .list_diendan .item-news .author-yk .name-author {
      color: #626262;
      font-size: 14px;
      font-weight: 700;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      line-height: 120%;
      /* 16.8px */ }
    .list_diendan .item-news .author-yk .time-yk {
      color: #9F9F9F;
      font-size: 14px;
      font-weight: 400;
      line-height: 100%;
      /* 14px */ }
      .list_diendan .item-news .author-yk .time-yk::before {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4" fill="none"><circle cx="2" cy="2" r="2" fill="%23BDBDBD"/></svg>');
        margin-right: 4px;
        position: relative;
        top: -3px;
        height: 4px; }
  .list_diendan .item-news .topic-detail {
    margin-top: 4px;
    color: #626262;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    text-decoration-line: underline; }
    .list_diendan .item-news .topic-detail a {
      color: #626262; }
    .list_diendan .item-news .topic-detail svg {
      margin-right: 4px; }
  .list_diendan .item-news.item-news-common.off-thumb .title-news, .list_diendan .item-news.item-news-common.off-thumb .description {
    max-width: 100%; }
.list_diendan .vote_rating_box {
  margin-top: 12px;
  margin-bottom: 0; }
  .list_diendan .vote_rating_box .item_row_bx {
    margin-bottom: 8px; }
    .list_diendan .vote_rating_box .item_row_bx .result_bar.percent-v {
      position: absolute;
      right: 12px;
      z-index: 1; }
    .list_diendan .vote_rating_box .item_row_bx .result_bar.percent-pr {
      display: block;
      height: 100%;
      background: #EFEFEF;
      position: absolute;
      left: 0px;
      top: 0px; }
    .list_diendan .vote_rating_box .item_row_bx.item_selected .result_bar.percent-pr {
      background: #FAE4EA; }
    .list_diendan .vote_rating_box .item_row_bx.item_selected .result_bar.percent-v {
      color: #9F224E; }
  .list_diendan .vote_rating_box .title_bx {
    font-size: 14px;
    color: #4F4F4F;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */ }
  .list_diendan .vote_rating_box .label_check {
    font-size: 14px;
    color: #4F4F4F;
    padding-top: 13px;
    padding-bottom: 13px;
    background: #F7F7F7;
    border: 0; }
    .list_diendan .vote_rating_box .label_check .text_ans {
      position: relative; }
    .list_diendan .vote_rating_box .label_check input.radio_check[type="radio"], .list_diendan .vote_rating_box .label_check .text_ans {
      z-index: 1; }
    .list_diendan .vote_rating_box .label_check input.radio_check[type="radio"]:before {
      width: 15px;
      height: 15px;
      top: 12px; }
    .list_diendan .vote_rating_box .label_check input.radio_check[type="radio"]:checked:before {
      border-color: #C92A57; }
    .list_diendan .vote_rating_box .label_check input.radio_check[type="radio"]:checked:after {
      width: 11px;
      height: 11px;
      background: #C92A57;
      left: 15px;
      top: 15px; }
  .list_diendan .vote_rating_box .total-rating {
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    display: flex;
    gap: 4px;
    align-items: center; }
  .list_diendan .vote_rating_box .icon-total-rating {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M6.75 10C7.61195 10 8.4386 9.65759 9.0481 9.0481C9.65759 8.4386 10 7.61195 10 6.75C10 5.88805 9.65759 5.0614 9.0481 4.4519C8.4386 3.84241 7.61195 3.5 6.75 3.5C5.88805 3.5 5.0614 3.84241 4.4519 4.4519C3.84241 5.0614 3.5 5.88805 3.5 6.75C3.5 7.61195 3.84241 8.4386 4.4519 9.0481C5.0614 9.65759 5.88805 10 6.75 10ZM12.437 15.145C12.967 15.362 13.641 15.5 14.499 15.5C18.499 15.5 18.499 12.5 18.499 12.5C18.499 12.1023 18.3411 11.721 18.06 11.4397C17.7789 11.1584 17.3977 11.0003 17 11H12.372C12.765 11.476 13.001 12.085 13.001 12.75V13.106C12.9989 13.1902 12.9932 13.2743 12.984 13.358C12.9159 13.9827 12.7297 14.5889 12.437 15.145ZM17 7.5C17 8.16304 16.7366 8.79893 16.2678 9.26777C15.7989 9.73661 15.163 10 14.5 10C13.837 10 13.2011 9.73661 12.7322 9.26777C12.2634 8.79893 12 8.16304 12 7.5C12 6.83696 12.2634 6.20107 12.7322 5.73223C13.2011 5.26339 13.837 5 14.5 5C15.163 5 15.7989 5.26339 16.2678 5.73223C16.7366 6.20107 17 6.83696 17 7.5ZM1.5 13C1.5 12.4696 1.71071 11.9609 2.08579 11.5858C2.46086 11.2107 2.96957 11 3.5 11H10C10.5304 11 11.0391 11.2107 11.4142 11.5858C11.7893 11.9609 12 12.4696 12 13C12 13 12 17 6.75 17C1.5 17 1.5 13 1.5 13Z" fill="%23757575"/></svg>'); }
.list_diendan .box-bieuquyet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 0 16px;
  border: 0;
  position: relative;
  border-top: 1px solid #E5E5E5;
  margin-top: 12px;
  margin-bottom: -20px; }
  .list_diendan .box-bieuquyet .number-vote {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #757575; }
  .list_diendan .box-bieuquyet .icon-vote {
    width: 28px !important;
    flex-shrink: 0;
    height: 28px;
    padding: 0;
    background: none;
    position: relative; }
  .list_diendan .box-bieuquyet .bar-vote {
    background: #E5E5E5;
    height: 24px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    width: 100%;
    color: #626262; }
    .list_diendan .box-bieuquyet .bar-vote .percent {
      display: block;
      height: 24px;
      text-align: center; }
      .list_diendan .box-bieuquyet .bar-vote .percent.vote {
        background: #FAD4DF;
        color: #9F224E; }
.list_diendan .note-bieuquyet {
  border-top: 1px solid #E5E5E5;
  margin-left: -20px;
  margin-right: -20px;
  padding: 12px 20px;
  margin-bottom: -20px;
  margin-top: 20px;
  color: #4F4F4F;
  font-size: 14px;
  width: calc(100% + 40px); }
  .list_diendan .note-bieuquyet .icon-vote {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    position: relative;
    top: 4px;
    background-size: contain; }
.list_diendan .icon-vote {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer; }
  .list_diendan .icon-vote.up {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M6.56206 13.9521L6.56152 13.9513C6.53971 13.9209 6.52672 13.8851 6.52398 13.8479C6.52126 13.8107 6.5288 13.7736 6.54578 13.7405C6.58247 13.6701 6.654 13.628 6.72801 13.628H10.1401H10.6401V13.128V3.97063V3.97043C10.6401 3.9436 10.6454 3.91703 10.6556 3.89225L10.195 3.70155L10.6556 3.89224C10.6659 3.86745 10.6809 3.84493 10.6999 3.82596L10.3623 3.48837L10.6999 3.82596C10.7189 3.80699 10.7414 3.79194 10.7662 3.78168L10.5749 3.3197L10.7662 3.78168C10.791 3.77142 10.8175 3.76614 10.8444 3.76615H10.8446L17.1561 3.76587L17.1565 3.76587C17.1832 3.76585 17.2098 3.77111 17.2346 3.78135C17.2593 3.7916 17.2818 3.80662 17.3008 3.82557C17.3197 3.84451 17.3348 3.86701 17.345 3.89177C17.3553 3.91653 17.3605 3.94307 17.3605 3.96987V3.97005L17.3603 13.1286L17.3602 13.6286H17.8603L21.2715 13.6286L21.2724 13.6286C21.3097 13.6285 21.3463 13.6388 21.3782 13.6582C21.4101 13.6776 21.436 13.7054 21.453 13.7386L21.4538 13.74C21.471 13.7731 21.4787 13.8104 21.4761 13.8476C21.4735 13.8849 21.4607 13.9206 21.439 13.9511L21.4388 13.9513L14.1906 24.1479C14.1716 24.1746 14.1466 24.1963 14.1175 24.2113C14.0886 24.2263 14.0566 24.2342 14.024 24.2343C14.0239 24.2343 14.0239 24.2343 14.0238 24.2343C13.9912 24.2343 13.959 24.2264 13.9301 24.2115L13.7013 24.6562L13.9301 24.2115C13.9011 24.1966 13.8761 24.175 13.8571 24.1486L6.56206 13.9521ZM14.0235 24.2343L14.0236 24.3031L14.0235 24.2343Z" stroke="%23757575"/></svg>');
    transform: rotate(180deg); }
  .list_diendan .icon-vote.down {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M6.56206 13.9521L6.56152 13.9513C6.53971 13.9209 6.52672 13.8851 6.52398 13.8479C6.52126 13.8107 6.5288 13.7736 6.54578 13.7405C6.58247 13.6701 6.654 13.628 6.72801 13.628H10.1401H10.6401V13.128V3.97063V3.97043C10.6401 3.9436 10.6454 3.91703 10.6556 3.89225L10.195 3.70155L10.6556 3.89224C10.6659 3.86745 10.6809 3.84493 10.6999 3.82596L10.3623 3.48837L10.6999 3.82596C10.7189 3.80699 10.7414 3.79194 10.7662 3.78168L10.5749 3.3197L10.7662 3.78168C10.791 3.77142 10.8175 3.76614 10.8444 3.76615H10.8446L17.1561 3.76587L17.1565 3.76587C17.1832 3.76585 17.2098 3.77111 17.2346 3.78135C17.2593 3.7916 17.2818 3.80662 17.3008 3.82557C17.3197 3.84451 17.3348 3.86701 17.345 3.89177C17.3553 3.91653 17.3605 3.94307 17.3605 3.96987V3.97005L17.3603 13.1286L17.3602 13.6286H17.8603L21.2715 13.6286L21.2724 13.6286C21.3097 13.6285 21.3463 13.6388 21.3782 13.6582C21.4101 13.6776 21.436 13.7054 21.453 13.7386L21.4538 13.74C21.471 13.7731 21.4787 13.8104 21.4761 13.8476C21.4735 13.8849 21.4607 13.9206 21.439 13.9511L21.4388 13.9513L14.1906 24.1479C14.1716 24.1746 14.1466 24.1963 14.1175 24.2113C14.0886 24.2263 14.0566 24.2342 14.024 24.2343C14.0239 24.2343 14.0239 24.2343 14.0238 24.2343C13.9912 24.2343 13.959 24.2264 13.9301 24.2115L13.7013 24.6562L13.9301 24.2115C13.9011 24.1966 13.8761 24.175 13.8571 24.1486L6.56206 13.9521ZM14.0235 24.2343L14.0236 24.3031L14.0235 24.2343Z" stroke="%23757575"/></svg>'); }
  .list_diendan .icon-vote.active.up {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M6.56206 13.9521L6.56152 13.9513C6.53971 13.9209 6.52672 13.8851 6.52398 13.8479C6.52126 13.8107 6.5288 13.7736 6.54578 13.7405C6.58247 13.6701 6.654 13.628 6.72801 13.628H10.1401H10.6401V13.128V3.97063V3.97043C10.6401 3.9436 10.6454 3.91703 10.6556 3.89225L10.195 3.70155L10.6556 3.89224C10.6659 3.86745 10.6809 3.84493 10.6999 3.82596L10.3623 3.48837L10.6999 3.82596C10.7189 3.80699 10.7414 3.79194 10.7662 3.78168L10.5749 3.3197L10.7662 3.78168C10.791 3.77142 10.8175 3.76614 10.8444 3.76615H10.8446L17.1561 3.76587L17.1565 3.76587C17.1832 3.76585 17.2098 3.77111 17.2346 3.78135C17.2593 3.7916 17.2818 3.80662 17.3008 3.82557C17.3197 3.84451 17.3348 3.86701 17.345 3.89177C17.3553 3.91653 17.3605 3.94307 17.3605 3.96987V3.97005L17.3603 13.1286L17.3602 13.6286H17.8603L21.2715 13.6286L21.2724 13.6286C21.3097 13.6285 21.3463 13.6388 21.3782 13.6582C21.4101 13.6776 21.436 13.7054 21.453 13.7386L21.4538 13.74C21.471 13.7731 21.4787 13.8104 21.4761 13.8476C21.4735 13.8849 21.4607 13.9206 21.439 13.9511L21.4388 13.9513L14.1906 24.1479C14.1716 24.1746 14.1466 24.1963 14.1175 24.2113C14.0886 24.2263 14.0566 24.2342 14.024 24.2343C14.0239 24.2343 14.0239 24.2343 14.0238 24.2343C13.9912 24.2343 13.959 24.2264 13.9301 24.2115L13.7013 24.6562L13.9301 24.2115C13.9011 24.1966 13.8761 24.175 13.8571 24.1486L6.56206 13.9521ZM14.0235 24.2343L14.0236 24.3031L14.0235 24.2343Z" stroke="%23C92A57" fill="%23C92A57"/></svg>');
    transform: rotate(180deg); }
  .list_diendan .icon-vote.active.down {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M6.56206 13.9521L6.56152 13.9513C6.53971 13.9209 6.52672 13.8851 6.52398 13.8479C6.52126 13.8107 6.5288 13.7736 6.54578 13.7405C6.58247 13.6701 6.654 13.628 6.72801 13.628H10.1401H10.6401V13.128V3.97063V3.97043C10.6401 3.9436 10.6454 3.91703 10.6556 3.89225L10.195 3.70155L10.6556 3.89224C10.6659 3.86745 10.6809 3.84493 10.6999 3.82596L10.3623 3.48837L10.6999 3.82596C10.7189 3.80699 10.7414 3.79194 10.7662 3.78168L10.5749 3.3197L10.7662 3.78168C10.791 3.77142 10.8175 3.76614 10.8444 3.76615H10.8446L17.1561 3.76587L17.1565 3.76587C17.1832 3.76585 17.2098 3.77111 17.2346 3.78135C17.2593 3.7916 17.2818 3.80662 17.3008 3.82557C17.3197 3.84451 17.3348 3.86701 17.345 3.89177C17.3553 3.91653 17.3605 3.94307 17.3605 3.96987V3.97005L17.3603 13.1286L17.3602 13.6286H17.8603L21.2715 13.6286L21.2724 13.6286C21.3097 13.6285 21.3463 13.6388 21.3782 13.6582C21.4101 13.6776 21.436 13.7054 21.453 13.7386L21.4538 13.74C21.471 13.7731 21.4787 13.8104 21.4761 13.8476C21.4735 13.8849 21.4607 13.9206 21.439 13.9511L21.4388 13.9513L14.1906 24.1479C14.1716 24.1746 14.1466 24.1963 14.1175 24.2113C14.0886 24.2263 14.0566 24.2342 14.024 24.2343C14.0239 24.2343 14.0239 24.2343 14.0238 24.2343C13.9912 24.2343 13.959 24.2264 13.9301 24.2115L13.7013 24.6562L13.9301 24.2115C13.9011 24.1966 13.8761 24.175 13.8571 24.1486L6.56206 13.9521ZM14.0235 24.2343L14.0236 24.3031L14.0235 24.2343Z" stroke="%23C92A57" fill="%23C92A57"/></svg>'); }
.list_diendan .disabled .icon-vote {
  cursor: none; }
  .list_diendan .disabled .icon-vote:not(.active).up {
    content: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.15554 14.2427L13.4509 24.4398C13.5161 24.5307 13.602 24.6047 13.7015 24.6559C13.8009 24.7071 13.9111 24.7339 14.023 24.7341H14.0247C14.1369 24.7338 14.2475 24.7068 14.3473 24.6552C14.447 24.6037 14.533 24.529 14.5981 24.4375L21.8465 14.2408C21.9215 14.1354 21.966 14.0114 21.975 13.8823C21.984 13.7533 21.9573 13.6242 21.8977 13.5094C21.8385 13.3945 21.7487 13.298 21.6383 13.2308C21.5278 13.1636 21.4009 13.1281 21.2716 13.1283H17.8604L17.8607 3.96983C17.8607 3.87731 17.8425 3.7857 17.8071 3.70023C17.7717 3.61476 17.7198 3.5371 17.6544 3.4717C17.589 3.4063 17.5113 3.35443 17.4258 3.31907C17.3403 3.28371 17.2487 3.26555 17.1562 3.26562L10.8447 3.26591C10.7522 3.26587 10.6605 3.28407 10.5751 3.31946C10.4896 3.35485 10.4119 3.40674 10.3465 3.47216C10.281 3.53759 10.2292 3.61526 10.1938 3.70075C10.1584 3.78624 10.1402 3.87786 10.1402 3.97039V13.1278H6.72814C6.46494 13.1278 6.2233 13.2762 6.10178 13.5105C6.04238 13.6257 6.01596 13.755 6.02545 13.8842C6.03493 14.0134 6.07995 14.1375 6.15554 14.2427Z" fill="%23E5E5E5"/><path d="M6.15554 14.2427L13.4509 24.4398C13.5161 24.5307 13.602 24.6047 13.7015 24.6559C13.8009 24.7071 13.9111 24.7339 14.023 24.7341H14.0247C14.1369 24.7338 14.2475 24.7068 14.3473 24.6552C14.447 24.6037 14.533 24.529 14.5981 24.4375L21.8465 14.2408C21.9215 14.1354 21.966 14.0114 21.975 13.8823C21.984 13.7533 21.9573 13.6242 21.8977 13.5094C21.8385 13.3945 21.7487 13.298 21.6383 13.2308C21.5278 13.1636 21.4009 13.1281 21.2716 13.1283H17.8604L17.8607 3.96983C17.8607 3.87731 17.8425 3.7857 17.8071 3.70023C17.7717 3.61476 17.7198 3.5371 17.6544 3.4717C17.589 3.4063 17.5113 3.35443 17.4258 3.31907C17.3403 3.28371 17.2487 3.26555 17.1562 3.26562L10.8447 3.26591C10.7522 3.26587 10.6605 3.28407 10.5751 3.31946C10.4896 3.35485 10.4119 3.40674 10.3465 3.47216C10.281 3.53759 10.2292 3.61526 10.1938 3.70075C10.1584 3.78624 10.1402 3.87786 10.1402 3.97039V13.1278H6.72814C6.46494 13.1278 6.2233 13.2762 6.10178 13.5105C6.04238 13.6257 6.01596 13.755 6.02545 13.8842C6.03493 14.0134 6.07995 14.1375 6.15554 14.2427Z" stroke="%23E5E5E5"/></svg>');
    transform: rotate(180deg); }
  .list_diendan .disabled .icon-vote:not(.active).down {
    content: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.15554 14.2427L13.4509 24.4398C13.5161 24.5307 13.602 24.6047 13.7015 24.6559C13.8009 24.7071 13.9111 24.7339 14.023 24.7341H14.0247C14.1369 24.7338 14.2475 24.7068 14.3473 24.6552C14.447 24.6037 14.533 24.529 14.5981 24.4375L21.8465 14.2408C21.9215 14.1354 21.966 14.0114 21.975 13.8823C21.984 13.7533 21.9573 13.6242 21.8977 13.5094C21.8385 13.3945 21.7487 13.298 21.6383 13.2308C21.5278 13.1636 21.4009 13.1281 21.2716 13.1283H17.8604L17.8607 3.96983C17.8607 3.87731 17.8425 3.7857 17.8071 3.70023C17.7717 3.61476 17.7198 3.5371 17.6544 3.4717C17.589 3.4063 17.5113 3.35443 17.4258 3.31907C17.3403 3.28371 17.2487 3.26555 17.1562 3.26562L10.8447 3.26591C10.7522 3.26587 10.6605 3.28407 10.5751 3.31946C10.4896 3.35485 10.4119 3.40674 10.3465 3.47216C10.281 3.53759 10.2292 3.61526 10.1938 3.70075C10.1584 3.78624 10.1402 3.87786 10.1402 3.97039V13.1278H6.72814C6.46494 13.1278 6.2233 13.2762 6.10178 13.5105C6.04238 13.6257 6.01596 13.755 6.02545 13.8842C6.03493 14.0134 6.07995 14.1375 6.15554 14.2427Z" fill="%23E5E5E5"/><path d="M6.15554 14.2427L13.4509 24.4398C13.5161 24.5307 13.602 24.6047 13.7015 24.6559C13.8009 24.7071 13.9111 24.7339 14.023 24.7341H14.0247C14.1369 24.7338 14.2475 24.7068 14.3473 24.6552C14.447 24.6037 14.533 24.529 14.5981 24.4375L21.8465 14.2408C21.9215 14.1354 21.966 14.0114 21.975 13.8823C21.984 13.7533 21.9573 13.6242 21.8977 13.5094C21.8385 13.3945 21.7487 13.298 21.6383 13.2308C21.5278 13.1636 21.4009 13.1281 21.2716 13.1283H17.8604L17.8607 3.96983C17.8607 3.87731 17.8425 3.7857 17.8071 3.70023C17.7717 3.61476 17.7198 3.5371 17.6544 3.4717C17.589 3.4063 17.5113 3.35443 17.4258 3.31907C17.3403 3.28371 17.2487 3.26555 17.1562 3.26562L10.8447 3.26591C10.7522 3.26587 10.6605 3.28407 10.5751 3.31946C10.4896 3.35485 10.4119 3.40674 10.3465 3.47216C10.281 3.53759 10.2292 3.61526 10.1938 3.70075C10.1584 3.78624 10.1402 3.87786 10.1402 3.97039V13.1278H6.72814C6.46494 13.1278 6.2233 13.2762 6.10178 13.5105C6.04238 13.6257 6.01596 13.755 6.02545 13.8842C6.03493 14.0134 6.07995 14.1375 6.15554 14.2427Z" stroke="%23E5E5E5"/></svg>'); }

.tooltip {
  border-radius: 4px;
  background: #222222D9;
  padding: 8px;
  color: #FFF;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 1; }
  .tooltip.up-percent {
    transform: translateX(-50%); }
    @media (max-width: 1200px) {
      .tooltip.up-percent {
        transform: none; } }
  .tooltip.down-percent {
    right: 0;
    left: auto;
    transform: translateX(50%); }
    @media (max-width: 1200px) {
      .tooltip.down-percent {
        transform: none; } }
  .tooltip .close {
    cursor: pointer;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.9998 13.4L7.0998 18.3C6.91647 18.4833 6.68314 18.575 6.3998 18.575C6.11647 18.575 5.88314 18.4833 5.6998 18.3C5.51647 18.1167 5.4248 17.8833 5.4248 17.6C5.4248 17.3167 5.51647 17.0833 5.6998 16.9L10.5998 12L5.6998 7.09999C5.51647 6.91665 5.4248 6.68332 5.4248 6.39999C5.4248 6.11665 5.51647 5.88332 5.6998 5.69999C5.88314 5.51665 6.11647 5.42499 6.3998 5.42499C6.68314 5.42499 6.91647 5.51665 7.0998 5.69999L11.9998 10.6L16.8998 5.69999C17.0831 5.51665 17.3165 5.42499 17.5998 5.42499C17.8831 5.42499 18.1165 5.51665 18.2998 5.69999C18.4831 5.88332 18.5748 6.11665 18.5748 6.39999C18.5748 6.68332 18.4831 6.91665 18.2998 7.09999L13.3998 12L18.2998 16.9C18.4831 17.0833 18.5748 17.3167 18.5748 17.6C18.5748 17.8833 18.4831 18.1167 18.2998 18.3C18.1165 18.4833 17.8831 18.575 17.5998 18.575C17.3165 18.575 17.0831 18.4833 16.8998 18.3L11.9998 13.4Z" fill="white"/></svg>'); }

.page-detail .author-yk {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 10px; }
  .page-detail .author-yk .av-author {
    width: 24px;
    height: 24px;
    background: #EFEFEF;
    font-size: 16px;
    text-align: center;
    flex-shrink: 0;
    color: #9F9F9F;
    border-radius: 50%;
    line-height: 24px;
    overflow: hidden; }
  .page-detail .author-yk .name-author {
    color: #4f4f4f;
    font-size: 16px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 120%;
    /* 16.8px */ }
  .page-detail .author-yk .time-yk, .page-detail .author-yk .meta-au {
    color: #9F9F9F;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    .page-detail .author-yk .time-yk::before, .page-detail .author-yk .meta-au::before {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4" fill="none"><circle cx="2" cy="2" r="2" fill="%23BDBDBD"/></svg>');
      margin-right: 4px;
      position: relative;
      top: -3px;
      height: 4px; }

/*# sourceMappingURL=ykien.css.map */