@charset "UTF-8";
/* reset amazeui and element style */
em {
  font-style: normal; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box; }

/* reset amaze ui */
body {
  color: var(--deepGrey);
  font-size: 1.4rem; }

hr, .am-divider-dashed {
  border-color: var(--borderGrey); }

.am-topbar-brand {
  /* logo暂时注释 */
  display: none;
  width: 235px;
  text-align: center;
  background-color: var(--nav-background-Color); }

.am-topbar-inverse {
  background-color: var(--nav-background-Color);
  border-color: var(--nav-background-Color); }

.am-nav > li > a {
  padding: .4em 1em; }

.am-tabs-bd > .app-content-panel {
  padding-top: 10px; }

.table-main a.am-btn {
  background: #fff; }

/*.el-input input[type=text][readonly] {
    cursor: pointer;
    background-color: var(--input-text-background);
}
.el-input input[type=text]{
    background-color: var(--input-text-background);
}*/
.am-panel-hd {
  line-height: 3rem; }

.am-tabs-bd {
  z-index: 10; }

.am-collapse.am-in {
  min-height: 80px; }

.am-table tbody td {
  border: none !important; }

.am-table > thead > tr > th {
  border-color: var(--borderGrey); }

label {
  margin-bottom: 0;
  color: var(--text-black);
  font-weight: normal; }

.am-table-striped > tbody > tr:nth-child(odd) > td, .am-table-striped > tbody > tr:nth-child(odd) > th,
.am-table-hover > tbody > tr:hover > td, .am-table-hover > tbody > tr:hover > th {
  background-color: var(--hoverGrey); }

pre {
  background-color: initial;
  border: none;
  color: var(--deepGrey); }

/* /reset amaze ui */
/* reset element ui */
.el-drawer__body {
  background-color: var(--panel-background-color); }

.el-steps--simple {
  background: var(--date-picker-disabled);
  padding: 8px 7%; }

.el-step__title.is-finish {
  color: var(--text-normal); }

.el-step__title.is-process, .el-step__title.is-wait {
  font-weight: normal;
  color: var(--text-grey); }

.el-step__icon-inner {
  color: var(--text-grey); }

.el-step__head.is-finish .el-step__icon-inner {
  color: var(--mainBlue); }

.el-loading-mask {
  z-index: 1000;
  background-color: var(--loading-mask-color); }

.el-pager {
  margin: 0; }
  .el-pager li.active {
    border-color: var(--mainBlue);
    background-color: var(--mainBlue);
    color: var(--mainBlue); }

.el-pagination .btn-prev, .btn-next {
  color: var(--text-grey); }

.el-pagination button:disabled {
  background: none; }

.el-pagination .btn-next {
  color: var(--text-grey); }

.el-pager li.btn-quicknext {
  color: var(--text-grey); }

.panel-hd-input {
  display: inline-block; }
  .panel-hd-input input {
    height: 27px;
    border: solid 1px var(--borderGrey); }
  .panel-hd-input button {
    height: 27px; }

.el-pagination {
  color: var(--pagination-color);
  padding-right: 0; }
  .el-pagination .btn-prev, .el-pagination .btn-next,
  .el-pagination .el-pager li {
    border: none;
    background: none; }
  .el-pagination button.disabled {
    background: none; }
  .el-pagination .el-pagination__editor {
    vertical-align: top !important; }
  .el-pagination .el-pagination__jump {
    color: var(--pagination-color); }

.app-pagination .el-pager li {
  height: 28px;
  line-height: 28px; }
  .app-pagination .el-pager li:hover {
    color: var(--pagination-color-hover);
    background-color: var(--pagination-color-background-hover); }
  .app-pagination .el-pager li.active {
    color: var(--pagination-color-active);
    background-color: var(--mainBlue); }

.app-pagination.el-pagination {
  height: 32px; }
  .app-pagination.el-pagination button, .app-pagination.el-pagination span {
    min-width: 34px; }

.app-pagination--small.app-pagination .el-pager li {
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  min-width: 22px; }

.app-pagination--small.app-pagination.el-pagination {
  height: 22px; }
  .app-pagination--small.app-pagination.el-pagination button, .app-pagination--small.app-pagination.el-pagination span {
    min-width: 22px;
    height: 22px;
    line-height: 22px; }

.app-pagination--small.app-pagination .el-pagination__editor {
  padding: 0 2px; }

.el-button {
  padding: 8px 15px;
  border-radius: 3px;
  color: var(--button-text-color);
  font-weight: bold;
  border-color: var(--mainBlue);
  background-color: rgba(0, 0, 0, 0); }
  .el-button:focus, .el-button:hover {
    color: var(--hoverBlue);
    border-color: var(--hoverBlue); }

.el-button--default {
  color: var(--mainBlue); }

.el-button--danger {
  border-color: var(--mainRed);
  color: var(--mainRed);
  background-color: rgba(0, 0, 0, 0); }
  .el-button--danger:focus, .el-button--danger:hover {
    border-color: var(--lightRed);
    color: var(--lightRed);
    background-color: rgba(0, 0, 0, 0); }

.el-button--primary {
  border-color: var(--mainBlue);
  color: #fff;
  background-color: var(--mainBlue); }
  .el-button--primary:focus, .el-button--primary:hover {
    border-color: var(--hoverBlue);
    color: #fff;
    background-color: var(--hoverBlue) !important; }

.el-button--primary.is-plain.is-disabled {
  border-color: var(--mainBlue);
  color: #fff;
  background-color: var(--mainBlue); }
  .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover {
    border-color: var(--hoverBlue);
    color: #fff;
    background-color: var(--hoverBlue) !important; }

.el-button--small {
  padding: 7px 15px !important;
  line-height: 1 !important; }

.el-button--mini {
  padding: 4px 10px !important; }

.el-menu--dark {
  background-color: var(--sidebar-color); }

.el-button--text {
  border: 1px solid #c0ccda;
  padding: 10px 15px; }

.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
  color: var(--text-grey);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--disable-icon-color) !important;
  border-color: var(--disable-icon-color); }

.el-button--default:focus, .el-button--default:hover {
  background-color: transparent; }

.is-opened .el-submenu__title {
  border-left: 0;
  padding-left: 17px; }

.el-submenu__title:hover {
  background-color: var(--icon-theme-background-color); }

.app-ellipsis-table.el-table .cell {
  white-space: nowrap; }

.el-table {
  color: var(--text-normal);
  border-color: var(--borderGrey);
  background-color: transparent; }
  .el-table td, .el-table th.is-leaf {
    border-color: var(--borderGrey);
    border-bottom: 1px solid var(--borderGrey); }
  .el-table th {
    background-color: var(--hoverGrey); }
  .el-table th > .cell {
    color: var(--text-black);
    font-weight: 550;
    background-color: var(--panel-background-color); }
  .el-table tr {
    background-color: var(--panel-background-color); }
  .el-table .cell,
  .el-table th > div {
    padding-left: 8px;
    padding-right: 8px;
    color: var(--text-black); }
  .el-table:after, .el-table:before {
    background-color: var(--borderGrey); }
  .el-table [class^="app-icon-"], .el-table [class*=" app-icon-"] {
    color: var(--minor-icon-color); }
    .el-table [class^="app-icon-"]:hover, .el-table [class*=" app-icon-"]:hover {
      color: var(--minor-icon-color); }
  .el-table .sort-caret.ascending {
    top: 8px; }
  .el-table .sort-caret.descending {
    bottom: 8px; }
  .el-table .sort-caret.ascending,
  .el-table .sort-caret.descending {
    border-width: 4.5px; }

.el-message.right-copy {
  left: 55% !important;
  /* 调整左侧偏移量 */
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
  /* 取消默认水平居中 */ }

.el-image-viewer__img {
  background-color: #fff; }

.el-table th.el-table__cell {
  background-color: var(--panel-background-color); }

.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid var(--borderGrey); }

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--hoverGrey); }

.el-table--enable-row-hover .el-table__body tr:hover > td,
.u-table-stripe tr:nth-child(2n) > td {
  background-color: var(--hoverGrey); }

.el-table__body tr.current-row > td.el-table__cell, .el-table__body tr.selection-row > td.el-table__cell {
  background-color: var(--item-checked-background-color); }

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: var(--main-background-color); }

.el-table--striped .el-table__body tr:nth-child(2n) td {
  background: none; }

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  background: none; }

.el-tabs__item {
  padding: 0 16px;
  text-align: center;
  font-weight: bold;
  color: #8391a5; }
  .el-tabs__item:hover {
    color: var(--text-black); }

.el-tabs__item.is-active {
  color: var(--mainBlue) !important; }

.el-tabs__active-bar {
  background-color: var(--mainBlue); }

.el-input .el-input__inner:focus {
  border-color: var(--mainBlue); }

.el-input-group__append, .el-input-group__prepend {
  color: var(--text-grey);
  border-color: var(--input-border-color);
  background-color: var(--input-text-background); }
  .el-input-group__append:focus, .el-input-group__append :hover, .el-input-group__prepend:focus, .el-input-group__prepend :hover {
    border-color: var(--input-border-color); }
  .el-input-group__append .el-button:focus, .el-input-group__append .el-button:hover, .el-input-group__prepend .el-button:focus, .el-input-group__prepend .el-button:hover {
    color: inherit; }

.el-input-group__prepend .el-input__inner {
  height: 30px; }

.el-input__inner {
  border-color: var(--input-border-color);
  height: 32px; }
  .el-select .el-input__inner:focus, .el-input__inner:focus {
    border-color: var(--input-border-color-focus); }

.el-input.is-disabled .el-input__inner,
.el-input__inner,
.el-textarea.is-disabled .el-textarea__inner,
.el-checkbox__input.is-disabled .el-checkbox__inner,
.el-textarea__inner {
  border-color: var(--input-border-color);
  color: var(--text-normal);
  background-color: var(--input-text-background); }
  .el-input.is-disabled .el-input__inner:focus,
  .el-input__inner:focus,
  .el-textarea.is-disabled .el-textarea__inner:focus,
  .el-checkbox__input.is-disabled .el-checkbox__inner:focus,
  .el-textarea__inner:focus {
    border-color: var(--input-border-color-focus); }
  .el-input.is-disabled .el-input__inner::-webkit-input-placeholder,
  .el-input__inner::-webkit-input-placeholder,
  .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder,
  .el-checkbox__input.is-disabled .el-checkbox__inner::-webkit-input-placeholder,
  .el-textarea__inner::-webkit-input-placeholder {
    color: var(--text-disable); }
  .el-input.is-disabled .el-input__inner:-ms-input-placeholder,
  .el-input__inner:-ms-input-placeholder,
  .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
  .el-checkbox__input.is-disabled .el-checkbox__inner:-ms-input-placeholder,
  .el-textarea__inner:-ms-input-placeholder {
    color: var(--text-disable); }
  .el-input.is-disabled .el-input__inner::-ms-input-placeholder,
  .el-input__inner::-ms-input-placeholder,
  .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder,
  .el-checkbox__input.is-disabled .el-checkbox__inner::-ms-input-placeholder,
  .el-textarea__inner::-ms-input-placeholder {
    color: var(--text-disable); }
  .el-input.is-disabled .el-input__inner::placeholder,
  .el-input__inner::placeholder,
  .el-textarea.is-disabled .el-textarea__inner::placeholder,
  .el-checkbox__input.is-disabled .el-checkbox__inner::placeholder,
  .el-textarea__inner::placeholder {
    color: var(--text-disable); }
  .el-input.is-disabled .el-input__inner::-webkit-input-placeholder,
  .el-input__inner::-webkit-input-placeholder,
  .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder,
  .el-checkbox__input.is-disabled .el-checkbox__inner::-webkit-input-placeholder,
  .el-textarea__inner::-webkit-input-placeholder {
    /* WebKit browsers */
    color: var(--text-disable); }
  .el-input.is-disabled .el-input__inner:-moz-placeholder,
  .el-input__inner:-moz-placeholder,
  .el-textarea.is-disabled .el-textarea__inner:-moz-placeholder,
  .el-checkbox__input.is-disabled .el-checkbox__inner:-moz-placeholder,
  .el-textarea__inner:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: var(--text-disable); }
  .el-input.is-disabled .el-input__inner::-moz-placeholder,
  .el-input__inner::-moz-placeholder,
  .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder,
  .el-checkbox__input.is-disabled .el-checkbox__inner::-moz-placeholder,
  .el-textarea__inner::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(--text-disable); }
  .el-input.is-disabled .el-input__inner:-ms-input-placeholder,
  .el-input__inner:-ms-input-placeholder,
  .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
  .el-checkbox__input.is-disabled .el-checkbox__inner:-ms-input-placeholder,
  .el-textarea__inner:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: var(--text-disable); }

.el-textarea__inner {
  border-radius: 1px; }

.el-textarea .el-input__count {
  background-color: var(--input-text-background);
  bottom: 2px;
  height: 16px;
  line-height: 16px; }

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--mainBlue) !important;
  border-color: var(--mainBlue) !important; }

.el-input-number__decrease, .el-input-number__increase {
  border-color: var(--input-border-color);
  background: var(--dialog-background-color);
  color: var(--text-normal); }

.el-input-number__decrease, .el-input-number__increase {
  border-color: var(--input-border-color);
  background: var(--dialog-background-color);
  color: var(--text-normal); }

.el-input-number.is-controls-right .el-input-number__increase {
  line-height: 15px;
  border-bottom-color: var(--input-border-color); }

.el-input-number.is-controls-right .el-input-number__decrease {
  bottom: 2px;
  line-height: 15px;
  border-left-color: var(--input-border-color);
  margin-bottom: 1px; }

.el-tabs__header {
  border-color: var(--tab-border-color); }

.el-tabs__nav-wrap::after {
  background-color: var(--tab-border-color); }

.el-form-item__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: var(--text-black); }

.el-table .cell {
  word-break: break-word; }

.el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
  background: var(--pop-input-background-hover); }

.el-cascader__suggestion-item:not(.is-disabled):focus, .el-cascader__suggestion-item:not(.is-disabled):hover {
  background: var(--pop-input-background-hover); }

.el-cascader-node__label {
  color: var(--text-normal); }

.el-cascader__suggestion-panel {
  background-color: var(--pop-input-background); }

.el-cascader__suggestion-list {
  background-color: var(--pop-input-background);
  color: var(--text-normal); }

/* checkbox */
.el-checkbox__label {
  color: var(--text-normal); }

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--checkbox-radio-background-color);
  border-color: var(--checkbox-radio-border-color); }

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: var(--checkbox-radio-border-color); }

.is-checked .el-checkbox__inner:after {
  border-color: var(--checkbox-radio-check-color); }

.el-checkbox__input .el-checkbox__inner {
  background-color: var(--input-check-color);
  border-color: var(--checkbox-radio-border-color); }

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--mainBlue); }

/* /checkbox */
/* radio */
.el-radio {
  color: var(--text-normal); }

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--checkbox-radio-border-color);
  background: var(--checkbox-radio-background-color); }
  .el-radio__input.is-checked .el-radio__inner:after {
    background-color: var(--checkbox-radio-check-color); }

.el-radio__input.is-checked + .el-radio__label {
  color: var(--mainBlue); }

.el-radio__input .el-radio__inner {
  border-color: var(--checkbox-radio-border-color);
  background: var(--checkbox-radio-background-color); }

.el-radio-button__inner {
  box-shadow: none !important; }

/* radio */
/* 需要换行的 el-radio  start */
.sn-multiline-radio-group .el-radio {
  margin: 0 15px 8px 0; }

.sn-multiline-radio-group .el-radio + .el-radio {
  margin-left: 0; }

/* 需要换行的 el-radio  end */
/* select-dropdown */
.el-dropdown-menu,
.el-select-dropdown,
.el-select-dropdown.is-multiple {
  background-color: var(--pop-input-background);
  border-color: var(--pop-input-background); }
  .el-dropdown-menu .el-select-dropdown__item:not(.is-disabled)
.el-dropdown-menu__item,
  .el-select-dropdown .el-select-dropdown__item:not(.is-disabled)
.el-dropdown-menu__item,
  .el-select-dropdown.is-multiple .el-select-dropdown__item:not(.is-disabled)
.el-dropdown-menu__item {
    color: var(--text-normal) !important; }
    .el-dropdown-menu .el-select-dropdown__item:not(.is-disabled)
.el-dropdown-menu__item:hover, .el-dropdown-menu .el-select-dropdown__item:not(.is-disabled)
.el-dropdown-menu__item.hover,
    .el-select-dropdown .el-select-dropdown__item:not(.is-disabled)
.el-dropdown-menu__item:hover,
    .el-select-dropdown .el-select-dropdown__item:not(.is-disabled)
.el-dropdown-menu__item.hover,
    .el-select-dropdown.is-multiple .el-select-dropdown__item:not(.is-disabled)
.el-dropdown-menu__item:hover,
    .el-select-dropdown.is-multiple .el-select-dropdown__item:not(.is-disabled)
.el-dropdown-menu__item.hover {
      background-color: var(--pop-input-background-hover); }
  .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled),
  .el-select-dropdown .el-dropdown-menu__item:not(.is-disabled),
  .el-select-dropdown.is-multiple .el-dropdown-menu__item:not(.is-disabled) {
    color: var(--text-normal); }
    .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover,
    .el-select-dropdown .el-dropdown-menu__item:not(.is-disabled):hover,
    .el-select-dropdown.is-multiple .el-dropdown-menu__item:not(.is-disabled):hover {
      background-color: var(--pop-input-background-hover); }
  .el-dropdown-menu .el-select-dropdown__item,
  .el-select-dropdown .el-select-dropdown__item,
  .el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-right: 30px;
    color: var(--text-normal) !important; }
    .el-dropdown-menu .el-select-dropdown__item:hover, .el-dropdown-menu .el-select-dropdown__item.hover,
    .el-select-dropdown .el-select-dropdown__item:hover,
    .el-select-dropdown .el-select-dropdown__item.hover,
    .el-select-dropdown.is-multiple .el-select-dropdown__item:hover,
    .el-select-dropdown.is-multiple .el-select-dropdown__item.hover {
      background-color: var(--pop-input-background-hover); }
  .el-dropdown-menu .el-select-dropdown__item.selected.hover,
  .el-dropdown-menu .el-select-dropdown__item.selected,
  .el-select-dropdown .el-select-dropdown__item.selected.hover,
  .el-select-dropdown .el-select-dropdown__item.selected,
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    background-color: var(--mainBlue);
    color: var(--selected-color) !important; }

.el-select .el-select__tags {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: inherit; }

.el-select__tags-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 50px; }

.el-select .el-select__tags > span {
  display: contents; }

.el-select .el-input.is-focus .el-input__inner {
  border-color: var(--mainBlue); }

.el-cascader-menus {
  border-color: var(--borderGrey);
  z-index: 1000000 !important; }

.el-cascader-menu {
  color: var(--text-normal);
  background-color: var(--pop-input-background);
  border-color: var(--borderGrey); }
  .el-cascader-menu .el-input__inner {
    width: 94%;
    margin: 10px 3%;
    border: none;
    background-color: var(--pop-input-background-hover); }
  .el-cascader-menu .el-cascader-menu__item {
    color: var(--text-normal); }
    .el-cascader-menu .el-cascader-menu__item:hover {
      background-color: var(--pop-input-background-hover); }
    .el-cascader-menu .el-cascader-menu__item.is-active {
      background-color: var(--mainBlue);
      color: var(--selected-color); }

.el-cascader .el-input .el-input__inner:focus {
  border-color: var(--mainBlue); }

/* select-dropdown */
/* reset el-autocomplete */
.el-autocomplete-suggestion {
  border: none; }
  .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap {
    background-color: var(--pop-input-background);
    border-color: var(--pop-input-background);
    overflow: auto; }
    .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li {
      color: var(--text-normal); }
      .el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li:hover {
        background-color: var(--pop-input-background-hover); }

/* reset el-autocomplete */
/* message-box */
.el-message-box {
  background-color: var(--dialog-background-color);
  border-color: var(--input-border-color); }
  .el-message-box .el-message-box__title {
    color: var(--text-black); }
  .el-message-box .el-message-box__message {
    color: var(--text-normal); }
  .el-message-box .el-button--primary {
    background-color: var(--mainBlue) !important; }

/* message-box */
.el-tag {
  background-color: var(--panel-border-color);
  color: var(--mainBlue);
  border-color: var(--borderGrey);
  border-radius: 13px;
  padding: 0 10px;
  margin-right: 10px; }
  .el-tag .el-tag__close:hover {
    background-color: var(--main-background-color); }
  .el-table .el-tag {
    margin-bottom: 10px; }
  .el-tag .el-tag__close {
    color: var(--mainBlue);
    background-color: var(--input-text-background); }

.el-tag.el-tag--info {
  background-color: var(--panel-border-color);
  color: var(--mainBlue);
  border-color: var(--borderGrey);
  display: flex;
  align-items: baseline; }
  .el-tag.el-tag--info .el-tag__close {
    color: var(--mainBlue);
    background-color: var(--input-text-background); }

.el-slider__button {
  border: none; }

.el-slider__bar, .el-slider__button, .el-slider__button.hover {
  background-color: var(--mainBlue); }
  .el-slider__bar:hover, .el-slider__bar:focus, .el-slider__button:hover, .el-slider__button:focus, .el-slider__button.hover:hover, .el-slider__button.hover:focus {
    background-color: var(--mainBlue); }

.el-slider__runway,
.el-slider__runway.disabled .el-slider__button {
  background-color: var(--input-border-color); }

/* /reset element ui */
/* reset panel面板 */
.am-panel-default,
.am-panel-default > .am-panel-hd {
  border-color: var(--panel-border-color);
  background-color: var(--panel-background-color); }

.am-panel-default > .am-panel-hd .el-radio-group .is-active span, .am-panel-default > .am-panel-bd .el-radio-group .is-active span {
  border-color: var(--radio-group-border-color) !important;
  color: var(--radio-group-text-active) !important;
  background-color: var(--radio-group-background-active) !important; }

.am-panel-default > .am-panel-hd .el-radio-button__inner, .am-panel-default > .am-panel-bd .el-radio-button__inner {
  padding: 4px 10px;
  color: var(--radio-group-text);
  font-weight: normal;
  border-color: var(--radio-group-border-color) !important;
  background-color: var(--radio-group-background) !important; }

.am-panel-default > .am-panel-hd {
  color: var(--text-black);
  border-color: var(--borderGrey);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .am-panel-default > .am-panel-hd label {
    margin-bottom: 0; }
  .am-panel-default > .am-panel-hd > .pull-right {
    line-height: 2; }
    .am-panel-default > .am-panel-hd > .pull-right .app-icon {
      vertical-align: middle;
      font-size: 16px;
      color: var(--minor-icon-color); }
      .am-panel-default > .am-panel-hd > .pull-right .app-icon.font-16 {
        font-size: 16px; }
      .am-panel-default > .am-panel-hd > .pull-right .app-icon:hover {
        color: var(--minor-icon-color); }
    .am-panel-default > .am-panel-hd > .pull-right .el-dropdown {
      vertical-align: middle; }
  .am-panel-default > .am-panel-hd .title-btn {
    line-height: 2.7rem;
    float: right; }
    .am-panel-default > .am-panel-hd .title-btn .app-icon {
      vertical-align: middle;
      font-size: 18px;
      color: var(--minor-icon-color); }
      .am-panel-default > .am-panel-hd .title-btn .app-icon.font-16 {
        font-size: 16px; }
      .am-panel-default > .am-panel-hd .title-btn .app-icon:hover {
        color: var(--minor-icon-color); }
    .am-panel-default > .am-panel-hd .title-btn .el-dropdown {
      vertical-align: middle; }

.el-radio-group .is-active span {
  border-color: var(--radio-group-border-color) !important;
  color: var(--radio-group-text-active) !important;
  background-color: var(--radio-group-background-active) !important; }

.el-radio-button__inner {
  padding: 4px 10px;
  color: var(--radio-group-text);
  font-weight: normal;
  border-color: var(--radio-group-border-color) !important;
  background-color: var(--radio-group-background) !important; }
  .el-radio-button__inner:hover {
    color: var(--radio-group-text); }

.el-color-picker__panel {
  border-color: var(--tab-border-color);
  background-color: var(--panel-background-color); }
  .el-color-picker__panel .el-button--text {
    display: none;
    border-color: var(--mainBlue);
    padding: 4px;
    color: var(--mainBlue); }
  .el-color-picker__panel .el-button + .el-button:focus, .el-color-picker__panel .el-button + .el-button:hover {
    color: var(--hoverBlue);
    border-color: var(--hoverBlue); }

/*  /reset panel面板 */
/* reset Form */
.app-reset-form .el-select, .app-reset-form .el-date-editor, .app-reset-form .el-input {
  width: 200px;
  display: inline-block; }

/* reset Form */
/* reset dialog */
.app-reset-dialog-header .el-dialog__header {
  background-color: var(--hoverGrey); }

.el-dialog {
  background-color: var(--panel-background-color); }

.el-dialog__header {
  padding: 10px 20px 10px; }

.el-dialog__headerbtn {
  top: 10px;
  right: 10px;
  font-size: 22px; }

.el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--mainBlue) !important; }

.el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--mainBlue) !important; }

.el-dialog__body {
  color: var(--text-normal); }

.el-dialog__title {
  color: var(--text-black); }

.el-dialog--tiny {
  width: 420px; }

.el-dialog--middle {
  width: 500px; }

.el-dialog--small {
  width: 700px; }

.el-dialog--big {
  width: 900px; }

.el-dialog--large {
  width: 1200px; }

.el-dialog--huge {
  width: 80%;
  height: 90%; }

.el-popover {
  background: var(--popover-input-text-background);
  border-color: var(--popover-background-color);
  border: solid 1px var(--borderGrey);
  color: var(--text-normal); }
  .el-popover .el-input__inner {
    color: var(--text-normal);
    background-color: var(--input-text-background);
    border-color: var(--input-border-color-focus); }
  .el-popover .el-checkbox__input.is-disabled {
    display: none; }

.my-popover {
  min-width: 80px !important; }

.el-popover[x-placement^=bottom] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=bottom] .popper__arrow {
  border-bottom-color: var(--popover-input-text-background) !important; }
  .el-popover[x-placement^=bottom] .popper__arrow:after,
  .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after,
  .el-tooltip__popper.is-dark[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: var(--popover-input-text-background) !important; }

.el-popover[x-placement^=top] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=top] .popper__arrow {
  border-top-color: var(--pop-input-background) !important; }
  .el-popover[x-placement^=top] .popper__arrow:after,
  .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after,
  .el-tooltip__popper.is-dark[x-placement^=top] .popper__arrow:after {
    border-top-color: var(--pop-input-background) !important; }

.el-popover[x-placement^=left] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow {
  border-right-color: var(--pop-input-background) !important; }
  .el-popover[x-placement^=left] .popper__arrow:after,
  .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after,
  .el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow:after {
    border-left-color: var(--pop-input-background) !important; }

.el-popover[x-placement^=right] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=right] .popper__arrow {
  border-right-color: var(--pop-input-background) !important; }
  .el-popover[x-placement^=right] .popper__arrow:after,
  .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after,
  .el-tooltip__popper.is-dark[x-placement^=right] .popper__arrow:after {
    border-right-color: var(--pop-input-background) !important; }

.el-tooltip__popper, .el-tooltip__popper.is-light {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  background-color: var(--pop-input-background) !important;
  color: var(--text-normal) !important;
  border: 1px solid var(--input-border-color); }

.el-tooltip__popper.is-light {
  width: 350px !important; }

.sidbar-popper {
  width: 400px;
  border: 1px solid var(--borderGrey); }

/* /reset dialog */
/* reset el-dropdown-menu */
.app-el-dropdown-menu {
  background-color: var(--drop-menu-bgColor);
  border: 1px solid var(--drop-menu-bgColor);
  padding-top: 0;
  padding-bottom: 0; }
  .app-el-dropdown-menu .el-dropdown-menu__item a {
    display: inline-block;
    color: var(--nav-text-color); }
    .app-el-dropdown-menu .el-dropdown-menu__item a span {
      color: inherit; }
  .app-el-dropdown-menu .el-dropdown-menu__item:hover {
    background-color: var(--nav-hover-color); }

.el-dropdown .el-loading-spinner .circular {
  width: 12px;
  height: 12px;
  margin-top: 12px; }

/* reset el-dropdown-menu */
/* reset el-input-group__append */
.app-el-input-group .el-input-group__append {
  background-color: var(--mainBlue);
  color: #fff; }
  .app-el-input-group .el-input-group__append button:hover, .app-el-input-group .el-input-group__append button:focus {
    border-color: var(--hoverBlue);
    background-color: var(--hoverBlue); }

/* reset el-input-group__append */
/* reset scrollbar */
::-webkit-scrollbar {
  width: 5px;
  height: 8px; }

/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px; }

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--scrollbar-background-color);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); }

body {
  scrollbar-track-color: var(--main-background-color);
  /*立体滚动条背景颜色*/
  scrollbar-base-color: var(--scrollbar-background-color);
  /*滚动条的基色*/
  scrollbar-arrow-color: var(--main-background-color); }

/* reset scrollbar */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--text-grey); }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--text-grey); }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: var(--text-grey); }

/* reset .el-picker-panel */
.el-picker-panel {
  color: var(--text-normal);
  border-color: var(--input-border-color);
  background: var(--pop-input-background);
  box-shadow: none;
  border-radius: 2px;
  line-height: 20px;
  margin: 5px 0; }

.el-date-table td.disabled div {
  background-color: var(--date-picker-disabled); }

.el-date-table th {
  color: var(--text-normal); }

.el-date-table td.today {
  color: #fff; }

.el-date-table td.today:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent; }

.el-date-range-picker__time-header {
  border-bottom: 1px solid var(--borderGrey); }

.el-date-range-picker__header div {
  color: var(--text-black); }

.el-date-range-picker__time-header > .el-icon-arrow-right {
  color: var(--text-normal); }

.el-time-spinner__item.active:not(.disabled) {
  color: var(--text-normal);
  background-color: var(--sidebar-deep-color); }

.el-picker-panel__sidebar {
  border-color: var(--input-border-color);
  background-color: var(--sidebar-deep-color); }

.el-range-editor.is-active, .el-range-editor.is-active:hover {
  border-color: var(--pop-input-background-active); }

.el-range-editor.el-input__inner {
  padding: 3px 3px 3px 7px; }

.el-time-panel, .el-time-panel__footer {
  border-color: var(--input-border-color);
  background-color: var(--sidebar-deep-color); }

.el-time-spinner {
  background-color: var(--sidebar-color); }
  .el-time-spinner .el-time-spinner__item {
    color: var(--text-normal); }

.el-time-panel__btn {
  color: var(--text-normal); }

.el-time-spinner__item:hover:not(.disabled):not(.active), .el-time-spinner__item.active:not(.disabled) {
  color: var(--mainBlue);
  background-color: var(--pop-input-background-hover); }

.el-date-picker__header .el-date-picker__header-label {
  color: var(--text-black); }

.el-date-picker__header .el-picker-panel__icon-btn {
  color: var(--text-normal); }

.el-picker-panel__footer {
  background-color: var(--sidebar-deep-color) !important;
  border: 0; }
  .el-picker-panel__footer .el-button {
    padding: 5px;
    border: none;
    color: var(--mainBlue); }
  .el-picker-panel__footer .el-button--default {
    background-color: var(--mainBlue) !important;
    border: 0;
    color: #fff !important; }

.el-picker-panel__shortcut {
  color: var(--text-normal); }
  .el-picker-panel__shortcut:hover {
    background-color: var(--sidebar-deep-color);
    color: var(--pop-input-background-active); }

.el-date-range-picker__content.is-left {
  border-color: var(--input-border-color); }

.el-picker-panel__icon-btn:hover {
  color: var(--pop-input-background-active); }

.el-date-table td {
  line-height: 32px; }

.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: var(--pop-input-background-hover); }

.el-range-input {
  background-color: var(--date-range-input);
  color: var(--text-normal) !important; }

/* reset .el-picker-panel */
/* reset el-breadcrumb  start */
.el-breadcrumb {
  font-size: 13px;
  color: var(--text-normal); }

.el-breadcrumb__inner {
  color: var(--text-normal) !important; }

.el-breadcrumb__inner.is-link:hover {
  color: var(--hoverBlue) !important; }

.el-breadcrumb__item:last-child .el-breadcrumb__item__inner, .el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover,
.el-breadcrumb__separator,
.el-breadcrumb__separator:hover {
  color: var(--text-grey); }

/* reset el-breadcrumb  end */
.el-notification {
  width: 360px;
  padding: 12px;
  background-color: var(--panel-background-color);
  border-color: var(--borderGrey); }
  .el-notification .el-notification__content {
    color: #000; }

.el-card {
  background-color: var(--panel-background-color);
  border: var(--panel-border-color); }

.el-switch.is-checked .el-switch__core {
  border-color: var(--mainBlue);
  background-color: var(--mainBlue); }

.el-timeline-item__node--primary {
  background-color: var(--mainBlue) !important; }

.el-timeline-item__node {
  background-color: var(--mainBlue) !important; }

.el-timeline-item__tail {
  border-left: 2px solid var(--mainBlue) !important; }

.el-timeline-item__node--normal {
  left: 0px;
  width: 12px;
  height: 12px; }

.el-timeline-item__tail {
  left: 5px; }

.el-table .cell .el-tooltip {
  word-break: break-word; }

.el-popover__title {
  font-size: 13px;
  color: var(--text-black); }

.el-collapse-item__header {
  border-bottom: none;
  background-color: var(--panel-background-color); }

.el-collapse-item__wrap {
  background-color: var(--panel-background-color);
  border-bottom: none; }

.el-collapse-item__content {
  color: var(--text-normal); }

.el-collapse-item__header__arrow {
  float: right;
  line-height: 43px; }

.el-collapse-item__arrow {
  color: var(--text-black); }

.el-menu--popup {
  padding: 0;
  min-width: 131px; }

.el-menu.el-menu--horizontal {
  border-bottom: none; }

.el-input__icon {
  line-height: 30px; }

.el-date-editor .el-range__icon {
  line-height: 24px; }

.el-range-editor--mini .el-range__icon {
  line-height: 18px; }

.el-date-editor .el-range-separator {
  line-height: 1.5;
  padding: 0px 3px;
  color: var(--text-normal); }

.el-cascader__dropdown {
  border: none; }

.el-upload-list__item-name {
  color: var(--text-normal); }

.el-upload-list__item:hover {
  background: var(--pop-input-background-hover); }

.el-input__validateIcon {
  display: none; }

.el-progress__text {
  color: var(--text-normal); }

.el-progress-bar__outer {
  background-color: var(--main-background-color) !important; }

.el-pager li.btn-quickprev {
  color: var(--text-normal); }

.el-range-editor.is-disabled {
  background-color: var(--input-text-background) !important;
  border-color: var(--input-border-color); }

.el-range-editor.is-disabled input {
  background-color: var(--input-text-background) !important; }

.el-picker-panel__icon-btn {
  color: var(--text-normal); }

.el-range__close-icon {
  line-height: 26px !important; }

.el-tag .el-tag__close {
  color: var(--mainBlue); }

.el-tag .el-tag__close:hover {
  color: red; }

.app-reset-form .el-date-editor {
  display: inline-flex !important; }

.el-input__suffix {
  padding-right: 2px;
  cursor: pointer; }
  .el-input__suffix:hover {
    color: var(--hoverBlue); }

.el-image__error {
  background-color: var(--hoverGrey); }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: var(--main-background-color); }

.el-slider__runway {
  height: 4px;
  margin: 17px 0 15px 0; }

.el-slider__bar {
  height: 4px; }

.el-slider__button-wrapper {
  top: -16px; }

.el-link.is-underline:hover:after {
  border: none; }

.el-select-dropdown.is-multiple .el-select-dropdown__list {
  padding: 6px 10px 6px 6px; }

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  right: 10px; }

.el-cascader__search-input {
  background-color: var(--input-text-background); }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.custom-a {
  cursor: pointer; }
  .custom-a:hover {
    color: var(--mainBlue) !important; }

.opacity-05 {
  opacity: 0.5 !important; }

.color-yellow {
  color: yellow; }

.color-yellow-2 {
  color: #f37b1d; }

.color-grey {
  color: var(--mainGrey) !important; }

.color-white {
  color: #fff !important; }

.color-grey-deep {
  color: var(--deepGrey); }

.color-black-deep {
  color: var(--text-deep-black); }

.color-green {
  color: var(--mainGreen) !important; }

.color-success-green {
  color: #22ac38 !important; }

.color-nav-right {
  color: var(--navRightColor); }

.hover-icon-color {
  color: var(--hover-icon-color); }

.hover-white:hover {
  color: var(--mainBlue); }

a.color-green:hover,
a.color-green:focus {
  color: var(--mainGreen); }

.first-rank {
  color: #a3005e; }

.second-rank {
  color: #d9001b; }

.third-rank {
  color: #f5a623; }

.other-rank {
  color: #fff; }

.icon-blue {
  color: #1d9bf0; }

.color-blue {
  color: var(--mainBlue) !important; }

.color-red {
  color: var(--mainRed) !important; }

.color-alarm {
  color: #f56c6c; }

.color-orange {
  color: var(--mainOrange); }

.color-orange-2 {
  color: #f9ab2b; }

.color-orange-text {
  color: var(--orange-text) !important;
  background-color: var(--orange-bg) !important; }

.color-light-red {
  color: var(--lightRed); }

.color-hover-btn {
  color: var(--btn-hover-color); }

.color-grey-text {
  color: var(--text-color); }

.color-sidebar-title {
  color: var(--sidebar-title); }

.color-sidebar-bg {
  background-color: var(--sidebar-color); }

.color-panle {
  background-color: var(--panel-background-color);
  color: var(--text-black); }

.color-report {
  color: var(--report-text); }

.color-white-bg {
  background-color: #fff; }

.orange-text-color {
  color: var(--orange-text) !important; }

.report-orange {
  color: var(--report-orange); }

.orange-bg-color {
  background-color: var(--orange-bg) !important; }

.button-text-color {
  color: var(--button-text-color); }

.text-normal {
  color: var(--text-normal) !important; }

.text-normal-grey {
  color: var(--text-color); }

.text-black-color {
  color: var(--text-black); }

.text-grey-color {
  color: var(--text-grey); }

.text-disable-color {
  color: var(--text-disable); }

.deep-color {
  color: var(--point-title); }

.icon-main-color {
  color: var(--minor-icon-color); }

.transform-095 {
  -webkit-transform: scale(0.95);
          transform: scale(0.95); }

.font-bold {
  font-weight: bold !important; }

.font-normal {
  font-weight: normal !important; }

.font-8 {
  font-size: 8px !important; }

.font-10 {
  font-size: 10px !important; }

.font-11 {
  font-size: 11px !important; }

.font-12 {
  font-size: 12px !important; }

.font-13 {
  font-size: 13px !important; }

.font-14 {
  font-size: 14px !important; }

.font-15 {
  font-size: 15px !important; }

.font-16 {
  font-size: 16px !important; }

.font-17 {
  font-size: 17px !important; }

.font-18 {
  font-size: 18px; }

.font-20 {
  font-size: 20px; }

.font-22 {
  font-size: 22px; }

.font-24 {
  font-size: 24px; }

.font-26 {
  font-size: 26px; }

.font-28 {
  font-size: 28px; }

.font-30 {
  font-size: 30px; }

.font-32 {
  font-size: 32px; }

.font-34 {
  font-size: 34px; }

.font-36 {
  font-size: 36px; }

.font-48 {
  font-size: 48px; }

.font-60 {
  font-size: 60px; }

.line-1 {
  line-height: 1; }

.line-2 {
  line-height: 2 !important; }

.line-16 {
  line-height: 16px; }

.line-26 {
  line-height: 26px !important; }

.height-line-30 {
  height: 30px;
  line-height: 30px !important; }

.line-32 {
  line-height: 32px; }

.line-42 {
  line-height: 42px !important; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.cursor-pointer {
  cursor: pointer; }

.cursor-move {
  cursor: move; }

.cursor-disabled {
  cursor: not-allowed !important; }

.cursor-text {
  cursor: text; }

.vertical-mid {
  vertical-align: middle; }

.vertical-top {
  vertical-align: top; }

.vertical-text-bottom {
  vertical-align: text-bottom !important; }

.text-right {
  text-align: right !important; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center; }

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-ellipsis-one {
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical; }

.text-ellipsis-two {
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical; }

.text-ellipsis-three {
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical; }

.text-ellipsis-four {
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical; }

.text-ellipsis-five {
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical; }

.text-ellipsis-six {
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical; }

.text-break {
  word-wrap: break-word;
  word-break: normal; }

.border-box {
  background-color: var(--panel-background-color);
  border: solid 1px var(--panel-border-color);
  padding: 20px 0; }

.border-btm-black {
  border-bottom: 1px solid var(--borderBlack); }

.panel-bg-color {
  background-color: var(--panel-background-color); }

.border-btm-dashed {
  border-bottom: dashed 1px var(--borderGrey); }

.border-btm-panel {
  border-bottom: solid 1px var(--borderGrey); }

.border-rgh-panel {
  border-right: solid 1px var(--borderGrey); }

.border-none {
  border: none !important; }

.border-btm-none {
  border-bottom: none !important; }

.border-rgt-none {
  border-right: none; }

.border-shadow-none {
  border: none !important;
  box-shadow: none !important; }

.margin-auto {
  margin: auto; }

.margin-0 {
  margin: 0px !important; }

.margin-4 {
  margin: 4px; }

.margin-lr-10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.margin-top-0 {
  margin-top: 0px; }

.margin-top-1 {
  margin-top: 1px; }

.margin-top-2 {
  margin-top: 2px; }

.margin-top-3 {
  margin-top: 3px; }

.margin-top-4 {
  margin-top: 4px; }

.margin-top-5 {
  margin-top: 5px; }

.margin-top-6 {
  margin-top: 6px; }

.margin-top-7 {
  margin-top: 7px; }

.margin-top-8 {
  margin-top: 8px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-12 {
  margin-top: 12px; }

.margin-top-13 {
  margin-top: 13px; }

.margin-top-15 {
  margin-top: 15px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-top-22 {
  margin-top: 22px; }

.margin-top-23 {
  margin-top: 23px; }

.margin-top-25 {
  margin-top: 25px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-top-34 {
  margin-top: 34px; }

.margin-top-220 {
  margin-top: 220px; }

.margin-top-230 {
  margin-top: 230px; }

.margin-top-260 {
  margin-top: 260px; }

.margin-btm-0 {
  margin-bottom: 0px !important; }

.margin-btm-1 {
  margin-bottom: 1px !important; }

.margin-btm-2 {
  margin-bottom: 2px !important; }

.margin-btm-3 {
  margin-bottom: 3px !important; }

.margin-btm-4 {
  margin-bottom: 4px !important; }

.margin-btm-5 {
  margin-bottom: 5px !important; }

.margin-btm-6 {
  margin-bottom: 6px; }

.margin-btm-7 {
  margin-bottom: 7px; }

.margin-btm-8 {
  margin-bottom: 8px; }

.margin-btm-10 {
  margin-bottom: 10px !important; }

.margin-btm-11 {
  margin-bottom: 11px; }

.margin-btm-12 {
  margin-bottom: 12px; }

.margin-btm-15 {
  margin-bottom: 15px !important; }

.margin-btm-16 {
  margin-bottom: 16px !important; }

.margin-btm-20 {
  margin-bottom: 20px !important; }

.margin-btm-30 {
  margin-bottom: 30px !important; }

.margin-left-0 {
  margin-left: 0px !important; }

.margin-left-1 {
  margin-left: 1px; }

.margin-left-2 {
  margin-left: 2px; }

.margin-left-3 {
  margin-left: 3px; }

.margin-left-4 {
  margin-left: 4px; }

.margin-left-5 {
  margin-left: 5px !important; }

.margin-left-6 {
  margin-left: 6px; }

.margin-left-8 {
  margin-left: 8px; }

.margin-left-8-5 {
  margin-left: 8.5px; }

.margin-left-9 {
  margin-left: 9px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-left-11 {
  margin-left: 11px; }

.margin-left-12 {
  margin-left: 12px; }

.margin-left-13 {
  margin-left: 13px; }

.margin-left-14 {
  margin-left: 14px; }

.margin-left-15 {
  margin-left: 15px; }

.margin-left-16 {
  margin-left: 16px; }

.margin-left-24 {
  margin-left: 24px; }

.margin-left-30 {
  margin-left: 30px; }

.margin-left-32 {
  margin-left: 32px; }

.margin-left-35 {
  margin-left: 35px; }

.margin-left-60 {
  margin-left: 60px; }

.margin-unleft-3 {
  margin-left: -3px; }

.margin-unleft-4 {
  margin-left: -4px; }

.margin-unleft-30 {
  margin-left: -30px; }

.margin-right-0 {
  margin-right: 0px !important; }

.margin-right-1 {
  margin-right: 1px; }

.margin-right-2 {
  margin-right: 2px; }

.margin-right-3 {
  margin-right: 3px; }

.margin-right-4 {
  margin-right: 4px !important; }

.margin-right-5 {
  margin-right: 5px; }

.margin-right-6 {
  margin-right: 6px; }

.margin-right-7 {
  margin-right: 7px; }

.margin-right-8 {
  margin-right: 8px; }

.margin-right-9 {
  margin-right: 9px; }

.margin-right-10 {
  margin-right: 10px !important; }

.margin-right-12 {
  margin-right: 12px; }

.margin-right-13 {
  margin-right: 13px; }

.margin-right-15 {
  margin-right: 15px !important; }

.margin-right-16 {
  margin-right: 16px; }

.margin-right-18 {
  margin-right: 18px; }

.margin-right-20 {
  margin-right: 20px; }

.margin-right-25 {
  margin-right: 25px; }

.margin-right-30 {
  margin-right: 30px; }

.margin-right-35 {
  margin-right: 35px; }

.margin-right-40 {
  margin-right: 40px; }

.margin-right-45 {
  margin-right: 45px; }

.margin-right-50 {
  margin-right: 50px; }

.margin-right-60 {
  margin-right: 60px; }

.margin-left-20 {
  margin-left: 20px; }

.margin-unright-1 {
  margin-right: -1px; }

.margin-unright-3 {
  margin-right: -3px; }

.margin-unright-4 {
  margin-right: -4px; }

.padding-10-20 {
  padding: 10px  20px; }

.padding-5-0 {
  padding: 5px 0px; }

.padding-5-20 {
  padding: 5px 20px; }

.padding-right-5 {
  padding-right: 5px; }

.padding-right-6 {
  padding-right: 6px; }

.padding-right-7 {
  padding-right: 7px; }

.padding-right-8 {
  padding-right: 8px; }

.padding-right-10 {
  padding-right: 10px; }

.padding-right-20 {
  padding-right: 20px; }

.padding-right-30 {
  padding-right: 30px; }

.padding-right-40 {
  padding-right: 40px; }

.padding-right-50 {
  padding-right: 50px; }

.padding-right-70 {
  padding-right: 70px; }

.padding-left-3 {
  padding-left: 3px; }

.padding-left-4 {
  padding-left: 4px; }

.padding-left-5 {
  padding-left: 5px; }

.padding-left-7 {
  padding-left: 7px; }

.padding-left-10 {
  padding-left: 10px !important; }

.padding-left-13 {
  padding-left: 13px !important; }

.padding-left-15 {
  padding-left: 15px !important; }

.padding-left-20 {
  padding-left: 20px; }

.padding-left-22 {
  padding-left: 22px; }

.padding-left-26 {
  padding-left: 26px; }

.padding-left-30 {
  padding-left: 30px; }

.padding-left-50 {
  padding-left: 50px; }

.padding-btm-0 {
  padding-bottom: 0 !important; }

.padding-btm-2 {
  padding-bottom: 2px; }

.padding-btm-3 {
  padding-bottom: 3px; }

.padding-btm-4 {
  padding-bottom: 4px; }

.padding-btm-5 {
  padding-bottom: 5px; }

.padding-btm-8 {
  padding-bottom: 8px; }

.padding-btm-10 {
  padding-bottom: 10px !important; }

.padding-btm-20 {
  padding-bottom: 20px !important; }

.padding-top-30 {
  padding-top: 30px; }

.padding-top-21 {
  padding-top: 21px; }

.padding-top-20 {
  padding-top: 20px; }

.padding-top-15 {
  padding-top: 15px; }

.padding-top-13 {
  padding-top: 13px; }

.padding-top-12 {
  padding-top: 12px; }

.padding-top-10 {
  padding-top: 10px; }

.padding-top-6 {
  padding-top: 6px; }

.padding-top-5 {
  padding-top: 5px; }

.padding-top-4 {
  padding-top: 4px; }

.padding-top-3 {
  padding-top: 3px; }

.padding-top-2 {
  padding-top: 2px; }

.padding-top-0 {
  padding-top: 0px !important; }

.padding-15 {
  padding: 15px; }

.padding-20 {
  padding: 20px; }

.padding-top-btm-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important; }

.padding-left-right-10 {
  padding-left: 10px;
  padding-right: 10px; }

.padding-0 {
  padding: 0 !important; }

.padding-0-10 {
  padding: 0 10px !important; }

.overflow-y-auto {
  overflow-y: auto !important; }

.overflow-y-overlay {
  overflow-y: overlay !important; }

.overflow-x-hidden {
  overflow-x: hidden; }

.p-relative {
  position: relative; }

.p-absolute {
  position: absolute; }

.ul-unstyle {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }
  .ul-unstyle li {
    margin: 0;
    padding: 0;
    list-style: none; }

.flex-1 {
  flex: 1; }

.flex-box {
  display: flex !important; }

.flex-center {
  display: flex !important;
  align-items: center; }

.flex-end {
  display: flex !important;
  align-items: flex-end; }

.flex-start {
  display: flex !important;
  align-items: flex-start; }

.flex-base {
  display: flex !important;
  align-items: baseline; }

.flex-ctr-start {
  display: flex !important;
  align-items: center;
  justify-content: flex-start; }

.flex-ctr-btw {
  display: flex !important;
  align-items: center;
  justify-content: space-between; }

.flex-ctr-ard {
  display: flex !important;
  align-items: center;
  justify-content: space-around; }

.flex-ctr-end {
  display: flex !important;
  align-items: center;
  justify-content: flex-end; }

.flex-ctr-ctr {
  display: flex !important;
  align-items: center;
  justify-content: center; }

.flex-base-btw {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between; }

.flex-nowrap {
  display: flex;
  flex-wrap: nowrap; }

.flex-wrap {
  display: flex;
  flex-wrap: wrap; }

.width-2 {
  width: 2%; }

.width-3 {
  width: 3%; }

.width-5 {
  width: 5%; }

.width-6 {
  width: 6%; }

.width-7 {
  width: 7%; }

.width-8 {
  width: 8%; }

.width-9 {
  width: 9%; }

.width-10 {
  width: 10% !important; }

.width-11 {
  width: 11%; }

.width-12 {
  width: 12%; }

.width-12-5 {
  width: 12.5%; }

.width-13 {
  width: 13%; }

.width-13-5 {
  width: 13.5%; }

.width-14 {
  width: 14%; }

.width-15 {
  width: 15% !important; }

.width-15-5 {
  width: 15.5%; }

.width-16-5 {
  width: 16.5%; }

.width-17 {
  width: 17%; }

.width-18 {
  width: 18%; }

.width-20 {
  width: 20% !important; }

.width-25 {
  width: 25%; }

.width-28 {
  width: 28%; }

.width-29 {
  width: 29%; }

.width-30 {
  width: 30%; }

.width-32 {
  width: 32%; }

.width-35 {
  width: 35%; }

.width-37 {
  width: 37%; }

.width-39 {
  width: 39%; }

.width-40 {
  width: 40%; }

.width-41 {
  width: 41%; }

.width-42 {
  width: 42%; }

.width-43 {
  width: 43%; }

.width-44 {
  width: 44%; }

.width-45 {
  width: 45%; }

.width-46 {
  width: 46%; }

.width-47 {
  width: 47%; }

.width-48 {
  width: 48%; }

.width-49 {
  width: 49%; }

.width-50 {
  width: 50%; }

.width-52 {
  width: 52%; }

.width-54 {
  width: 54%; }

.width-55 {
  width: 55%; }

.width-56 {
  width: 56%; }

.width-57 {
  width: 57%; }

.width-58 {
  width: 58%; }

.width-59 {
  width: 59%; }

.width-59-5 {
  width: 59.5%; }

.width-60 {
  width: 60% !important; }

.width-61-5 {
  width: 61.5%; }

.width-62 {
  width: 62%; }

.width-63 {
  width: 63%; }

.width-63-5 {
  width: 63.5%; }

.width-64 {
  width: 64%; }

.width-65 {
  width: 65%; }

.width-66 {
  width: 66%; }

.width-67 {
  width: 67%; }

.width-68 {
  width: 68%; }

.width-69 {
  width: 69%; }

.width-70 {
  width: 70%; }

.width-72 {
  width: 72% !important; }

.width-73 {
  width: 73%; }

.width-75 {
  width: 75% !important; }

.width-78 {
  width: 78% !important; }

.width-80 {
  width: 80% !important; }

.width-82 {
  width: 82% !important; }

.width-85 {
  width: 85% !important; }

.width-90 {
  width: 90% !important; }

.width-95 {
  width: 95% !important; }

.width-100 {
  width: 100% !important; }

.width-6px {
  width: 6px !important; }

.width-40px {
  width: 40px !important; }

.width-50px {
  width: 50px !important; }

.width-60px {
  width: 60px !important; }

.width-80px {
  width: 80px !important; }

.width-100px {
  width: 100px !important; }

.width-120px {
  width: 120px !important; }

.width-130px {
  width: 130px !important; }

.width-140px {
  width: 140px !important; }

.width-145px {
  width: 145px !important; }

.width-148px {
  width: 148px !important; }

.width-150px {
  width: 150px !important; }

.width-160px {
  width: 160px !important; }

.width-170px {
  width: 170px !important; }

.width-180px {
  width: 180px !important; }

.width-190px {
  width: 190px !important; }

.width-200px {
  width: 200px !important; }

.width-216px {
  width: 216px !important; }

.width-220px {
  width: 220px !important; }

.width-230px {
  width: 230px !important; }

.width-240px {
  width: 240px !important; }

.width-250px {
  width: 250px !important; }

.width-260px {
  width: 262px !important; }

.width-285px {
  width: 285px !important; }

.width-300px {
  width: 300px !important; }

.width-320px {
  width: 320px !important; }

.width-350px {
  width: 350px !important; }

.width-368px {
  width: 368px !important; }

.width-378px {
  width: 378px !important; }

.width-380px {
  width: 380px !important; }

.width-400px {
  width: 400px !important; }

.width-450px {
  width: 450px !important; }

.width-640px {
  width: 640px !important; }

.width-920px {
  width: 920px !important; }

.min-width-19 {
  min-width: 19px; }

.min-width-50 {
  min-width: 50px; }

.min-width-100 {
  min-width: 100px; }

.min-width-300 {
  min-width: 300px; }

.max-width-50px {
  max-width: 50px !important; }

.max-width-100px {
  max-width: 100px !important; }

.max-width-150px {
  max-width: 150px; }

.max-width-200px {
  max-width: 200px; }

.max-width-300px {
  max-width: 300px !important; }

.minHeight150 {
  min-height: 150px; }

.height-250px {
  height: 250px !important; }

.height-120px {
  height: 120px !important; }

.height-30px {
  height: 30px !important; }

.height-32px {
  height: 32px !important; }

.height-60px {
  height: 60px !important; }

.table-center .cell {
  text-align: center; }

.inline-block {
  display: inline-block; }

.span-block {
  display: block; }

.width-750px {
  width: 750px !important; }

.main-background-color {
  background-color: var(--main-background-color) !important; }

.font-weight-700 {
  font-weight: 700; }

.direction-rlt {
  direction: rtl;
  text-align: left; }

.facebook-color {
  color: #576baa; }

.twitter-color {
  color: #000; }

.weibo-color {
  color: #c91f37; }

.wechat-color {
  color: #6ecc81; }

.line-color {
  color: #1afa29; }

.whatsapp-color {
  color: #1afa29; }

.transform-rotate-180 {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */ }

.float-left {
  float: left; }

.float-right {
  float: right; }

.border-radius-4 {
  border-radius: 4px; }

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: var(--checkbox-radio-disable-color);
  border-color: var(--checkbox-radio-disable-color); }

.click-not {
  cursor: not-allowed; }

.border-btm-none {
  border-bottom: none !important; }

.white-space-nowrap {
  white-space: nowrap; }

.report-small-source-icon {
  -webkit-transform: scale(0.65);
          transform: scale(0.65);
  margin-left: -7px;
  height: 16px;
  line-height: 4px !important; }

.italic-text {
  font-style: italic; }

@font-face {
  font-family: 'icomoon';
  src: url(/static/fonts/icomoon.4cf95c8e.eot);
  src: url(/static/fonts/icomoon.4cf95c8e.eot#iefix) format("embedded-opentype"), url(/static/fonts/icomoon.a848c7c7.ttf) format("truetype"), url(/static/fonts/icomoon.ec49e922.woff) format("woff"), url(/static/fonts/icomoon.50d3fe5e.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="app-icon-"], [class*=" app-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  display: inline-block;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.app-icon-nodata:before {
  content: "\eb71";
  color: #b5b5b5; }

.app-icon-time-out:before {
  content: "\eb72";
  color: #d14a4a; }

.app-icon-step-4:before {
  content: "\eb70";
  color: #d8d8d8; }

.app-icon-step-2:before {
  content: "\eb6d";
  color: #e6e6e6; }

.app-icon-step-3:before {
  content: "\eb6e";
  color: #e6e6e6; }

.app-icon-step-1:before {
  content: "\eb6f";
  color: #e6e6e6; }

.app-icon-quick-report:before {
  content: "\eb58"; }

.app-icon-person-ai:before {
  content: "\eb59";
  color: #006ec1; }

.app-icon-task-center:before {
  content: "\eb5a"; }

.app-icon-event-ai:before {
  content: "\eb5b";
  color: #eb6100; }

.app-icon-Video-Analysis:before {
  content: "\eb5c"; }

.app-icon-data-export:before {
  content: "\eb5d"; }

.app-icon-post-ai:before {
  content: "\eb5e";
  color: #ae5da1; }

.app-icon-time-expired:before {
  content: "\eb5f";
  color: #ec6941; }

.app-icon-completed:before {
  content: "\eb60";
  color: #26b364; }

.app-icon-account-ai:before {
  content: "\eb61";
  color: #22ac38; }

.app-icon-regenerate:before {
  content: "\eb62"; }

.app-icon-ai:before {
  content: "\eb63"; }

.app-icon-Propagation-Analysis:before {
  content: "\eb64"; }

.app-icon-post-num:before {
  content: "\eb65"; }

.app-icon-peak-time:before {
  content: "\eb66"; }

.app-icon-Copy:before {
  content: "\eb67"; }

.app-icon-interaction-num:before {
  content: "\eb68"; }

.app-icon-introduction:before {
  content: "\eb69"; }

.app-icon-running:before {
  content: "\eb6a"; }

.app-icon-history-task:before {
  content: "\eb6b"; }

.app-icon-Comment-Analysis:before {
  content: "\eb6c"; }

.app-icon-twitter-normal:before {
  content: "\eb57"; }

.app-icon-twitter-square .path1:before {
  content: "\eb54";
  color: #040000; }

.app-icon-twitter-square .path2:before {
  content: "\eb55";
  margin-left: -1em;
  color: white; }

.app-icon-twitter:before {
  content: "\eb56"; }

.app-icon-vs-3:before {
  content: "\eb50"; }

.app-icon-person-vs:before {
  content: "\eb51"; }

.app-icon-vs-1:before {
  content: "\eb52"; }

.app-icon-vs-2:before {
  content: "\eb53"; }

.app-icon-red-book-circle .path1:before {
  content: "\eb4c";
  color: #fd2442; }

.app-icon-red-book-circle .path2:before {
  content: "\eb4d";
  margin-left: -1em;
  color: white; }

.app-icon-red-book-circle .path3:before {
  content: "\eb4e";
  margin-left: -1em;
  color: white; }

.app-icon-red-book-circle .path4:before {
  content: "\eb4f";
  margin-left: -1em;
  color: white; }

.app-icon-red-book .path1:before {
  content: "\eb49";
  color: #ff2442; }

.app-icon-red-book .path2:before {
  content: "\eb4a";
  margin-left: -1em;
  color: white; }

.app-icon-red-book .path3:before {
  content: "\eb4b";
  margin-left: -1em;
  color: white; }

.app-icon-add3:before {
  content: "\eb48"; }

.app-icon-website:before {
  content: "\eb47";
  color: #3ea6ff; }

.app-icon-TXT:before {
  content: "\eb43"; }

.app-icon-post-analysis-left:before {
  content: "\eb44"; }

.app-icon-post-analysis-right:before {
  content: "\eb45"; }

.app-icon-EXCEL:before {
  content: "\eb46"; }

.app-icon-account-all:before {
  content: "\eb40"; }

.app-icon-account-online:before {
  content: "\eb41";
  color: #4cb124; }

.app-icon-account-live:before {
  content: "\eb42";
  color: #ff9000; }

.app-icon-alarm-keyword:before {
  content: "\eb3d"; }

.app-icon-alarm-site:before {
  content: "\eb3e"; }

.app-icon-alarm-account:before {
  content: "\eb3f"; }

.app-icon-alarm-edit:before {
  content: "\eb33"; }

.app-icon-Start:before {
  content: "\eb34"; }

.app-icon-alarm-start:before {
  content: "\eb35"; }

.app-icon-alarm-delete:before {
  content: "\eb36"; }

.app-icon-Stop:before {
  content: "\eb37"; }

.app-icon-alarm-stop:before {
  content: "\eb38"; }

.app-icon-alarm-sys:before {
  content: "\eb39"; }

.app-icon-alarm-add:before {
  content: "\eb3a"; }

.app-icon-alarm-red:before {
  content: "\eb3b"; }

.app-icon-alarm-grey:before {
  content: "\eb3c"; }

.app-icon-Report-Manage:before {
  content: "\eb2e"; }

.app-icon-Report-Template:before {
  content: "\eb2f"; }

.app-icon-Report-Center:before {
  content: "\eb30"; }

.app-icon-Monitor:before {
  content: "\eb31"; }

.app-icon-Discover:before {
  content: "\eb32"; }

.app-icon-Withdraw:before {
  content: "\eb1d"; }

.app-icon-export-image:before {
  content: "\eb1e"; }

.app-icon-copy:before {
  content: "\eb1f"; }

.app-icon-more-operations:before {
  content: "\eb20"; }

.app-icon-clear:before {
  content: "\eb21"; }

.app-icon-delete-2:before {
  content: "\eb22"; }

.app-icon-calendar:before {
  content: "\eb23"; }

.app-icon-tip:before {
  content: "\eb24"; }

.app-icon-statistical-entrance:before {
  content: "\eb25"; }

.app-icon-board:before {
  content: "\eb26"; }

.app-icon-Move:before {
  content: "\eb27"; }

.app-icon-introduce:before {
  content: "\eb28"; }

.app-icon-paste:before {
  content: "\eb29"; }

.app-icon-Expand:before {
  content: "\eb2a"; }

.app-icon-target:before {
  content: "\eb2b"; }

.app-icon-Redo:before {
  content: "\eb2c"; }

.app-icon-field:before {
  content: "\eb2d"; }

.app-icon-pie:before {
  content: "\eb1b"; }

.app-icon-bar:before {
  content: "\eb1c"; }

.app-icon-case:before {
  content: "\eb1a"; }

.app-icon-sort:before {
  content: "\eb18"; }

.app-icon-Flag:before {
  content: "\eb19"; }

.app-icon-folder .path1:before {
  content: "\eb15";
  color: #ffd05c; }

.app-icon-folder .path2:before {
  content: "\eb16";
  margin-left: -1em;
  color: #ffd05c; }

.app-icon-folder .path3:before {
  content: "\eb17";
  margin-left: -1em;
  color: #fca235; }

.app-icon-carousel-view:before {
  content: "\eb13"; }

.app-icon-list-view:before {
  content: "\eb14"; }

.app-icon-data-generating .path1:before {
  content: "\eb11";
  color: #333333; }

.app-icon-data-generating .path2:before {
  content: "\eb12";
  margin-left: -1em;
  color: white; }

.app-icon-select-on:before {
  content: "\eb0c"; }

.app-icon-video-analysis2:before {
  content: "\eb0d"; }

.app-icon-comment-analysis2:before {
  content: "\eb0e"; }

.app-icon-select-all:before {
  content: "\eb0f"; }

.app-icon-select-current-page:before {
  content: "\eb10"; }

.app-icon-post-link:before {
  content: "\eb0b"; }

.app-icon-time-stamp:before {
  content: "\eb09"; }

.app-icon-location:before {
  content: "\eb0a"; }

.app-icon-recognition:before {
  content: "\eb03"; }

.app-icon-media-collect:before {
  content: "\ea86"; }

.app-icon-comment-collect:before {
  content: "\eb08"; }

.app-icon-license-plate:before {
  content: "\eaf9"; }

.app-icon-execute:before {
  content: "\eafa"; }

.app-icon-banner:before {
  content: "\eafb"; }

.app-icon-volume:before {
  content: "\eafc"; }

.app-icon-slider:before {
  content: "\eafd"; }

.app-icon-media-analysis:before {
  content: "\eafe"; }

.app-icon-module-title:before {
  content: "\eaff"; }

.app-icon-comment-analysis:before {
  content: "\eb00"; }

.app-icon-flag:before {
  content: "\eb01"; }

.app-icon-portrait:before {
  content: "\eb02"; }

.app-icon-video-recognition:before {
  content: "\eb04"; }

.app-icon-to-video:before {
  content: "\eb05"; }

.app-icon-picture:before {
  content: "\eb06"; }

.app-icon-arms:before {
  content: "\eb07"; }

.app-icon-cloud:before {
  content: "\e9b8"; }

.app-icon-form:before {
  content: "\eaf8"; }

.app-icon-hot:before {
  content: "\eaf7";
  color: #ff3828; }

.app-icon-node:before {
  content: "\eaf5"; }

.app-icon-current-node:before {
  content: "\eaf6"; }

.app-icon-key-word:before {
  content: "\eaf4"; }

.app-icon-site:before {
  content: "\eaf3"; }

.app-icon-admin:before {
  content: "\eaef"; }

.app-icon-start-time:before {
  content: "\eaf0"; }

.app-icon-report-template:before {
  content: "\eaf1"; }

.app-icon-end-time:before {
  content: "\eaf2"; }

.app-icon-card:before {
  content: "\eaed"; }

.app-icon-list:before {
  content: "\eaee"; }

.app-icon-reward:before {
  content: "\eaea";
  color: #ff7200; }

.app-icon-recording:before {
  content: "\eae9";
  color: #fff; }

.app-icon-living .path1:before {
  content: "\eae6";
  color: #fc455d; }

.app-icon-living .path2:before {
  content: "\eae7";
  margin-left: -1em;
  color: #ff9b57; }

.app-icon-living .path3:before {
  content: "\eae8";
  margin-left: -1em;
  color: #fd8f9e; }

.app-icon-circle-event:before {
  content: "\eae5";
  color: #32d3d1; }

.app-icon-export-poc:before {
  content: "\eae1"; }

.app-icon-export-post:before {
  content: "\eae2"; }

.app-icon-analysis-detail:before {
  content: "\eae3"; }

.app-icon-comment-refresh:before {
  content: "\eae4"; }

.app-icon-account-marking:before {
  content: "\eacd"; }

.app-icon-comment-collection:before {
  content: "\eace"; }

.app-icon-community:before {
  content: "\eacf";
  color: #ff8400; }

.app-icon-export-excel:before {
  content: "\ead0"; }

.app-icon-export-txt:before {
  content: "\ead1"; }

.app-icon-export-to-txt:before {
  content: "\ead2"; }

.app-icon-reels:before {
  content: "\ead3";
  color: #ff8400; }

.app-icon-sample:before {
  content: "\ead4"; }

.app-icon-shorts:before {
  content: "\ead5";
  color: #ff8400; }

.app-icon-topic-annotation:before {
  content: "\ead6";
  color: #2097e7; }

.app-icon-share-2:before {
  content: "\ead7"; }

.app-icon-interactive-volume:before {
  content: "\ead8";
  color: #ff8400; }

.app-icon-profile:before {
  content: "\ead9"; }

.app-icon-monitor-2:before {
  content: "\eada";
  color: #1d9bf0; }

.app-icon-play-transparent:before {
  content: "\eadb";
  color: #fff; }

.app-icon-join-time:before {
  content: "\eadc";
  color: #859bbe; }

.app-icon-view-volume:before {
  content: "\eadd";
  color: #ff8a00; }

.app-icon-unRead:before {
  content: "\eade";
  color: #fff; }

.app-icon-down-load-2:before {
  content: "\eadf"; }

.app-icon-live-transparent:before {
  content: "\eae0";
  color: #fff; }

.app-icon-point-right:before {
  content: "\eacc";
  color: #e98f36; }

.app-icon-live-analysis .path1:before {
  content: "\eac6";
  color: #f55f5f; }

.app-icon-live-analysis .path2:before {
  content: "\eac7";
  margin-left: -1em;
  color: white; }

.app-icon-live .path1:before {
  content: "\eac8";
  color: #6b400d; }

.app-icon-live .path2:before {
  content: "\eac9";
  margin-left: -1em;
  color: #6b400d; }

.app-icon-live .path3:before {
  content: "\eaca";
  margin-left: -1em;
  color: #6b400d; }

.app-icon-live .path4:before {
  content: "\eacb";
  margin-left: -1em;
  color: #ffd524; }

.app-icon-share-big:before {
  content: "\eac1"; }

.app-icon-likes-big:before {
  content: "\eac2"; }

.app-icon-comment-big:before {
  content: "\eac3"; }

.app-icon-many-people:before {
  content: "\eac4"; }

.app-icon-post-push:before {
  content: "\eac5"; }

.app-icon-DNS:before {
  content: "\eac0";
  color: #1296db; }

.app-icon-scam-url:before {
  content: "\eabe";
  color: #db4f4f; }

.app-icon-suspected-url:before {
  content: "\eabf";
  color: #ce7e36; }

.app-icon-unaudited .path1:before {
  content: "\eab9";
  color: #faad14; }

.app-icon-unaudited .path2:before {
  content: "\eaba";
  margin-left: -1em;
  color: white; }

.app-icon-audited .path1:before {
  content: "\eabb";
  color: #25d120; }

.app-icon-audited .path2:before {
  content: "\eabc";
  margin-left: -1em;
  color: white; }

.app-icon-audited .path3:before {
  content: "\eabd";
  margin-left: -1em;
  color: white; }

.app-icon-fraud-phone .path1:before {
  content: "\eaaf";
  color: white; }

.app-icon-fraud-phone .path2:before {
  content: "\eab0";
  margin-left: -1em;
  color: #f80605; }

.app-icon-fraud-phone .path3:before {
  content: "\eab1";
  margin-left: -1em;
  color: black; }

.app-icon-fraud-phone .path4:before {
  content: "\eab2";
  margin-left: -1em;
  color: black; }

.app-icon-fraud-phone .path5:before {
  content: "\eab3";
  margin-left: -1em;
  color: #f80605; }

.app-icon-fraud-site .path1:before {
  content: "\eab4";
  color: #d50000; }

.app-icon-fraud-site .path2:before {
  content: "\eab5";
  margin-left: -1em;
  color: #d50000; }

.app-icon-fraud-site .path3:before {
  content: "\eab6";
  margin-left: -1em;
  color: #d50000; }

.app-icon-fraud-site .path4:before {
  content: "\eab7";
  margin-left: -1em;
  color: #d50000; }

.app-icon-fraud-site .path5:before {
  content: "\eab8";
  margin-left: -1em;
  color: white; }

.app-icon-tg-channel:before {
  content: "\eaae"; }

.app-icon-line-square:before {
  content: "\eaaa";
  color: #1afa29; }

.app-icon-AI:before {
  content: "\eaac";
  color: #ff5e6b; }

.app-icon-Ai:before {
  content: "\eaad";
  color: #ff5e6b; }

.app-icon-redo:before {
  content: "\eaa3"; }

.app-icon-revoke:before {
  content: "\eaa4"; }

.app-icon-juzhong1:before {
  content: "\eaa1"; }

.app-icon-real-zoom:before {
  content: "\eaa2"; }

.app-icon-zoom-out:before {
  content: "\eaa5"; }

.app-icon-zoom-in:before {
  content: "\eaa8"; }

.app-icon-juzhong2:before {
  content: "\eaab"; }

.app-icon-fushe-layout:before {
  content: "\eaa9"; }

.app-icon-circle-layout:before {
  content: "\eaa6"; }

.app-icon-grid-layout:before {
  content: "\eaa7"; }

.app-icon-ok-normal:before {
  content: "\ea9c"; }

.app-icon-ok:before {
  content: "\ea9d"; }

.app-icon-ok-circle:before {
  content: "\ea9d";
  color: #fc8507; }

.app-icon-vk:before {
  content: "\ea9e"; }

.app-icon-vk-circle:before {
  content: "\ea9f";
  color: #4a76a8; }

.app-icon-search-picture:before {
  content: "\eaa0"; }

.app-icon-send-email:before {
  content: "\ea9b"; }

.app-icon-small-arrow:before {
  content: "\ea9a"; }

.app-icon-title:before {
  content: "\ea91"; }

.app-icon-excel-chart:before {
  content: "\ea92";
  color: #1f7ed6; }

.app-icon-Pie-chart:before {
  content: "\ea93";
  color: #5f6dde; }

.app-icon-word-chart:before {
  content: "\ea94";
  color: #f39c1f; }

.app-icon-relation-chart:before {
  content: "\ea95";
  color: #e7615f; }

.app-icon-menu:before {
  content: "\ea96";
  color: #beb037; }

.app-icon-Line-chart:before {
  content: "\ea97";
  color: #03a75b; }

.app-icon-drag:before {
  content: "\ea98"; }

.app-icon-txt:before {
  content: "\ea99";
  color: #1fbed6; }

.app-icon-export:before {
  content: "\ea90"; }

.app-icon-Re-Monitor:before {
  content: "\ea8f"; }

.app-icon-Key:before {
  content: "\ea8e"; }

.app-icon-topic-time:before {
  content: "\ea8d";
  color: #ca6ee0; }

.app-icon-target-monitor:before {
  content: "\eaeb"; }

.app-icon-influence-track:before {
  content: "\eaec"; }

.app-icon-flat:before {
  content: "\ea8c";
  color: #ff9600; }

.app-icon-keyperson-manage:before {
  content: "\ea85"; }

.app-icon-keyperson-analysis:before {
  content: "\ea87"; }

.app-icon-task-fail:before {
  content: "\ea88";
  color: #eb6a6a; }

.app-icon-task-all:before {
  content: "\ea89";
  color: #5daad3; }

.app-icon-down:before {
  content: "\ea8a";
  color: #19d198; }

.app-icon-up:before {
  content: "\ea8b";
  color: #ff5b5b; }

.app-icon-ppt-report:before {
  content: "\ea7b"; }

.app-icon-event-report:before {
  content: "\ea7c"; }

.app-icon-report-type:before {
  content: "\ea7d";
  color: #969696; }

.app-icon-report-name:before {
  content: "\ea7e";
  color: #969696; }

.app-icon-social-report:before {
  content: "\ea7f"; }

.app-icon-negetive-object:before {
  content: "\ea80"; }

.app-icon-sensitive-data:before {
  content: "\ea81";
  color: #969696; }

.app-icon-create-time:before {
  content: "\ea82";
  color: #969696; }

.app-icon-report-event:before {
  content: "\ea83";
  color: #969696; }

.app-icon-report-account:before {
  content: "\ea84";
  color: #969696; }

.app-icon-more-news:before {
  content: "\ea72";
  color: #078372; }

.app-icon-rank .path1:before {
  content: "\ea73";
  color: #fcdfae; }

.app-icon-rank .path2:before {
  content: "\ea74";
  margin-left: -1em;
  color: #f8b62d; }

.app-icon-Topic:before {
  content: "\ea75";
  color: #32a1db; }

.app-icon-heat:before {
  content: "\ea76";
  color: #ec351e; }

.app-icon-upload:before {
  content: "\ea77";
  color: #9fb3c9; }

.app-icon-download:before {
  content: "\ea78";
  color: #9fb3c9; }

.app-icon-warning:before {
  content: "\ea79";
  color: #ff9b65; }

.app-icon-site-config:before {
  content: "\ea7a";
  color: #078372; }

.app-icon-lamp:before {
  content: "\ea71"; }

.app-icon-report-title:before {
  content: "\ea70"; }

.app-icon-more:before {
  content: "\ea6f"; }

.app-icon-history:before {
  content: "\ea6e"; }

.app-icon-Tiktok .path1:before {
  content: "\ea6b";
  color: #ff004f; }

.app-icon-Tiktok .path2:before {
  content: "\ea6c";
  margin-left: -1em;
  color: black; }

.app-icon-Tiktok .path3:before {
  content: "\ea6d";
  margin-left: -1em;
  color: #00f2ea; }

.app-icon-time:before {
  content: "\ea6a"; }

.app-icon-mentions:before {
  content: "\ea65";
  color: #f19149; }

.app-icon-Like:before {
  content: "\ea66";
  color: #e39a9a; }

.app-icon-interactions:before {
  content: "\ea67";
  color: #4d70cb; }

.app-icon-reply:before {
  content: "\ea68";
  color: #50a7aa; }

.app-icon-retweet:before {
  content: "\ea69";
  color: #63a969; }

.app-icon-offline:before {
  content: "\ea64";
  color: #89a5cc; }

.app-icon-sentiment-note:before {
  content: "\ea63"; }

.app-icon-detele:before {
  content: "\ea61"; }

.app-icon-edit:before {
  content: "\ea62"; }

.app-icon-hourglass:before {
  content: "\ea5e"; }

.app-icon-clock:before {
  content: "\ea5f"; }

.app-icon-event:before {
  content: "\ea60"; }

.app-icon-facebook-normal:before {
  content: "\ea5d"; }

.app-icon-twitter-normal-origin:before {
  content: "\ea5c"; }

.app-icon-telegram-normal:before {
  content: "\ea5a"; }

.app-icon-whatsapp-normal:before {
  content: "\ea5b"; }

.app-icon-im-message:before {
  content: "\ea59"; }

.app-icon-telegram1 .path1:before {
  content: "\ea57";
  color: #2da5e1; }

.app-icon-telegram1 .path2:before {
  content: "\ea58";
  margin-left: -1em;
  color: white; }

.app-icon-wechat:before {
  content: "\ea56";
  color: #69bb64; }

.app-icon-down-load:before {
  content: "\ea13"; }

.app-icon-jing-yin:before {
  content: "\ea54"; }

.app-icon-bo-fang:before {
  content: "\ea51"; }

.app-icon-sheng-yin:before {
  content: "\ea52"; }

.app-icon-zan-ting:before {
  content: "\ea53"; }

.app-icon-group-active:before {
  content: "\ea4e";
  color: #f37b1d; }

.app-icon-group-normal:before {
  content: "\ea4f"; }

.app-icon-group-off:before {
  content: "\ea50"; }

.app-icon-add-active:before {
  content: "\ea3d"; }

.app-icon-add-normal:before {
  content: "\ea44"; }

.app-icon-ins:before {
  content: "\ea27"; }

.app-icon-ytb:before {
  content: "\ea3c"; }

.app-icon-tiktok:before {
  content: "\ea25"; }

.app-icon-tiktok-source:before {
  content: "\ea25";
  color: #000;
  font-size: 16px; }

.app-icon-add-group:before {
  content: "\ea21"; }

.app-icon-account-management:before {
  content: "\ea23"; }

.app-icon-whatsapp:before {
  content: "\e99c"; }

.app-icon-telegram:before {
  content: "\e99b"; }

.app-icon-facebook:before {
  content: "\e962"; }

.app-icon-twitter-origin:before {
  content: "\e966"; }

.app-icon-line:before {
  content: "\e9f3";
  color: #1afa29; }

.app-icon-facebook-square:before {
  content: "\ea15";
  color: #1296db; }

.app-icon-twitter-square-origin .path1:before {
  content: "\e95e";
  color: #4695e7; }

.app-icon-twitter-square-origin .path2:before {
  content: "\e95f";
  margin-left: -1em;
  color: white; }

.app-icon-whatsapp-square:before {
  content: "\ea08";
  color: #1afa29; }

.app-icon-telegram-square:before {
  content: "\ea55";
  color: #1296db; }

.app-icon-Whatsapp-Big .path1:before {
  content: "\e99d";
  color: #75b73b; }

.app-icon-Whatsapp-Big .path2:before {
  content: "\e99e";
  margin-left: -1em;
  color: #52891d; }

.app-icon-Whatsapp-Big .path3:before {
  content: "\e99f";
  margin-left: -1em;
  color: white; }

.app-icon-Whatsapp-Big .path4:before {
  content: "\e9a0";
  margin-left: -1em;
  color: white; }

.app-icon-Whatsapp-Big .path5:before {
  content: "\e9a1";
  margin-left: -1em;
  color: #d1d1d1; }

.app-icon-Whatsapp-Big .path6:before {
  content: "\e9b2";
  margin-left: -1em;
  color: #d1d1d1; }

.app-icon-Telegram-Big .path1:before {
  content: "\e999";
  color: #1296db; }

.app-icon-Telegram-Big .path2:before {
  content: "\e99a";
  margin-left: -1em;
  color: #2c2c2c; }

.app-icon-instagram:before {
  content: "\e964"; }

.app-icon-youtube:before {
  content: "\e967"; }

.app-icon-wechart:before {
  content: "\e979"; }

.app-icon-weibo:before {
  content: "\e97a"; }

.app-icon-Headline:before {
  content: "\e9f7";
  color: #d81e06; }

.app-icon-topic1:before {
  content: "\ea05"; }

.app-icon-active-account:before {
  content: "\ea02"; }

.app-icon-last-send:before {
  content: "\ea03"; }

.app-icon-administrator:before {
  content: "\ea04"; }

.app-icon-add .path1:before {
  content: "\e9fe"; }

.app-icon-add .path2:before {
  content: "\ea00";
  margin-left: -1em;
  color: white; }

.app-icon-left:before {
  content: "\e9fa";
  color: #798aa1; }

.app-icon-right:before {
  content: "\e9fb";
  color: #798aa1; }

.app-icon-split:before {
  content: "\e9fc";
  color: #798aa1; }

.app-icon-add2:before {
  content: "\e9fd";
  color: #798aa1; }

.app-icon-account-analysis-normal:before {
  content: "\e9ff"; }

.app-icon-monitor:before {
  content: "\ea01"; }

.app-icon-dashboard-normal:before {
  content: "\ea06"; }

.app-icon-dispose1:before {
  content: "\ea07"; }

.app-icon-group-analystics-normal:before {
  content: "\ea09"; }

.app-icon-Group-members .path1:before {
  content: "\ea0a";
  color: #f23d4f; }

.app-icon-Group-members .path2:before {
  content: "\ea0b";
  margin-left: -1em;
  color: #fc4956; }

.app-icon-Group-members .path3:before {
  content: "\ea0c";
  margin-left: -1em;
  color: #f23d4f; }

.app-icon-Group-members .path4:before {
  content: "\ea0d";
  margin-left: -1em;
  color: #fc4956; }

.app-icon-Group-members .path5:before {
  content: "\ea0e";
  margin-left: -1em;
  color: #fc4956; }

.app-icon-Group-members .path6:before {
  content: "\ea0f";
  margin-left: -1em;
  color: #ff5c64; }

.app-icon-Group-members .path7:before {
  content: "\ea10";
  margin-left: -1em;
  color: #ff5c64; }

.app-icon-Group-members .path8:before {
  content: "\ea11";
  margin-left: -1em;
  color: #ff696c; }

.app-icon-Group-members .path9:before {
  content: "\ea12";
  margin-left: -1em;
  color: #ff716e; }

.app-icon-hot-video-normal:before {
  content: "\ea14"; }

.app-icon-like-red:before {
  content: "\ea16";
  color: #b2494e; }

.app-icon-link:before {
  content: "\ea17"; }

.app-icon-Messages .path1:before {
  content: "\ea18";
  color: #ff8e12; }

.app-icon-Messages .path2:before {
  content: "\ea19";
  margin-left: -1em;
  color: #fca315; }

.app-icon-Messages .path3:before {
  content: "\ea1a";
  margin-left: -1em;
  color: #fca315; }

.app-icon-Messages .path4:before {
  content: "\ea1b";
  margin-left: -1em;
  color: #fcb138; }

.app-icon-Messages .path5:before {
  content: "\ea1c";
  margin-left: -1em;
  color: #fcb138; }

.app-icon-Messages .path6:before {
  content: "\ea1d";
  margin-left: -1em;
  color: #ffc65e; }

.app-icon-Messages .path7:before {
  content: "\ea1e";
  margin-left: -1em;
  color: #ffc65e; }

.app-icon-more-group:before {
  content: "\ea1f"; }

.app-icon-notice:before {
  content: "\ea20";
  color: #bdbdc5; }

.app-icon-search-normal:before {
  content: "\ea22"; }

.app-icon-tiktok-analytics-normal:before {
  content: "\ea24";
  color: #bdbdc5; }

.app-icon-topic-analysis-normal:before {
  content: "\ea26"; }

.app-icon-Total-fans .path1:before {
  content: "\ea28";
  color: #2595e8; }

.app-icon-Total-fans .path2:before {
  content: "\ea29";
  margin-left: -1em;
  color: #2595e8; }

.app-icon-Total-fans .path3:before {
  content: "\ea2a";
  margin-left: -1em;
  color: #3a9ced; }

.app-icon-Total-fans .path4:before {
  content: "\ea2b";
  margin-left: -1em;
  color: #59adf8; }

.app-icon-Total-fans .path5:before {
  content: "\ea2c";
  margin-left: -1em;
  color: #3a9ced; }

.app-icon-Total-fans .path6:before {
  content: "\ea2d";
  margin-left: -1em;
  color: #59adf8; }

.app-icon-Total-fans .path7:before {
  content: "\ea2e";
  margin-left: -1em;
  color: #6bc2fc; }

.app-icon-Total-like .path1:before {
  content: "\ea2f";
  color: #ff716e; }

.app-icon-Total-like .path2:before {
  content: "\ea30";
  margin-left: -1em;
  color: #ff5c64; }

.app-icon-Total-like .path3:before {
  content: "\ea31";
  margin-left: -1em;
  color: #fc4956; }

.app-icon-Total-like .path4:before {
  content: "\ea32";
  margin-left: -1em;
  color: #f23d4f; }

.app-icon-Total-like .path5:before {
  content: "\ea33";
  margin-left: -1em;
  color: white; }

.app-icon-Total-Videos .path1:before {
  content: "\ea34";
  color: #d786ea; }

.app-icon-Total-Videos .path2:before {
  content: "\ea35";
  margin-left: -1em;
  color: #ca6ee0; }

.app-icon-Total-Videos .path3:before {
  content: "\ea36";
  margin-left: -1em;
  color: #c65edb; }

.app-icon-Total-Videos .path4:before {
  content: "\ea37";
  margin-left: -1em;
  color: #bd50d3; }

.app-icon-Total-Videos .path5:before {
  content: "\ea38";
  margin-left: -1em;
  color: white; }

.app-icon-view-content:before {
  content: "\ea39"; }

.app-icon-share:before {
  content: "\ea3a"; }

.app-icon-like1:before {
  content: "\ea3b";
  color: #fa5858; }

.app-icon-view5:before {
  content: "\ea3e"; }

.app-icon-list-down:before {
  content: "\ea3f";
  color: #00b8e6; }

.app-icon-list-up:before {
  content: "\ea40";
  color: #00b8e6; }

.app-icon-comment1:before {
  content: "\ea41"; }

.app-icon-disabled1:before {
  content: "\ea42";
  color: #00b8e6; }

.app-icon-date1:before {
  content: "\ea43";
  color: #a0a0a0; }

.app-icon-delete-red:before {
  content: "\ea45";
  color: #ef7373; }

.app-icon-delete-blue:before {
  content: "\ea46"; }

.app-icon-warning-green .path1:before {
  content: "\ea47";
  color: #43a84e; }

.app-icon-warning-green .path2:before {
  content: "\ea48";
  margin-left: -1em;
  color: white; }

.app-icon-warning-red .path1:before {
  content: "\ea49";
  color: #fa5858; }

.app-icon-warning-red .path2:before {
  content: "\ea4a";
  margin-left: -1em;
  color: white; }

.app-icon-warning-yellow .path1:before {
  content: "\ea4b";
  color: #f19149; }

.app-icon-warning-yellow .path2:before {
  content: "\ea4c";
  margin-left: -1em;
  color: white; }

.app-icon-share1:before {
  content: "\ea4d";
  color: #81818b; }

.app-icon-setting:before {
  content: "\e9f9"; }

.app-icon-avatar:before {
  content: "\e9f8"; }

.app-icon-delete:before {
  content: "\e9f6"; }

.app-icon-male:before {
  content: "\e9f4";
  color: #00b8e6; }

.app-icon-female:before {
  content: "\e9f5";
  color: #e274ab; }

.app-icon-fold-2:before {
  content: "\e9f0"; }

.app-icon-open-1:before {
  content: "\e9f1"; }

.app-icon-fold-1:before {
  content: "\e9f2"; }

.app-icon-load-more:before {
  content: "\e9ef"; }

.app-icon-dispose:before {
  content: "\e9ee"; }

.app-icon-load-down:before {
  content: "\e9ed";
  font-weight: 600; }

.app-icon-topping:before {
  content: "\e9ec"; }

.app-icon-unchecked:before {
  content: "\e9e4"; }

.app-icon-add-event:before {
  content: "\e9eb"; }

.app-icon-brief-introduction:before {
  content: "\e9e9"; }

.app-icon-add-report:before {
  content: "\e9ea"; }

.app-icon-manage-account:before {
  content: "\e9e5"; }

.app-icon-Right-Triangle:before {
  content: "\e9e6"; }

.app-icon-off-line:before {
  content: "\e9e7"; }

.app-icon-on-line:before {
  content: "\e9e8"; }

.app-icon-eyes-closed:before {
  content: "\e9e3"; }

.app-icon-comment:before {
  content: "\e9e2"; }

.app-icon-similar:before {
  content: "\e9e1"; }

.app-icon-Translate:before {
  content: "\e9e0"; }

.app-icon-xuanze:before {
  content: "\e9dd"; }

.app-icon-quanxuan:before {
  content: "\e9de"; }

.app-icon-dangqianye:before {
  content: "\e9df"; }

.app-icon-switch:before {
  content: "\e9dc"; }

.app-icon-initial:before {
  content: "\e9db"; }

.app-icon-topic-identify:before {
  content: "\e9d9"; }

.app-icon-offline-item:before {
  content: "\e9da";
  color: #707070; }

.app-icon-data-transmission:before {
  content: "\e9d6"; }

.app-icon-threat-detection:before {
  content: "\e9d8"; }

.app-icon-thematic-management:before {
  content: "\e9d7"; }

.app-icon-trace-source:before {
  content: "\e9d5"; }

.app-icon-layout-post:before {
  content: "\e9c5"; }

.app-icon-LayoutPost:before {
  content: "\e9d4"; }

.app-icon-profession:before {
  content: "\e98c";
  color: #9d9d9d; }

.app-icon-birthday:before {
  content: "\e9c4"; }

.app-icon-phone:before {
  content: "\e9d1";
  color: #515151; }

.app-icon-circle:before {
  content: "\e9d2"; }

.app-icon-group-add:before {
  content: "\e9d3"; }

.app-icon-other:before {
  content: "\e9cc"; }

.app-icon-family:before {
  content: "\e9cd"; }

.app-icon-passport:before {
  content: "\e9ce"; }

.app-icon-id-card:before {
  content: "\e9cf"; }

.app-icon-gender:before {
  content: "\e9d0"; }

.app-icon-graph-logo:before {
  content: "\e9ca"; }

.app-icon-ocr-logo:before {
  content: "\e9cb"; }

.app-icon-new-facebook:before {
  content: "\e9c8"; }

.app-icon-open-up:before {
  content: "\e9c7"; }

.app-icon-pull-away:before {
  content: "\e9c6"; }

.app-icon-category:before {
  content: "\e987"; }

.app-icon-user-message:before {
  content: "\e990"; }

.app-icon-bag:before {
  content: "\e9c0"; }

.app-icon-cancel-fullscreen:before {
  content: "\e9c1";
  color: #737373; }

.app-icon-fullscreen:before {
  content: "\e9c2"; }

.app-icon-grid-net:before {
  content: "\e9c3"; }

.app-icon-public-channel:before {
  content: "\e9be"; }

.app-icon-private-channel:before {
  content: "\e9bf"; }

.app-icon-bar-inverse:before {
  content: "\e9bd"; }

.app-icon-bar-sentiment:before {
  content: "\e9bc"; }

.app-icon-left-close:before {
  content: "\e9ba"; }

.app-icon-close-left:before {
  content: "\e9bb"; }

.app-icon-online:before {
  content: "\e9b6";
  color: #6ecc81; }

.app-icon-all:before {
  content: "\e9b7"; }

.app-icon-expiring:before {
  content: "\e9b9";
  color: #f37b1d; }

.app-icon-file-text:before {
  content: "\e9b3"; }

.app-icon-file-other .path1:before {
  content: "\e9b4";
  color: #cccccc; }

.app-icon-file-other .path2:before {
  content: "\e9b5";
  margin-left: -1em;
  color: #8e8e8e; }

.app-icon-IM:before {
  content: "\e996";
  color: #8a8a8a; }

.app-icon-Message:before {
  content: "\e998";
  color: #1296db; }

.app-icon-file-word .path1:before {
  content: "\e9a5";
  color: #2c97ff; }

.app-icon-file-word .path2:before {
  content: "\e9a6";
  margin-left: -1em;
  color: #99d3ff; }

.app-icon-file-word .path3:before {
  content: "\e9a7";
  margin-left: -1em;
  color: white; }

.app-icon-file-ppt .path1:before {
  content: "\e9a8";
  color: #f95f30; }

.app-icon-file-ppt .path2:before {
  content: "\e9a9";
  margin-left: -1em;
  color: #ffccc0; }

.app-icon-file-ppt .path3:before {
  content: "\e9aa";
  margin-left: -1em;
  color: white; }

.app-icon-file-excel .path1:before {
  content: "\e9ab";
  color: #20b648; }

.app-icon-file-excel .path2:before {
  content: "\e9ac";
  margin-left: -1em;
  color: white;
  opacity: 0.8; }

.app-icon-file-excel .path3:before {
  content: "\e9ad";
  margin-left: -1em;
  color: white; }

.app-icon-file-pdf .path1:before {
  content: "\e9ae";
  color: #ff5a5a; }

.app-icon-file-pdf .path2:before {
  content: "\e9af";
  margin-left: -1em;
  color: #ff5a5a; }

.app-icon-file-pdf .path3:before {
  content: "\e9b0";
  margin-left: -1em;
  color: #ff5a5a; }

.app-icon-file-pdf .path4:before {
  content: "\e9b1";
  margin-left: -1em;
  color: #ff9797; }

.app-icon-Link-Member-Right:before {
  content: "\e995"; }

.app-icon-Link-Member-Down:before {
  content: "\e9a4"; }

.app-icon-Facebook-Group:before {
  content: "\e9a3"; }

.app-icon-Forbid:before {
  content: "\e997"; }

.app-icon-Spy:before {
  content: "\e9a2"; }

.app-icon-Admin:before {
  content: "\e98b"; }

.app-icon-Empty-Star:before {
  content: "\e98f"; }

.app-icon-Eye:before {
  content: "\e993"; }

.app-icon-Full-Star:before {
  content: "\e994"; }

.app-icon-exclude:before {
  content: "\e98a"; }

.app-icon-filter:before {
  content: "\e986"; }

.app-icon-Party-Info:before {
  content: "\e985"; }

.app-icon-Guide-post:before {
  content: "\e983"; }

.app-icon-Campaign-Analytics:before {
  content: "\e984"; }

.app-icon-party:before {
  content: "\e982"; }

.app-icon-topic:before {
  content: "\e981"; }

.app-icon-withdraw:before {
  content: "\e980"; }

.app-icon-task:before {
  content: "\e97f"; }

.app-icon-pie-chart:before {
  content: "\e97c"; }

.app-icon-line-chart:before {
  content: "\e97d"; }

.app-icon-histogram:before {
  content: "\e97e"; }

.app-icon-ok:before {
  content: "\e97b"; }

.app-icon-issue:before {
  content: "\e975"; }

.app-icon-race:before {
  content: "\e976"; }

.app-icon-user-behavior:before {
  content: "\e977"; }

.app-icon-user-management:before {
  content: "\e978"; }

.app-icon-linkedin:before {
  content: "\e973"; }

.app-icon-tumblr:before {
  content: "\e974"; }

.app-icon-Address2:before {
  content: "\e972"; }

.app-icon-like2:before {
  content: "\e970"; }

.app-icon-post:before {
  content: "\e971"; }

.app-icon-like:before {
  content: "\e96d"; }

.app-icon-email:before {
  content: "\e96e"; }

.app-icon-cellphone-number:before {
  content: "\e96f"; }

.app-icon-number-of-participants:before {
  content: "\e96a"; }

.app-icon-classification:before {
  content: "\e96b"; }

.app-icon-expand:before {
  content: "\e96c"; }

.app-icon-creator:before {
  content: "\e968"; }

.app-icon-create-date:before {
  content: "\e969"; }

.app-icon-blog:before {
  content: "\e961"; }

.app-icon-forum:before {
  content: "\e963"; }

.app-icon-news:before {
  content: "\e965"; }

.app-icon-Offline:before {
  content: "\e960";
  color: #d42b4b; }

.app-icon-Facebook .path1:before {
  content: "\e949";
  color: #4262a5; }

.app-icon-Facebook .path2:before {
  content: "\e94a";
  margin-left: -1em;
  color: white; }

.app-icon-Records-daily .path1:before {
  content: "\e94b";
  color: #549d6c; }

.app-icon-Records-daily .path2:before {
  content: "\e94c";
  margin-left: -1em;
  color: white; }

.app-icon-Records-daily .path3:before {
  content: "\e94d";
  margin-left: -1em;
  color: white; }

.app-icon-Records-daily .path4:before {
  content: "\e94e";
  margin-left: -1em;
  color: #549d6c; }

.app-icon-Records-daily .path5:before {
  content: "\e94f";
  margin-left: -1em;
  color: #549d6c; }

.app-icon-Records .path1:before {
  content: "\e950";
  color: #4a87c6; }

.app-icon-Records .path2:before {
  content: "\e951";
  margin-left: -1em;
  color: white; }

.app-icon-Records .path3:before {
  content: "\e952";
  margin-left: -1em;
  color: white; }

.app-icon-Records .path4:before {
  content: "\e953";
  margin-left: -1em;
  color: #4a87c6; }

.app-icon-Records .path5:before {
  content: "\e954";
  margin-left: -1em;
  color: #4a87c6; }

.app-icon-Site .path1:before {
  content: "\e955";
  color: #daab67; }

.app-icon-Site .path2:before {
  content: "\e956";
  margin-left: -1em;
  color: white; }

.app-icon-Site .path3:before {
  content: "\e957";
  margin-left: -1em;
  color: white; }

.app-icon-Site .path4:before {
  content: "\e958";
  margin-left: -1em;
  color: white; }

.app-icon-Site .path5:before {
  content: "\e959";
  margin-left: -1em;
  color: white; }

.app-icon-Site .path6:before {
  content: "\e95a";
  margin-left: -1em;
  color: white; }

.app-icon-Site .path7:before {
  content: "\e95b";
  margin-left: -1em;
  color: white; }

.app-icon-Site .path8:before {
  content: "\e95c";
  margin-left: -1em;
  color: white; }

.app-icon-Site .path9:before {
  content: "\e95d";
  margin-left: -1em;
  color: white; }

.app-icon-Facebook-user:before {
  content: "\e947"; }

.app-icon-Facebook-homepage:before {
  content: "\e948"; }

.app-icon-facebook-toplist:before {
  content: "\e945"; }

.app-icon-Twitter-toplist:before {
  content: "\e946"; }

.app-icon-Forum:before {
  content: "\e942"; }

.app-icon-News:before {
  content: "\e943"; }

.app-icon-Short-text:before {
  content: "\e944"; }

.app-icon-emotion-trends:before {
  content: "\e940"; }

.app-icon-sources-trends:before {
  content: "\e941"; }

.app-icon-Classified-hotspots:before {
  content: "\e93d"; }

.app-icon-Recommended-hotspots:before {
  content: "\e93e"; }

.app-icon-Unclassified-hotspots:before {
  content: "\e93f"; }

.app-icon-Ascending:before {
  content: "\e93b"; }

.app-icon-Descending:before {
  content: "\e93c"; }

.app-icon-Not-enough-data:before {
  content: "\e939"; }

.app-icon-file3:before {
  content: "\e93a"; }

.app-icon-Arrow-Right:before {
  content: "\e938"; }

.app-icon-Negative:before {
  content: "\e935"; }

.app-icon-Neutral:before {
  content: "\e936"; }

.app-icon-Positive:before {
  content: "\e937"; }

.app-icon-event-recent:before {
  content: "\e934"; }

.app-icon-Close2:before {
  content: "\e931"; }

.app-icon-Max:before {
  content: "\e932"; }

.app-icon-Min:before {
  content: "\e933"; }

.app-icon-Dashboard:before {
  content: "\e92f"; }

.app-icon-More:before {
  content: "\e930"; }

.app-icon-emotion:before {
  content: "\e925"; }

.app-icon-event-details:before {
  content: "\e926"; }

.app-icon-google-search:before {
  content: "\e927"; }

.app-icon-sensitive:before {
  content: "\e928"; }

.app-icon-sources:before {
  content: "\e929"; }

.app-icon-Summary:before {
  content: "\e92a"; }

.app-icon-trends:before {
  content: "\e92b"; }

.app-icon-Twitter-list:before {
  content: "\e92c"; }

.app-icon-user-list:before {
  content: "\e92d"; }

.app-icon-word-cloud:before {
  content: "\e92e"; }

.app-icon-Edit:before {
  content: "\e912"; }

.app-icon-Refresh:before {
  content: "\e90c"; }

.app-icon-Add-Key-Netizen:before {
  content: "\e920"; }

.app-icon-View-details:before {
  content: "\e923"; }

.app-icon-Briefing:before {
  content: "\e924"; }

.app-icon-Export:before {
  content: "\e921"; }

.app-icon-Import:before {
  content: "\e922"; }

.app-icon-Alarm:before {
  content: "\e91b"; }

.app-icon-Adminication:before {
  content: "\e91f"; }

.app-icon-Notification:before {
  content: "\e91e"; }

.app-icon-Connect:before {
  content: "\e91c"; }

.app-icon-Disconnect:before {
  content: "\e91d"; }

.app-icon-Address:before {
  content: "\e918"; }

.app-icon-Date:before {
  content: "\e919"; }

.app-icon-Link:before {
  content: "\e91a"; }

.app-icon-Verified-Account:before {
  content: "\e916"; }

.app-icon-Add:before {
  content: "\e917"; }

.app-icon-Help:before {
  content: "\e913"; }

.app-icon-Delete:before {
  content: "\e914"; }

.app-icon-Close:before {
  content: "\e915"; }

.app-icon-Add-to-Report:before {
  content: "\e901"; }

.app-icon-Tweets-Analysis:before {
  content: "\e911"; }

.app-icon-Social-Sentiment:before {
  content: "\e910"; }

.app-icon-Reply:before {
  content: "\e90d"; }

.app-icon-Account:before {
  content: "\e900"; }

.app-icon-Alarm-n-Report:before {
  content: "\e902"; }

.app-icon-Arrow-Down:before {
  content: "\e903"; }

.app-icon-Arrow-Up:before {
  content: "\e904"; }

.app-icon-Data-Acquisition:before {
  content: "\e905"; }

.app-icon-Event:before {
  content: "\e906"; }

.app-icon-Info:before {
  content: "\e907"; }

.app-icon-Key-Netizen:before {
  content: "\e908"; }

.app-icon-List:before {
  content: "\e909"; }

.app-icon-Overview:before {
  content: "\e90a"; }

.app-icon-Public-Sentiment:before {
  content: "\e90b"; }

.app-icon-Retweet:before {
  content: "\e90e"; }

.app-icon-Searcher:before {
  content: "\e90f"; }

.app-icon-save:before {
  content: "\e9c9"; }

.app-icon-advanced-search:before {
  content: "\1f33f"; }

.app-icon-reset:before {
  content: "\e98e"; }

.app-icon-group-move:before {
  content: "\e98d"; }

.app-icon-group2:before {
  content: "\e988"; }

.app-icon-tree:before {
  content: "\e989"; }

.app-icon-cancel:before {
  content: "\e992"; }

.app-icon-select2:before {
  content: "\e991"; }

.u-app-table {
  border: solid 1px var(--borderGrey);
  padding: 0 10px;
  background-color: var(--panel-background-color); }
  .u-app-table > .el-row {
    padding: 14px 0; }
  .u-app-table th,
  .u-app-table .el-table__header-wrapper thead div {
    font-weight: 500; }
  .u-app-table tr {
    background-color: var(--panel-background-color); }
  .u-app-table .el-table {
    width: 100%;
    border: none; }
    .u-app-table .el-table:before, .u-app-table .el-table:after {
      background-color: var(--panel-background-color); }
  .u-app-table .el-table__body-wrapper {
    overflow-x: hidden; }
  .el-dialog .u-app-table {
    border: none; }

.el-tree {
  background-color: var(--panel-background-color);
  border: none; }

.el-tree-node:focus > .el-tree-node__content {
  background-color: var(--nav-hover-color) !important; }

.el-tree-node__content {
  color: var(--text-normal);
  line-height: 30px;
  height: 30px; }

.el-tree-node__content:hover {
  background-color: var(--hoverGrey); }

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--nav-background-Color); }

.group-account-tree .el-tree {
  background-color: var(--main-background-color) !important; }

.group-account-tree .el-tree-node__content {
  color: var(--text-black) !important;
  line-height: 26px !important;
  height: 26px !important; }

.group-account-tree .el-tree-node:focus > .el-tree-node__content {
  background-color: var(--nav-hover-color) !important; }

.group-account-tree .el-tree-node__content:hover {
  background-color: var(--nav-hover-color) !important; }

.group-account-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--nav-hover-color) !important; }

.keyperson-tree .el-tree {
  background-color: var(--sidebar-color) !important; }

.keyperson-tree .el-tree-node__content {
  color: var(--sidebar-title);
  height: 36px;
  line-height: 36px; }
  .keyperson-tree .el-tree-node__content .app-icon-Adminication {
    color: var(--mainBlue); }

.keyperson-tree .el-tree-node:focus > .el-tree-node__content {
  background-color: var(--sidebar-deep-color) !important; }

.keyperson-tree .el-tree-node__content:hover {
  background-color: var(--sidebar-deep-color) !important; }

.keyperson-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--sidebar-deep-color) !important; }

.site-dialog .el-dialog .el-dialog__body {
  padding: 10px 20px 10px 20px; }

.site-left-tree .el-tree {
  background-color: var(--main-background-color) !important; }

.site-left-tree .el-tree-node__content {
  color: var(--text-black) !important; }

.site-left-tree .el-tree-node:focus > .el-tree-node__content {
  background-color: var(--nav-hover-color) !important; }

.site-left-tree .el-tree-node__content:hover {
  background-color: var(--nav-hover-color) !important; }

.site-left-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--nav-hover-color) !important; }

.u-question-icon {
  display: inline-block;
  font-style: normal;
  border: solid 2px var(--text-grey);
  color: var(--text-grey);
  border-radius: 50%;
  line-height: 16px;
  font-size: 14px;
  padding: 0 5px; }

.u-plus-icon {
  display: inline-block;
  font-style: normal;
  color: #fff;
  border-radius: 50%;
  line-height: 16px;
  font-size: 14px;
  padding: 0 4px;
  background-color: var(--text-grey); }

.u-add-to-report-icon {
  font-size: 18px;
  color: var(--minor-icon-color) !important;
  cursor: pointer; }

.app-tag {
  display: inline-block;
  padding: 2px 12px;
  cursor: pointer;
  font-weight: normal;
  color: var(--mainBlue);
  background-color: var(--lightBlue); }

.sknet-circle-pointer {
  display: inline-block;
  height: 12px;
  width: 12px;
  vertical-align: top;
  margin-top: 8px;
  margin-right: 2px;
  border-radius: 40px;
  background-color: var(--lightBlue); }

.u-app-tag {
  color: #fff;
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  padding: 0 auto; }

.u-app-red-tag {
  background-color: #dd514c; }

.u-app-orange-tag {
  background-color: #f37b1d; }

.u-app-green-tag {
  background-color: #5eb95e; }

.u-app-bule-tag {
  background-color: #58B7FF; }

.u-app-grey-tag {
  background-color: var(--rank-grey); }

.u-border-tag {
  padding: 2px 5px;
  line-height: 1;
  border: solid 1px #fff;
  border-radius: 2px;
  font-size: 12px; }
  .u-border-tag.u-border-green-tag {
    color: var(--mainGreen);
    border-color: var(--mainGreen); }

.u-page-hd {
  border-bottom: 1px solid var(--tab-border-color); }
  .u-page-hd h1 {
    color: var(--text-black);
    font-size: 18px !important;
    line-height: 41px;
    margin-bottom: 0; }
    .u-page-hd h1 a {
      font-size: 14px;
      margin-left: 10px;
      cursor: pointer; }

.u-info-container {
  margin: 10px 0; }
  .u-info-container table {
    width: 100%; }
    .u-info-container table th, .u-info-container table td {
      text-align: center;
      border-left: solid 1px var(--borderGrey); }
    .u-info-container table th:first-child, .u-info-container table td:first-child {
      border-left: none; }
    .u-info-container table th {
      font-size: 14px;
      font-weight: normal;
      padding: 0 8px; }
    .u-info-container table td {
      font-size: 22px;
      color: var(--text-black); }

.u-main-tab {
  width: 100%; }
  .u-main-tab .el-tabs__header {
    margin-bottom: 20px; }

.u-border-btn {
  display: inline-block;
  padding: 0 8px;
  border: solid 1px var(--mainBlue);
  border-radius: 3px;
  text-align: center;
  color: var(--mainBlue); }

.u-table-post-content {
  padding: 10px 0; }
  .u-table-post-content > p {
    margin: 10px 0;
    color: var(--text-normal); }
    .u-table-post-content > p img {
      width: 100px; }

.u-table-post-title {
  display: inline-block;
  width: 230px;
  color: var(--text-black); }

.u-table-post-content-inner {
  background-color: var(--main-background-color) !important;
  color: var(--text-deep-black) !important;
  padding: 10px; }

.u-skynet-table {
  background-color: var(--main-background-color) !important;
  color: var(--text-deep-black); }
  .u-skynet-table p {
    color: var(--text-deep-black); }
  .u-skynet-table .el-table th > .cell {
    color: var(--text-deep-black) !important; }
  .u-skynet-table a {
    color: var(--mainBlue) !important; }

.u-table-post-issue {
  margin: 10px 0; }
  .u-table-post-issue > button {
    font-size: 12px;
    padding: 1px 8px;
    margin-right: 10px; }
  .u-table-post-issue p {
    color: var(--text-grey); }

.u-table-operate-icon i, .u-table-operate-icon a {
  cursor: pointer;
  margin-right: 8px;
  font-size: 16px; }
  .u-table-operate-icon i:last-child, .u-table-operate-icon a:last-child {
    margin-right: 0; }
  .u-table-operate-icon i.disable, .u-table-operate-icon a.disable {
    color: var(--text-disable);
    cursor: not-allowed; }
    .u-table-operate-icon i.disable:hover, .u-table-operate-icon a.disable:hover {
      color: var(--text-disable); }

.u-table-post-baseInfo {
  position: relative; }
  .u-table-post-baseInfo .user-avatar {
    width: 40px;
    height: 40px;
    margin-right: 6px; }
  .u-table-post-baseInfo .account-info {
    line-height: 18px;
    font-size: 14px; }
  .u-table-post-baseInfo .confirm-sign {
    border: 1px solid var(--mainGreen);
    color: var(--mainGreen);
    padding: 1px 5px;
    border-radius: 2px;
    display: inline-block; }
  .u-table-post-baseInfo .race-btn {
    font-size: 12px;
    padding: 2px 8px;
    color: var(--text-deep-black);
    background: var(--checkbox-radio-background-color);
    cursor: pointer; }
    .u-table-post-baseInfo .race-btn.disabled {
      cursor: not-allowed; }
  .u-table-post-baseInfo .source-icon {
    position: absolute;
    top: -10px;
    left: -10px;
    background: var(--sidebar-deep-color);
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 10px;
    line-height: 20px; }
    .u-table-post-baseInfo .source-icon i {
      font-size: 12px; }

.u-time-selector-list {
  clear: both;
  height: 50px; }
  .u-time-selector-list > div:nth-child(1) {
    float: left; }
  .u-time-selector-list > div:nth-child(2) {
    float: left; }
    .u-time-selector-list > div:nth-child(2) span {
      display: inline-block;
      height: 33px;
      width: 71px;
      line-height: 33px;
      margin-left: 10px;
      text-align: center;
      font-size: 14px;
      cursor: pointer;
      color: var(--text-grey); }
    .u-time-selector-list > div:nth-child(2) .time-btn-active {
      background-color: var(--panel-background-color);
      color: var(--mainBlue);
      border-radius: 4px; }
  .u-time-selector-list > div:nth-child(3) {
    float: right;
    margin-top: 3px;
    color: var(--mainBlue); }
    .u-time-selector-list > div:nth-child(3) > span:nth-child(3) {
      margin-left: 20px;
      color: var(--mainRed); }
    .u-time-selector-list > div:nth-child(3) > span:nth-child(4) {
      color: var(--mainRed); }

.u-identity-info-box .am-panel-hd {
  height: 42px;
  line-height: 26px;
  clear: both; }
  .u-identity-info-box .am-panel-hd > p {
    float: left;
    margin-bottom: 0; }
  .u-identity-info-box .am-panel-hd i {
    float: right;
    font-size: 21px;
    color: var(--minor-icon-color);
    margin-top: 3px;
    cursor: pointer; }

.u-identity-info-box .am-panel-bd {
  font-size: 14px; }
  .u-identity-info-box .am-panel-bd p {
    margin: 0;
    line-height: 42px; }
    .u-identity-info-box .am-panel-bd p > span:nth-child(1) {
      display: inline-block;
      color: var(--text-black);
      margin-right: 10px;
      min-width: 100px; }
    .u-identity-info-box .am-panel-bd p .tag-items {
      width: 72%;
      display: inline-block;
      vertical-align: top;
      margin-top: 2px; }
  .u-identity-info-box .am-panel-bd .no-connect-tip {
    font-size: 14px;
    text-align: center; }

.u-public-list-hd {
  color: var(--text-grey); }

.u-public-list-item,
.u-public-list-hd {
  height: 30px;
  line-height: 30px; }
  .u-public-list-item img,
  .u-public-list-hd img {
    vertical-align: middle; }
  .u-public-list-item span,
  .u-public-list-hd span {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    margin-right: -2px; }
  .u-public-list-item .u-app-tag,
  .u-public-list-hd .u-app-tag {
    display: inline-block;
    padding: 0;
    width: 24px;
    text-align: center; }
  .u-public-list-item .u-public-list-item-60,
  .u-public-list-hd .u-public-list-item-60 {
    width: 56%;
    padding-left: 2%; }
  .u-public-list-item .u-public-list-item-50,
  .u-public-list-hd .u-public-list-item-50 {
    width: 50%;
    padding-left: 2%; }
  .u-public-list-item .u-public-list-item-20,
  .u-public-list-hd .u-public-list-item-20 {
    width: 17%; }

.u-public-app-chart {
  height: 320px; }

.u-public-a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-overflow: ellipsis; }

.tracecontent {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis; }

.u-account-relation-info {
  position: relative;
  padding-left: 85px;
  padding-top: 5px; }
  .u-account-relation-info div > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 113px;
    height: 113px; }
  .u-account-relation-info > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
    height: 78px;
    border-radius: 50%; }
  .u-account-relation-info > div {
    display: inline-block;
    vertical-align: top;
    margin-top: -6px; }
    .u-account-relation-info > div p {
      margin: 0 0 0 13px;
      font-size: 12px;
      line-height: 25px; }
      .u-account-relation-info > div p .main-name {
        font-size: 14px;
        margin-right: 10px;
        font-weight: 700; }
      .u-account-relation-info > div p i {
        color: var(--mainBlue); }

.u-table-box {
  padding-left: 10px;
  background-color: var(--panel-background-color); }
  .u-table-box .el-table {
    border: none; }
  .u-table-box .el-table th > .cell {
    background-color: var(--panel-background-color); }
  .u-table-box .el-table th {
    background-color: var(--panel-background-color); }
  .u-table-box .el-table:after, .u-table-box .el-table:before {
    background: none; }

.report-table-box {
  padding: 0 20px 20px;
  background-color: var(--panel-background-color); }
  .report-table-box .el-table {
    border: none; }
  .report-table-box .el-table td {
    border: none; }
  .report-table-box .el-table th > .cell {
    background-color: var(--panel-background-color);
    color: var(--text-normal);
    font-weight: 400; }
  .report-table-box .el-table th {
    padding: 3px 0;
    background-color: var(--panel-background-color); }
  .report-table-box .el-table:after, .report-table-box .el-table:before {
    background: none; }

.u-form-dialog .el-row {
  margin-bottom: 14px; }

.u-checkbox-list .el-checkbox {
  margin-right: 10px; }

.u-checkbox-list .el-checkbox + .el-checkbox {
  margin-left: 0; }

.u-icon-overview dl > span {
  float: left;
  width: 20%;
  padding: 0 10px;
  box-sizing: border-box; }
  .u-icon-overview dl > span:first-child {
    padding-left: 0; }
  .u-icon-overview dl > span:last-child {
    padding-right: 0; }

.u-icon-overview dt {
  position: absolute;
  font-size: 50px;
  line-height: 50px; }

.u-icon-overview dt + dd {
  color: var(--text-black);
  font-size: 24px;
  font-weight: bold;
  margin-top: 0;
  line-height: 28px; }

.u-icon-overview dd {
  margin-left: 60px; }

.u-icon-overview__item {
  position: relative;
  width: 100%;
  border-radius: 4px;
  padding: 1.6rem;
  background-color: var(--panel-background-color); }

.u-chart-instruction {
  padding: 12.5px; }

.u-offline {
  z-index: 100;
  -webkit-transform: rotate(23deg);
          transform: rotate(23deg);
  color: var(--mainRed);
  border: solid 2px var(--mainRed);
  line-height: 30px;
  border-radius: 4px;
  padding: 2px;
  font-size: 30px;
  font-style: normal; }

.u-offline-custom {
  color: var(--mainRed);
  border: solid 1px var(--mainRed);
  border-radius: 2px;
  padding: 1px;
  font-style: normal; }

.u-summary-message {
  text-align: right;
  margin: 20px 0;
  color: var(--mainBlue); }
  .u-summary-message > span:nth-child(3) {
    margin-left: 20px;
    color: var(--mainRed); }
  .u-summary-message > span:nth-child(4) {
    color: var(--mainRed); }

.u-usercard-list {
  padding: 0 .5%;
  list-style: none; }

.u-usercard-item {
  position: relative;
  float: left;
  width: 32%;
  margin: 0 .6% 1%;
  background-color: var(--hoverGrey); }
  .u-usercard-item .u-usercard-icons {
    position: absolute;
    right: 10px;
    top: 10px; }
  .u-usercard-item:hover {
    background-color: var(--image-background-color); }
  .u-usercard-item .u-usercard-msg {
    margin: 0;
    list-style: none; }
  .u-usercard-item .u-usercard-link {
    display: block;
    padding: 20px  20px 10px;
    color: var(--text-black); }
    .u-usercard-item .u-usercard-link img {
      width: 50px;
      height: 50px; }
  .u-usercard-item .u-usercard-msg {
    padding: 0 20px 10px; }
    .u-usercard-item .u-usercard-msg li {
      display: inline-block; }
    .u-usercard-item .u-usercard-msg li:nth-child(1),
    .u-usercard-item .u-usercard-msg li:nth-child(2) {
      width: 20%;
      min-width: 70px; }
  .u-usercard-item .u-usercard-btm {
    padding: 6px 20px;
    border-top: solid 1px var(--borderGrey); }
    .u-usercard-item .u-usercard-btm span {
      vertical-align: top;
      margin-top: 4px; }
  .u-usercard-item .u-usercard-msg-b {
    font-weight: bold; }
  .u-usercard-item .u-usercard-msg-h {
    color: var(--text-disable); }

.u-identity-panel .u-identity-panel-left {
  float: left;
  width: 35%;
  padding: 3% 1% 0;
  text-align: center;
  font-size: 12px; }
  .u-identity-panel .u-identity-panel-left img {
    width: 75px;
    height: 75px; }
  .u-identity-panel .u-identity-panel-left h6 {
    color: var(--text-black);
    font-size: 14px; }

.u-identity-panel .u-identity-panel-right {
  float: right;
  width: 65%;
  padding-left: 4%;
  border-left: solid 1px var(--borderGrey); }
  .u-identity-panel .u-identity-panel-right .el-col-3 {
    color: var(--text-black); }

.u-account-item {
  box-sizing: border-box;
  padding: 15px 15px 15px 61px;
  position: relative; }
  .u-account-item img {
    position: absolute;
    top: 15px;
    left: 15px;
    height: 46px;
    width: 46px; }
  .u-account-item > div:nth-child(1) {
    margin-left: 10px; }
    .u-account-item > div:nth-child(1) p {
      margin: 0;
      font-size: 14px;
      font-weight: 600; }
      .u-account-item > div:nth-child(1) p > a,
      .u-account-item > div:nth-child(1) p > span {
        display: inline-block;
        vertical-align: top; }
  .u-account-item .delete-account {
    position: absolute;
    cursor: pointer;
    display: none; }
  .u-account-item:hover {
    background-color: var(--item-checked-background-color); }
    .u-account-item:hover .delete-account {
      display: block; }

.u-loading-container {
  height: 200px; }
  .u-loading-container .el-loading-mask {
    background-color: var(--panel-background-color); }

.u-verify-input .el-form-item__error {
  display: none; }

.u-verify-input .is-error .el-form-item__error {
  display: block; }

.u-verify-input .is-error input {
  border-color: var(--mainRed); }

.u-file-upload-import .el-upload__input {
  display: none !important; }

.u-file-upload .el-upload__input {
  display: none !important; }

.u-file-upload .el-upload__tip {
  font-size: 14px; }
  .u-file-upload .el-upload__tip span:nth-child(2) {
    font-size: 14px;
    cursor: pointer; }

.u-file-upload .el-upload-list__item:hover .el-icon-close {
  display: none !important; }

.u-empty-tip {
  text-align: center;
  height: 70px;
  line-height: 70px;
  color: var(--text-disable); }

.u-issue-content-tooltip {
  max-width: 300px; }

.u-disable-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  opacity: 0.5; }

.u-el-tag-item {
  line-height: 28px;
  height: 28px;
  border-radius: 4px;
  border-color: var(--mainBlue);
  color: var(--mainBlue);
  background-color: transparent;
  margin-bottom: 10px; }
  .u-el-tag-item .el-tag__close:hover {
    color: red; }

.u-list-stripe-even:nth-child(even),
.u-list-stripe-odd:nth-child(odd) {
  background-color: var(--main-background-color); }

.u-circle-source-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-radius: 10px; }
  .u-circle-source-icon i {
    color: var(--text-deep-black);
    font-size: 12px;
    vertical-align: top;
    line-height: 20px; }

.u-circle-point {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--mainBlue); }

.u-multiline-radio-group .el-radio {
  margin-left: 0;
  margin-right: 15px; }

.u-axis-tooltip {
  position: absolute;
  background-color: var(--sidebar-deep-color);
  border-radius: 5px;
  max-width: 400px;
  padding: 5px;
  z-index: 1;
  color: var(--text-deep-black);
  display: none; }

.u-sidebar-select-item i {
  margin-right: 8px; }

.u-sidebar-select-icon {
  position: absolute;
  z-index: 1000;
  left: 10px;
  top: 9px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: var(--sidebar-deep-color); }

.u-timeline .u-timeline-item {
  position: relative; }

.u-timeline .u-timeline-item:before,
.u-timeline .u-timeline-item:after {
  display: table;
  content: ""; }

.u-timeline .u-timeline-item:after {
  clear: both; }

.u-timeline .timeline-text {
  padding: 24px;
  background-color: var(--timeline-background-color); }

.u-timeline .timeline-line-box {
  float: left;
  width: 46px;
  min-height: 10px; }

.u-timeline .timeline-line {
  position: absolute;
  width: 2px;
  background-color: var(--timeline-line-color);
  top: 0;
  bottom: 0;
  left: 166px; }

.u-timeline .timeline-point {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: var(--mainBlue);
  top: 50%;
  left: 160px;
  margin-top: -7px;
  border-radius: 7px; }

.u-timeline .timeline-point-big {
  width: 54px;
  height: 54px;
  background-color: var(--mainBlue);
  border-radius: 27px;
  border: solid 6px var(--lightBlue);
  color: #fff;
  text-align: center;
  line-height: 42px;
  font-size: 14px; }

.u-timeline .timeline-text-box {
  float: left;
  padding: 0.5%;
  padding-left: 186px;
  margin-left: -186px;
  width: 100%; }

.u-timeline .timeline-time-box {
  float: left;
  width: 140px;
  height: 10px;
  font-size: 0; }

.u-timeline .timeline-time {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  font-size: 14px;
  line-height: 14px; }

.u-timeline .timeline-text-bold {
  font-weight: bold; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important; }

input[type="number"] {
  -moz-appearance: textfield; }

.el-input-number__decrease, .el-input-number__increase {
  line-height: 30px;
  top: 5px; }

.group-filter-condition .filter-show {
  position: relative;
  min-height: 44px;
  background-color: var(--panel-background-color); }
  .group-filter-condition .filter-show > label {
    position: absolute;
    top: 2px;
    left: 0;
    color: var(--text-grey); }
  .group-filter-condition .filter-show .el-tag {
    line-height: 28px;
    height: 28px;
    border-radius: 4px;
    border-color: var(--mainBlue);
    color: var(--mainBlue);
    background-color: transparent;
    margin-bottom: 10px; }
    .group-filter-condition .filter-show .el-tag .el-tag__close:hover {
      color: red; }
  .group-filter-condition .filter-show .fold-btn {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--panel-background-color);
    border: none;
    color: var(--text-deep-black);
    font-weight: normal;
    padding: 9px 15px; }
    .group-filter-condition .filter-show .fold-btn i {
      font-size: 12px;
      color: var(--text-normal); }

.group-filter-condition .filter-select {
  max-height: 1000px;
  background-color: var(--panel-background-color);
  margin-bottom: 6px; }
  .group-filter-condition .filter-select .advance {
    position: absolute;
    bottom: 0;
    right: 0; }
  .group-filter-condition .filter-select .el-form {
    padding: 20px 20px 20px 20px; }
  .group-filter-condition .filter-select .hide-tag .el-tag {
    border-color: var(--borderGrey); }
  .group-filter-condition .filter-select .el-tag .el-tag__close:hover {
    background-color: var(--input-text-background); }
  .group-filter-condition .filter-select .el-tag--primary .el-tag__close:hover {
    color: red; }
  .group-filter-condition .filter-select .el-select .el-input__inner {
    height: 32px !important; }
  .group-filter-condition .filter-select .el-radio-group .is-active span {
    border-color: var(--radio-group-border-color) !important;
    color: var(--radio-group-text-active) !important;
    background-color: var(--radio-group-background-active) !important; }
  .group-filter-condition .filter-select .el-radio-button__inner {
    width: 100px;
    padding: 8px 12px;
    color: var(--radio-group-text) !important;
    font-weight: normal;
    border-color: var(--radio-group-border-color) !important;
    background-color: var(--radio-group-background) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .group-filter-condition .filter-select .app-icon-Add {
    color: var(--mainBlue);
    font-size: 16px;
    cursor: pointer; }
    .group-filter-condition .filter-select .app-icon-Add:hover {
      color: var(--hoverBlue); }
  .group-filter-condition .filter-select .el-form-item {
    margin-bottom: 12px; }
    .group-filter-condition .filter-select .el-form-item .el-form-item__label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 9px 12px 9px 0;
      line-height: 1 !important; }
    .group-filter-condition .filter-select .el-form-item .el-form-item__content {
      line-height: 32px;
      height: 32px; }
  .group-filter-condition .filter-select .el-button--text {
    border: none; }
  .group-filter-condition .filter-select .el-date-editor,
  .group-filter-condition .filter-select .el-select,
  .group-filter-condition .filter-select .el-autocomplete,
  .group-filter-condition .filter-select .el-cascader {
    width: 100%; }
  .group-filter-condition .filter-select .el-input {
    height: 32px; }

.group-filter-condition .hide-filter-select {
  max-height: 0;
  overflow: hidden; }

.group-filter-condition .tag-show {
  position: relative;
  padding: 0 150px 0 48px; }
  .group-filter-condition .tag-show > label {
    position: absolute;
    top: 2px;
    left: 0;
    color: var(--text-grey); }
  .group-filter-condition .tag-show .el-tag {
    line-height: 28px;
    height: 28px;
    border-radius: 14px;
    border-color: var(--mainBlue);
    color: var(--mainBlue);
    background-color: transparent;
    margin-bottom: 10px; }
    .group-filter-condition .tag-show .el-tag .el-tag__close:hover {
      color: red; }

.user-group-list .el-select .el-input__inner {
  border-color: var(--input-border-color);
  color: var(--text-color); }

.sys-level .el-card {
  background-color: var(--disableGrey); }

.edit-dialog .el-form-item__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 22px; }

.text-report {
  margin-top: 20px;
  position: relative; }
  .text-report .el-textarea__inner {
    padding-bottom: 20px;
    border-radius: 1px; }
  .text-report .text-num {
    position: absolute;
    right: 64px;
    bottom: 5px;
    line-height: 1;
    font-size: 12px; }

.alarm-tabs .el-tabs__nav {
  width: 100%; }

.alarm-tabs .el-tabs__header {
  margin: 0; }

.alarm-tabs .el-tabs__active-bar {
  width: 50% !important;
  min-width: 200px; }

.alarm-tabs .el-tabs__item {
  height: 36px;
  line-height: 34px;
  width: 50%;
  min-width: 200px;
  padding: 0 !important; }

.alarm-collapse .el-collapse {
  border: none; }

.alarm-collapse .el-collapse-item__header {
  border-bottom: none;
  background-color: var(--panel-background-color); }

.alarm-collapse .el-collapse-item__wrap {
  background-color: var(--panel-background-color);
  border-bottom: none; }

.alarm-collapse .el-collapse-item__content {
  color: var(--text-normal); }

.right-menu .context-menu-list:hover {
  background-color: var(--navActiveColor); }

.dialog-group-post-list .el-dialog .el-dialog__body {
  padding: 10px 20px 15px 20px; }

.dialog-report-event .el-dialog .el-dialog__body {
  padding: 0px 20px 15px 20px; }

.el-dialog .el-dialog__body {
  padding: 10px 20px 15px 20px; }

.report-popover {
  position: fixed;
  padding: 15px !important; }

.group-account-left .el-input__icon {
  line-height: 32px; }

.label-style {
  height: 30px; }

.time-body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  overflow: hidden; }
  .time-body .el-input {
    width: 100px; }
  .time-body .el-input__inner {
    background-color: var(--main-background-color);
    border: none;
    text-align: center;
    cursor: pointer;
    color: var(--mainBlue);
    padding: 0 !important; }
  .time-body .el-icon-arrow-left {
    padding: 2px 1px;
    font-size: 12px;
    color: var(--selected-color);
    background-color: var(--mainBlue) !important; }
  .time-body .el-icon-arrow-right {
    padding: 2px 1px;
    font-size: 12px;
    color: var(--selected-color);
    background-color: var(--mainBlue) !important; }

.time-box {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  .time-box .el-input {
    width: 100px; }
  .time-box .el-input__inner {
    height: 26px;
    background-color: var(--main-background-color);
    border: none;
    text-align: center;
    cursor: pointer;
    color: var(--mainBlue);
    padding: 0 !important; }
  .time-box .el-icon-arrow-left {
    padding: 2px 1px;
    font-size: 12px;
    color: var(--selected-color);
    background-color: var(--mainBlue) !important; }
  .time-box .el-icon-arrow-right {
    padding: 2px 1px;
    font-size: 12px;
    color: var(--selected-color);
    background-color: var(--mainBlue) !important; }

.event-post-list .general-post-list-top {
  padding: 10px 0px 8px 10px !important; }

.event-post-list .general-post-list-top button {
  padding: 0px 15px;
  line-height: 30px; }

.event-post-list .gemera-post-list-view {
  height: 433px !important; }

.topic-post-list .gemera-post-list-view {
  height: 434px !important; }

.create-report-post .gemera-post-list-view {
  height: 290px !important; }

.hot-post-list .gemera-post-list-view {
  height: 560px !important; }

.real-time-news .el-select__tags-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px !important; }

.real-time-news .el-select .el-tag__close {
  margin-top: -16px; }

.event-chart-containner .u-masklayer {
  background-color: var(--main-background-color); }

.select-style .el-tag .el-icon-close {
  top: 0 !important; }

.select-class .el-input__inner {
  height: 28px !important;
  width: 150px; }

.custom-error-color .el-checkbox {
  margin-right: 24px; }
  .custom-error-color .el-checkbox .el-checkbox__label {
    display: none; }
  .custom-error-color .el-checkbox .el-checkbox__inner {
    width: 16px;
    height: 16px; }
  .custom-error-color .el-checkbox .is-checked .el-checkbox__inner:after {
    border-color: #fff !important;
    border-width: 2px;
    margin-left: 1px; }

.avatar-uploader-person .el-upload {
  border: 1px dashed var(--text-grey);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  .avatar-uploader-person .el-upload .el-upload__input {
    display: none; }

.has-picture .el-upload {
  border: none; }

.avatar-uploader-person .avatar-person {
  width: 100px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px; }

.avatar-uploader-person .el-upload:hover {
  border-color: var(--mainBlue); }

.report-list-box {
  margin-bottom: 10px;
  background-color: var(--panel-background-color); }
  .report-list-box .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background-color: var(--main-background-color); }
  .report-list-box .el-table th.el-table__cell {
    background-color: var(--panel-background-color); }
  .report-list-box .el-table th > .cell {
    background-color: var(--panel-background-color); }

.amount-list {
  background-color: var(--tag-background-color);
  padding: 10px;
  border-radius: 4px; }

.live-ping::before {
  content: "";
  position: absolute;
  top: 10.4px;
  left: 7.4px;
  width: 23px;
  height: 23px;
  border: 2px solid #fc455d;
  /* 调整圆环的颜色 */
  border-radius: 50%;
  -webkit-animation: ping 2s ease-in-out infinite none;
  animation: ping 2s ease-in-out infinite none; }

@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0.8; }
  80% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; }
  100% {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    opacity: 0; } }

@keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0.8; }
  80% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; }
  100% {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    opacity: 0; } }

.custom-popover {
  word-break: break-word !important;
  text-align: left; }

.history-popover {
  min-width: 100px !important; }
  .history-popover .history-btn {
    padding-left: 10px; }
    .history-popover .history-btn .btn-item:hover {
      color: var(--mainBlue); }

.app-user-info {
  position: relative;
  min-height: 14rem; }
  .app-user-info .user-avatar {
    width: 126px;
    height: 126px;
    margin-right: 1rem;
    position: absolute; }
  .app-user-info .post-user-info {
    float: left;
    width: 100%;
    padding-left: 136px; }
  .app-user-info .user-rank {
    position: absolute;
    right: 3rem;
    top: 2rem; }
    .app-user-info .user-rank p {
      display: inline-block;
      margin: 0;
      font-size: 14px;
      line-height: 18px; }
    .app-user-info .user-rank li {
      list-style: none;
      display: inline-block;
      margin-left: 20px; }
    .app-user-info .user-rank .user-rank-icon {
      font-size: 44px;
      color: #b1e3f2; }
    .app-user-info .user-rank .user-rank-no {
      font-size: 20px;
      color: var(--mainBlue);
      font-weight: bold; }

.user-avatar-sm {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  margin-right: 6px; }

i.user-avatar-sm {
  background: #25252f;
  padding: 5px;
  font-size: 40px; }

.post-list-item {
  position: relative; }
  .post-list-item dt {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .post-list-item p {
    margin-bottom: 1rem;
    word-wrap: break-word; }
  .post-list-item .user-avatar-sm {
    margin-right: 1rem; }
  .post-list-item .app-img-in-post {
    cursor: pointer;
    width: 200px;
    height: 100px;
    margin: 10px 0; }
  .post-list-item hr {
    margin: 3% 0; }
  .post-list-item .event-post-item {
    position: relative;
    padding-left: 60px; }
    .post-list-item .event-post-item p {
      margin-bottom: 0; }
    .post-list-item .event-post-item .icon-tip {
      position: absolute;
      top: 0;
      left: 0;
      height: 50px;
      width: 50px;
      background: #25252f;
      padding: 5px; }
      .post-list-item .event-post-item .icon-tip i {
        font-size: 40px; }

.el-dialog .app-img-in-post {
  cursor: auto; }

.post-list-item-ctrl {
  position: absolute;
  right: 14px;
  top: 0;
  font-size: 20px; }
  .post-list-item-ctrl a {
    color: var(--minor-icon-color); }
    .post-list-item-ctrl a:hover {
      color: var(--minor-icon-color); }

.post-list-item-inner {
  background-color: var(--sourcepost-background-color);
  padding: 2%;
  margin: 0.8rem 0; }

.post-list-item-interact {
  font-size: 12px;
  color: var(--text-grey);
  overflow: hidden; }
  .post-list-item-interact > span {
    margin-right: 12px; }

.post-list-item-interact_small > span {
  margin-right: 8px; }

.post-item-user-like {
  background: var(--pop-input-background);
  padding: 15px; }
  .post-item-user-like hr {
    border-color: var(--sourcepost-background-color) !important; }
  .post-item-user-like .person-result-info-img-source {
    top: 2px;
    left: 2px;
    background: var(--main-background-color); }

.post-item-box {
  padding: 1rem;
  background-color: var(--sourcepost-background-color); }
  .post-item-box hr {
    display: none; }

.general-post-list {
  min-height: 100px; }

.general-post-item-content img {
  max-width: 100%; }

.general-post-item {
  position: relative;
  padding: 15px 10px 8px 12px;
  background-color: var(--panel-background-color);
  margin-bottom: 10px; }
  .el-dialog .general-post-item {
    background-color: var(--sourcepost-background-color); }
    .el-dialog .general-post-item .icon-list {
      background-color: var(--sourcepost-background-color) !important; }
    .el-dialog .general-post-item .post-list-item-inner {
      background-color: var(--panel-background-color); }
    .el-dialog .general-post-item hr {
      border-color: var(--pop-input-background); }
  .general-post-item p {
    margin-bottom: 0; }
  .general-post-item dt {
    position: relative;
    width: 100%;
    font-weight: normal; }
    .general-post-item dt a {
      font-weight: 800; }
    .general-post-item dt .user-avatar-sm {
      position: absolute;
      left: 0;
      top: 0; }
    .general-post-item dt .u-border-tag {
      margin-top: 2px; }
    .general-post-item dt p {
      padding-left: 60px;
      margin-bottom: .3em;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .general-post-item dd {
    margin: .6em 0; }
  .general-post-item .user-avatar-name {
    max-width: 54%;
    margin-right: 10px; }
  .general-post-item .post-item-title + .post-item-ctrl {
    padding-left: 0; }
  .general-post-item .post-item-ctrl .pull-right a {
    margin-right: 5px;
    cursor: pointer;
    font-weight: normal; }
    .general-post-item .post-item-ctrl .pull-right a.disable {
      cursor: not-allowed;
      color: var(--text-grey); }
  .general-post-item .tag-body {
    display: flex;
    position: relative; }
    .general-post-item .tag-body .tag-title {
      font-size: 12px;
      margin-top: 3px; }
      .general-post-item .tag-body .tag-title > button {
        font-size: 12px;
        padding: 1px 8px;
        margin-right: 10px; }
      .general-post-item .tag-body .tag-title p {
        color: var(--text-grey); }
    .general-post-item .tag-body .tag-list .el-tag {
      height: 17px;
      line-height: 17px;
      margin: 0 6px 6px 0; }
    .general-post-item .tag-body .tag-list .no-tag {
      font-size: 12px;
      line-height: 16px;
      color: var(--text-grey); }
    .general-post-item .tag-body .show-tags {
      height: auto;
      max-height: 300px; }
    .general-post-item .tag-body .hide-tags {
      height: 18px;
      max-height: 18px; }
    .general-post-item .tag-body .app-icon-Arrow-Right {
      position: absolute;
      right: 0;
      top: 3px; }
  .general-post-item .post-item-issue {
    margin-top: 1em;
    font-size: 12px; }
    .general-post-item .post-item-issue > button {
      font-size: 12px;
      padding: 1px 8px;
      margin-right: 10px; }
    .general-post-item .post-item-issue p {
      color: var(--text-grey); }
    .general-post-item .post-item-issue .el-button.is-disabled {
      border-color: var(--mainBlue);
      color: var(--mainBlue); }
  .general-post-item .post-item-label {
    font-size: 12px;
    padding: 0 10px;
    height: 17px;
    line-height: 18px;
    border-radius: 13px;
    font-weight: normal;
    background: var(--checkbox-radio-background-color);
    margin: 0 6px 6px 0;
    cursor: pointer; }
    .general-post-item .post-item-label.disabled {
      cursor: not-allowed; }
    .general-post-item .post-item-label, .general-post-item .post-item-label .el-dropdown {
      font-size: 12px;
      color: var(--text-deep-black); }
    .general-post-item .post-item-label i {
      font-size: 6px; }
  .general-post-item .post-item-selector {
    display: none; }

.general-post-list-top {
  margin-bottom: 5px;
  padding: 8px 14px;
  background: var(--panel-background-color); }
  .general-post-list-top > a {
    font-weight: bold;
    margin-right: 10px; }
  .general-post-list-top button {
    font-weight: normal;
    padding: 6px 10px; }
  .general-post-list-top .el-dropdown {
    margin-left: 20px; }
  .general-post-list-top .app-icon-Descending {
    line-height: 1.5;
    color: var(--mainBlue);
    font-size: 16px;
    cursor: pointer; }
  .general-post-list-top .el-input__suffix {
    line-height: 30px; }

.general-post--selecting .post-item-selector {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer; }
  .general-post--selecting .post-item-selector i {
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 12px;
    color: #fff; }
  .general-post--selecting .post-item-selector::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 30px solid var(--text-grey);
    border-left: 30px solid transparent; }

.general-post--selecting .selected .post-item-selector {
  border: solid 1px var(--mainBlue); }
  .general-post--selecting .selected .post-item-selector::before {
    border-top: 30px solid var(--mainBlue);
    border-left: 30px solid transparent; }

/* im post列表样式 */
.im-post-total {
  padding: 10px;
  background-color: var(--panel-background-color);
  text-align: right;
  border-bottom: 1px solid var(--main-background-color); }

.im-list-item {
  padding: 10px 18px;
  background-color: var(--panel-background-color);
  margin-bottom: 0; }
  .im-list-item .user-avatar-name {
    max-width: 270px; }

.im-post-share-url {
  margin: 3px 0;
  border-left: 2px solid #1296db;
  padding-left: 12px; }

.im-post-audio {
  width: 280px;
  height: 30px; }

.im-file-icon {
  display: inline-block;
  line-height: 30px;
  border-radius: 50%;
  width: 30px;
  text-align: center;
  height: 30px;
  background-color: #1296db;
  margin-right: 10px; }

.im-item-image-span {
  width: 36px;
  text-align: center;
  height: 36px;
  border-radius: 50%;
  background-color: #1296db;
  color: #fff; }

.im-list-item-image img {
  line-height: 36px;
  border-radius: 50%; }

.im-list-item-image span {
  display: inline-block;
  line-height: 36px; }

.im-list-item-container {
  margin-left: 50px; }
  .im-list-item-container .im-list-item-user {
    height: 20px;
    line-height: 16px; }

.im-detail-hide-group {
  height: 44px;
  display: inline-block;
  width: 100%;
  padding-top: 6px; }

.im-list-item-inner {
  border-left: 2px solid #1296db;
  padding-left: 12px; }

.group-post-title {
  width: 100%;
  padding: 10px 0;
  background: var(--main-background-color); }

.group-post-title-fix {
  position: fixed;
  top: 52px;
  z-index: 1000; }

.app-chart {
  width: 100%;
  height: 300px; }

.wordCloud-panel .app-chart {
  width: 100%;
  height: 290px; }

.app-chart-wpr {
  position: relative; }

.app-chart-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 100%;
  background-color: var(--panel-background-color);
  text-align: center; }
  .app-chart-mask span {
    position: absolute;
    top: 40%; }

.toptails {
  border-bottom: 1px solid #eff2f6;
  padding: 30px 0; }

.folder {
  border-bottom: 3px dashed #eff2f6;
  padding: 10px 20px; }

.bottom {
  margin-top: 13px;
  line-height: 12px; }

.button {
  padding: 0;
  float: right; }

.image {
  width: 100%;
  height: 100%;
  display: block; }

.ml {
  margin-left: 20px; }

.ml40 {
  margin-left: 40px; }

.ml10 {
  margin-left: 10px; }

.ml1 {
  margin-left: 1px; }

.mT20 {
  margin-top: 20px; }

.mT10 {
  margin-top: 10px; }

.mB10 {
  margin-top: -20px; }

.pT10 {
  padding-top: 10px; }

.fr {
  float: right; }

.fl {
  float: left; }

.iconcolorlook {
  color: #13CE66;
  font-size: 30px;
  line-height: 30px; }

.iconcolorno {
  font-size: 30px;
  line-height: 30px; }

.textcontrol {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  width: 100%;
  line-height: 20px;
  text-overflow: ellipsis;
  height: 80px; }

.rename {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 100%;
  line-height: 13px;
  text-overflow: ellipsis;
  height: 16px; }

.u-report-item-01 {
  background: url(/static/img/src/scss/img/reportlist01.77acea34.png) 50% no-repeat; }

.u-report-item-02 {
  background-image: url(/static/img/src/scss/img/reportlist02.e716c60f.png) 50% no-repeat; }

.u-report-item-03 {
  background-image: url(/static/img/src/scss/img/reportlist03.6e76872e.png) 50% no-repeat; }

.menu-relation-item-00 {
  background-image: url(/static/img/src/scss/img/menu-relation00.b8553b4e.png); }

.menu-relation-item-01 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAACfklEQVRYha3XW4hNURzH8c/ZlPLgEjUlHY1QXl1KInlSShGD8kZRhBRDeZFSGokUNYoHDyjMs5kIT8glXqgRUkRShii5DA9rTYbmnL32PvtXp7M76///re/5r8teq9bd3a2E5mMzlmBa/O0VbuE07hU1HF0wfiK6sQa1/9pmxs8mXImgH1ONswIQU3EHHSNADFctgt6NOZWCjEEPZqUaC9XpibmVgWwT5kVRzY+5lYBk6CwBMaTOlH5SQBairQWQtujRMsjsFiCSPVJAJlUAMrkKkK8VgOR6pIA8rgDkURUgt/GhBYgP0aNlkB843gLI8ejRMggclVDeEfQo5uYqFeQbluNpAYiXWBFzKwOBtzhSIH4rXqcGFwEZiwPx+RxO4pkw/l/xBKdwPcbs1/wt/Y+KnEc6Ucc74UX2pUFcuzCEi7AeF1LMUytSx574vK8JBGFuHIvPh4VKVgbSFQ3vC8OSp0NC5erYWxXIYqzFb2yP33n6IlQOdkeglkAyocw1nBeOiqk6J1RwrITVlgeyEXOFf5hU4mEaXsEOobINNXzVZFiGpRgvXA92xLYuvCkIQqjgeWzACVzEdHzCTVzFINTivaYdlzFnBLPPmKL8caAurKSRqv9QOPG/zDABfQ0gYBwOloSAXQ0gxD77MCET9ocZOWY7hetBUc32d3gbaQb2ZsJEytMorC4BslLaFrEq8/fumqf2EiC5+8eQd4aBxOBm23ojfU6MG8hwIzH4WgmQm6lxmbBH/MoJvI/eEiC9MbeZfqErE9byZvxsEPgC68SNp6AGY+7zBu0/sQUPhmb0WSzAJbzHd/QLb9G5EaasXmBe9OqP3u9jXwtwBv4AjJ+BT8FRvn4AAAAASUVORK5CYII=); }

.menu-relation-item-02 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAgCAYAAABpRpp6AAADjklEQVRYhb3Ye6jfcxgH8Nc5Ow4rzpTmkqy5p0MusckpWZMQw9nIpSO3TvlHSYxcG/tDIhR2TpT7tj+ETUZrmxM1ljLkkj/kzJTiGLGfxnL88Xx/nd/57Xv58Pvyru8/n+f5PM/7c3su367JyUmpGB0drVI5BHfhQhyIcazGg9hZNnF4eDiJQ0+SVhr6sV6QbuIY3I1BnIUfO3XS3amBDD1YZTrZVvTjqToc1UX4fBxfobMYczt1VBfh+Qk6XZjXqaO6CP9v/uoi/HHNeoWoi/BafFuh8w6+6NRRXYR/x1VoFMi/w/V1OKozDr8vdnlvHIYZYiENvIWv63DSNTIyUocduAn34WhBdDa+x5lYh1PwSadO/umV6MFpImvNaRk/APdiGSbEro5jl8h+6/BIm61Z2Oe/JHwNtmELNmWE3sNxuEek3ScK5t4qdvoKPCYW9TN+xds4NZVE6h2+TRQw7RjAB5gpMtmfBfO/xLPZ19vm/xxxYpfh9SoiKTt8LJaXyPcTV2BNhZ0+08m2ohfP46AqMimEh1SfRJ8oKYuwP5Yk2Li6ikwK4f4EHbihwsaMBBsnVSmkEC4tvBNt7U60sVcnTpp4N9HZ6hLZp/gjwcaHVQophF8QqbUMY3ipRN7AkxU2fhEPrxQphC8Qr3dHgfw5LEBVc3gnNpTId2LfKjJVhJfgZRH4jxQJYgM+yuRDIqGkdLINnGd6PN8hYu88UXpuxBFlRsrC1WBGdikezcbuzz7YKj2CNNFMLFtxcpvsEkF+o0gk3+QZaO5wVzbhAVyJS7FSdLwPFzhfgesUJ4M89GZzVuTIdolN+iojPUf0iYtxVFOpR8THNaKRbMUy+em4iRfxkFhoWYRoxaAoeIoeaAMX4w18ZupOT2Zc7ujOjLSTJYqTMvSJ8nGVqHVvFieVh7PxKh7PiJTF5YaoOVofYBdux8IenF4w8cQSo91409RRHS7Kx79ENdaKRXjN1GJmixO5qMT+goLxc7sVXG5RShZhQP6ChnLGbrHnzi9SnoZ/Khif6BbBenubYDvKWpFZBeN5cfTQAt25JfafsWd/2MDKbpFhBsTL3YynRbFdlt02i+K7HetzxvLS7W5TsTwPn4t3tQW/iZp7IcabcXgbbiwx0I4JXCvS9sxsbJP4c9mOpThDNKZNLBcdSxnG5PxR6qRrfkUURvPxg9iFvIw3jhNwOQ4W/yfG/q3TvwF0jbYc2k8khQAAAABJRU5ErkJggg==); }

.menu-relation-item-03 {
  background-image: url(/static/img/src/scss/img/menu-relation03.98a1411a.png); }

.menu-relation-item-04 {
  background-image: url(/static/img/src/scss/img/menu-relation04.d05f168d.png); }

.menu-relation-activeitem-00 {
  background-image: url(/static/img/src/scss/img/menu-active-relation00.a59286f9.png); }

.menu-relation-activeitem-01 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAACeElEQVRYha3XTYhOURzH8c9casrCe01JoxHK1piaRLJSSpHXsrOgCCmGspFSGsmkKIqFBcrLGhFWyEtsKEKKSMqYTMn74pxpRs197rn3ub/Nc7rn///d7/M/L/eclsknXqqgLmzCYsyIz97iDk7hQVnDlpIgk3ASq9GSE/MXlyPol1TjrATEdNzDmgYQYt9q3I85tYK04grmpBpjdsxprRNkqzAvyqor5tYCkqGnAsSQelLekwKyAG1NgLRFj6ZB5jYBkeyRAjKlBpCpdYAM1gBS6JEC8rQGkCd1gNzF5yYgPkePpkF+oq8JkL7o0TQIHJFQ3lH0JOYWKhXkO5bheQmIN1gec2sDgQ84XCJ+C96lBpcBGYf9sX0Wx/FSGP9BPMMJ3Iwx+zT+Sv+nsSVAetCOj8KH7FtOXIcwhAuxHudTzFMr0o7dsb23AQRhbhyN7UNCJWsD6Y2GD4VhKdJBoXLt2FMXyCKsFY6A2+Jvkb4JlYNdEagpkEwocwvOCUfFVJ0VKjhOwmorAtmITuEfJpV4hEZWcI1Q2VyNXDUZlmIJJgjXg+2xrxfvS4IQKngOG3AMFzATX3EbV/GH4etEBy5h3ihmA5im+nGgXVhJo1X/sXDif5NhIq7nQMB4HKgIATtzIMR3XsfETNgfZhWY7RCuB2U11/Dw5mkW9mTCRCrSGKyqALJC2haxMjN8dy1SRwWQwv1jyDtDf2Jwo209TwOJcf0ZbiUG36gAcjs1LhP2iN8FgQ9xrQLItZjbSL/RmwlreRN+5QS+xjpx4ympPzH3VU7/L2zGo6EZfQbduIhP+IEXwle0M8JU1WvMj14voven+K5unIZ/83OCkU/2xmAAAAAASUVORK5CYII=); }

.menu-relation-activeitem-02 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAgCAYAAABpRpp6AAADpElEQVRYhb3YW4zdUxTH8c9cXNowpSeUSClOiNQtlEqaiKZ9QKiaNkKkNOHBeRRxSVxLBC+CRA9CQikqbi1xSVPVkJSSMBGVcNKYqkTC0TbVEdrgYf1PzEz/t+n583uZzN77v9Z3r/9/r7X26Zm6/DsV6mjcgUtxJIaxCg9hd9oD7UZ9Qg76u+Mbo5lYK6A7Ogl3YhAX4JdunfR2ayBRP142Fna0ZqJZhaOqgC/GqQVrFmFGt46qAp5dYk0Pzu3WUVXA/5u/qoCHKl6XqaqA38IPBWs+xDfdOqoK+HdcjZGM+R9xXRWOqszDn4goH4Tp6BMbGcF72FKFkyoPXUNUt1kYECnscFyFpTi9CicTBe7HOaJqHTtqvIa7cS/aIqrD+ENUv3fx8DhbU3Dwfwm8FFuxCesToI9xCu4SZffxjGdvxvki2o+KTe3Arlqz9X6t2ZpVFqKnZPNzi2hg0rQLk0QlW5Nj4ylciwNT5v7EFe1GfXURSJkIn4z7c+YPFZ9AHizxXafBSsZX1JqtaUUwZYCXKM4mA6KlzNJhWFzCxjVFMGWAZ5ZYA9cX2OgrYePMogVlgFMb7wna2lvSxgHdOOnoo5LOVuXMfSUOVpE+L1pQBvh5UVrztAErc+ZHsLzAxk6sKIIpA3wJpmF7xvxzmIu/C+zcjnU587txSBFMEfBivCgS/4miQKzDF8n8ElFQimCJKF9kbD7fjtWisR/CB7Vm64T9BR5MYG/FI4nx+zAfZyUOymaQjvYkf78UN5Cp7UZ9YbtR/wyXY3MCPSPLQKfS9WAhzk4e2oMXRESzKtwNWCY6szIHiigQ28RN+knGXvNrzdZkvIm66FcGROEaajfqLSLCfXgbr4vvbCVewYM5sJINTRaRKatB0fCkHtB2oz4iAvc9vhbZ5VV8W2u2HugAD4pb73jtKHA+gJ/E9X4LbhRvKk3z8QYeS0Ay83IC/ayxB7AHt9WarXn9OC/j2TNyYHvxjnh1cLxoH/8S3dhoLRCvubOZI0TOvizH/tyM8Qt7RfjTtDXH4BzpG1qSMnaTfSO/QH4Z/jVjvN0rkvW2cRPbJIciQ1MyxtPy6DEZa2fk2H/GvvfDEbzUKyrMHDyBjXhaNNt51W2j6IPHa23KWFq53evfXL6P2o36ZnGuNuE3fIp57UZ9uGwDn6ZFomxPSv5fLzLGznHrjhP9yPRRY8twTwI3Iafd3JpfS0Bm42cRhbSKN4zTcCWOEr9PbNhfp/8AZLPPHjvEY2gAAAAASUVORK5CYII=); }

.menu-relation-activeitem-03 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAgCAYAAABQISshAAADtElEQVRYhc3YW4hVVRgH8N9x7OIUQSOTVDZF9TBRlsXYmJQU9WBa4kv3IOwpX6SLEPhgBNGN8CFh7G6E0eUhCoJorDQtKxIthqSYqSDsYqJdpqYcMHv49mH27Nn7nJlz9oH5w+Gctda3vvX911rfZZ1KR9+gFqIb63ElfsdLWIfRshY4uOpcMLMshTmYi+3oTNqzcD+6cGvZi80oW2EK9xgjkcYtOL/sxVpJ5OIaY/PLXqyVRPbXGDtU9mKtJPJiQf93eL/sxVpJ5F08m+k7ipuVGLWqaGXUOgaXYylOxm+CRC8+L3uxsoichCU4VRi5E3fhI7yTkvsiGdssiPbiF+zGf80YUAaRHryNOam+13EpLsvI/oxNeCsZPz7pH8AK4T8NoVkfmYnXjCcBN2JQ7HYWe7HYGAmYhzebsadZIotwdsHYYrTl9N9bID9PXLWG0CyRE2uMHYdTcvpPqzFnbqOGNEtkj2InPSQ/Ke6poe+rRg1plsivIhJl8Q+ul09yDUZy+j8W/tMQmiFSEQlvAKtF2N0vdrxbhNk8fCt8q/p++BMbRK5Z0KgxjYbfCp5GO27DkcSYTnyGn+rMH0h0nIkfkr4FIjT34u+pGtTIiVTwpNjBKokqDggiy+roWIIvjZEgTvRV8RCbMiZL5BxR6H0vaqjTTSRRxQCewgsmRqh2rMUT2JEz9xERhteIE75PPMjqYrJXazMWJr/PwnL5hd98PCRObaW4Olenxp8RGwCP4wNBvIoj4im8JdV3Ie6oZ+BkTqRdlBNpdBfIXiVIVLEoM35d6vexuDZHxwWZ9k31DKQ+kTa8gh9TfaOK3xO7Mu1s5Pom08775yObS4ZqGVhFPSIbRPa+JGm/LHZxd4H8DjyHg2IDsldiJf5IPo+J+iqL9wTBERxWHMbHoZaPrBUh8ZpkYbh9EjoP42H50Wcv3hDJ7/mC+UdFoOjEo9iKB/BgrUWLTmSV2L2lxkhMFgvxaY3xfTijjo6diZ4Dwu9uEGQKkXciy0XkuCJRNBW04zzFV4/IHdl3Sha7cJEo9atktiZjuSeTPZFeESJXmKSTZdAjEt2/NWT2qV/ljuBrY75Z92RmiH/++kVZsB13i+ycRlfyPZzIdpmILuHoPXVk1gm/qyXTL/LHppRMmsz6RGZ49sah/tkbh7oqHX2DWxLFVWxLJqQxnWQ6RYVxQlqm0tE3OGz8A2lUPIrSmG4yfxlPZHSGiREmL25PN5lPsjJts5at/lAUanOEj9xpYsid9jL/A3QR6DyF/X1cAAAAAElFTkSuQmCC); }

.menu-relation-activeitem-04 {
  background-image: url(/static/img/src/scss/img/menu-active-relation04.729e1633.png); }

.m-sidebar .el-tabs {
  width: 100%; }

.m-sidebar .el-tabs__nav {
  width: 100%; }

.m-sidebar .el-tabs__item {
  width: 50%;
  background-color: var(--sidebar-deep-color); }

.m-sidebar .el-tabs__item.is-active {
  background-color: var(--sidebar-color); }

.m-sidebar input {
  border-radius: 0; }

.m-sidebar .el-dialog--small {
  width: 900px; }

.m-sidebar .el-tabs__item.is-active, .m-sidebar .el-tabs__item:hover {
  color: var(--text-deep-black); }

.m-sidebar .u-border-btn {
  border-color: var(--nav-blue); }

/*.m-sidebar-content {
    padding: 4px;
}*/
.u-sidebar-link {
  display: block;
  border-radius: 0;
  height: 35px;
  line-height: 35px; }
  .u-sidebar-link .el-icon-close {
    float: right;
    top: 2px; }
  .u-sidebar-link .sidebar-item-title {
    display: inline-block;
    width: 200px; }
  .u-sidebar-link a {
    color: var(--text-normal);
    font-size: 14px; }
  .u-sidebar-link:hover {
    background-color: var(--sidebar-deep-color); }
    .u-sidebar-link:hover .u-sidebar-delete {
      display: block; }
    .u-sidebar-link:hover .sidebar-btn {
      display: block; }
    .u-sidebar-link:hover .u-sidebar-arrow {
      display: none; }
    .u-sidebar-link:hover a {
      color: var(--nav-blue); }
  .u-sidebar-link .u-sidebar-delete {
    display: none;
    float: right;
    font-style: normal;
    font-size: 12px;
    margin-top: 12px; }
  .u-sidebar-link .sidebar-btn {
    display: none; }

.u-sidebar-list {
  padding: 0; }
  .u-sidebar-list li {
    padding: 4px 15px; }

.u-sidebar-search {
  padding-bottom: 50px;
  margin-top: 5px; }
  .u-sidebar-search .search-style {
    margin-right: 4px; }
    .u-sidebar-search .search-style input {
      background-color: var(--input-text-background);
      color: var(--text-color); }
    .u-sidebar-search .search-style .el-input__inner {
      height: 30px; }
  .u-sidebar-search .border-4px input {
    border-radius: 4px !important; }
  .u-sidebar-search input {
    background-color: var(--input-text-background);
    color: var(--text-normal); }
  .u-sidebar-search .el-input input[type=text][readonly] {
    background-color: var(--icon-theme-background-color);
    height: 28px;
    padding: 0 20px 0 2px; }
  .u-sidebar-search .el-input-group__prepend {
    border-radius: 3px;
    border-color: var(--icon-theme-background-color); }
  .u-sidebar-search .el-select:hover .el-input__inner,
  .u-sidebar-search .el-input__inner:focus,
  .u-sidebar-search .el-select .el-input__inner:focus, .u-sidebar-search .el-input__inner:focus,
  .u-sidebar-search .el-input input[type=text][readonly]:hover,
  .u-sidebar-search input:hover {
    border-color: var(--icon-theme-background-color); }
  .u-sidebar-search .el-input__icon {
    width: 20px;
    line-height: 30px; }
  .u-sidebar-search .el-icon-search {
    width: 30px;
    color: var(--icon-grey-color); }
  .u-sidebar-search .el-input__suffix {
    right: 1px; }
  .u-sidebar-search .el-input__inner {
    padding-right: 30px;
    height: 42px; }
  .u-sidebar-search .el-input-group__prepend .el-select {
    margin: 0 -20px; }
  .u-sidebar-search .u-border-btn {
    display: block;
    font-size: 12px;
    width: 90%;
    margin: 0 auto;
    line-height: 32px;
    font-weight: bold; }
    .u-sidebar-search .u-border-btn:focus, .u-sidebar-search .u-border-btn:hover {
      color: var(--hoverBlue);
      border-color: var(--hoverBlue); }

.im-sidebar-search {
  padding-bottom: 50px;
  border-bottom: 1px solid var(--borderGrey);
  margin-top: 5px; }
  .im-sidebar-search .search-style input {
    background-color: var(--input-text-background);
    color: var(--text-color); }
  .im-sidebar-search .search-style .el-input__inner {
    height: 30px; }
  .im-sidebar-search .border-4px input {
    border-radius: 4px !important; }
  .im-sidebar-search input {
    background-color: var(--input-text-background);
    color: var(--text-normal); }
  .im-sidebar-search .el-input input[type=text][readonly] {
    background-color: var(--icon-theme-background-color);
    height: 28px;
    padding: 0 20px 0 2px; }
  .im-sidebar-search .el-input-group__prepend {
    border-radius: 3px;
    border-color: var(--icon-theme-background-color); }
  .im-sidebar-search .el-select:hover .el-input__inner,
  .im-sidebar-search .el-input__inner:focus,
  .im-sidebar-search .el-select .el-input__inner:focus, .im-sidebar-search .el-input__inner:focus,
  .im-sidebar-search .el-input input[type=text][readonly]:hover,
  .im-sidebar-search input:hover {
    border-color: var(--icon-theme-background-color); }
  .im-sidebar-search .el-input__icon {
    width: 20px;
    line-height: 30px; }
  .im-sidebar-search .el-icon-search {
    width: 30px;
    color: var(--icon-grey-color); }
  .im-sidebar-search .el-input__suffix {
    right: 1px; }
  .im-sidebar-search .el-input__inner {
    padding-right: 30px;
    height: 42px; }
  .im-sidebar-search .u-border-btn {
    display: block;
    font-size: 12px;
    width: 90%;
    margin: 0 auto;
    line-height: 32px;
    font-weight: bold; }
    .im-sidebar-search .u-border-btn:focus, .im-sidebar-search .u-border-btn:hover {
      color: var(--hoverBlue);
      border-color: var(--hoverBlue); }

.app-header, .sky-main {
  display: block; }

html, body {
  height: 100%;
  overflow: hidden;
  color: var(--text-normal);
  font-family: "Arial", "微软雅黑"; }

body > div:first-child {
  height: 100%; }

.am-panel {
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: none; }

a {
  color: var(--mainBlue); }
  a:hover {
    color: var(--hoverBlue); }
  a.as-innerspan, a span {
    font-size: 12px;
    color: var(--text-black); }
    a.as-innerspan:hover, a span:hover {
      color: var(--text-deep-black); }
  a span {
    font-size: 14px; }

.sky-main {
  position: relative;
  height: 100%;
  overflow: hidden;
  padding-top: 53px;
  background: var(--main-background-color); }

.app-content {
  overflow-y: scroll;
  height: 100%;
  overflow-x: hidden;
  padding: 10px 6px 10px 10px; }

.sky-content-footer {
  display: none; }

.app-content-body {
  margin-bottom: 40px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto; }

.sn-content-body--small {
  max-width: 1400px;
  margin: 20px auto; }

.app-content-width-sidebar {
  padding-left: 305px; }

.app-content-panel {
  padding: 0 20px;
  margin: 0 auto; }

.app-sidebar {
  display: block;
  position: absolute;
  left: 50%;
  top: 68px;
  width: 285px;
  height: 100%;
  min-height: 100%;
  margin-left: -690px;
  background: var(--sidebar-color); }
  .app-sidebar .sidebar-active {
    color: var(--mainBlue); }
  .app-sidebar a:hover, .app-sidebar a:focus {
    text-decoration: none; }

@media (max-width: 1400px) {
  .app-sidebar {
    left: 20px;
    margin-left: 0; }
  .word-report {
    padding-left: 240px !important;
    padding-right: 6px !important; }
  .comment-dialog-class {
    width: 96% !important; }
  .keyperson-head-list {
    min-width: 1070px; }
  .keyPersonMinWidth {
    min-width: 1375px; }
  .preview-dialog .el-dialog {
    width: 95%; } }

@media (min-width: 1401px) {
  .keyperson-head-list {
    min-width: 1095px; }
  .keyPersonMinWidth {
    min-width: 1400px; }
  .preview-dialog .el-dialog {
    width: 75%; } }

.comment-dialog-class {
  width: 80%; }

.app-sidebar-list {
  margin-bottom: 0; }

.app-sidebar-sub {
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: 0 16px 8px -15px #e2e2e2 inset;
  background: #ececec;
  padding-left: 24px; }

.app-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 53px;
  z-index: 1500;
  font-size: 1.4rem;
  margin-bottom: 0;
  border-width: 0;
  background-color: var(--nav-background-Color); }
  .app-header #topbar-collapse {
    box-sizing: content-box;
    max-width: 1400px;
    margin: 0 auto;
    height: 53px !important; }

.sys-title {
  height: 53px;
  line-height: 53px;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  float: left; }

.topbar-nav {
  float: left;
  line-height: 53px; }
  .topbar-nav .el-menu {
    height: 53px; }
    .topbar-nav .el-menu .el-menu-item {
      height: 53px;
      line-height: 53px;
      padding: 0;
      border-bottom: 2px solid var(--nav-background-Color);
      border-bottom-color: var(--nav-background-Color); }
      .topbar-nav .el-menu .el-menu-item:hover {
        border-bottom: 2px solid var(--nav-btm-Color);
        background-color: var(--hoverNavBlue) !important; }
        .topbar-nav .el-menu .el-menu-item:hover span {
          color: var(--navActiveColor) !important; }
          .topbar-nav .el-menu .el-menu-item:hover span i {
            color: var(--navActiveColor) !important; }
      .topbar-nav .el-menu .el-menu-item span {
        color: var(--navTextColor); }
        .topbar-nav .el-menu .el-menu-item span i {
          color: var(--navIconColor); }
    .topbar-nav .el-menu .el-submenu .el-submenu__title {
      height: 53px;
      line-height: 53px;
      border-left: none;
      padding: 0 15px;
      border-bottom: 2px solid var(--nav-background-Color);
      border-bottom-color: var(--nav-background-Color); }
      .topbar-nav .el-menu .el-submenu .el-submenu__title:hover {
        background-color: var(--hoverNavBlue);
        border-bottom: 2px solid var(--nav-btm-Color); }
        .topbar-nav .el-menu .el-submenu .el-submenu__title:hover span {
          color: var(--navActiveColor) !important; }
          .topbar-nav .el-menu .el-submenu .el-submenu__title:hover span i {
            color: var(--navActiveColor) !important; }
      .topbar-nav .el-menu .el-submenu .el-submenu__title .el-icon-more {
        color: var(--navTextColor); }
      .topbar-nav .el-menu .el-submenu .el-submenu__title .el-submenu__icon-arrow {
        display: none; }
      .topbar-nav .el-menu .el-submenu .el-submenu__title span {
        color: var(--navTextColor) !important; }
        .topbar-nav .el-menu .el-submenu .el-submenu__title span i {
          color: var(--navIconColor) !important; }
    .topbar-nav .el-menu .is-active .el-submenu__title {
      background-color: var(--hoverNavBlue) !important;
      border-bottom: 2px solid var(--nav-btm-Color); }
      .topbar-nav .el-menu .is-active .el-submenu__title .el-submenu__icon-arrow {
        color: var(--navActiveColor); }
      .topbar-nav .el-menu .is-active .el-submenu__title span {
        color: var(--navActiveColor) !important; }
        .topbar-nav .el-menu .is-active .el-submenu__title span i {
          color: var(--navActiveColor) !important; }
    .topbar-nav .el-menu .el-submenu > .el-menu {
      background-color: var(--sidebar-deep-color);
      border: none;
      padding: 0; }
      .topbar-nav .el-menu .el-submenu > .el-menu .el-menu-item {
        min-width: 0;
        padding: 0;
        background-color: var(--menu-item-bg);
        color: var(--navItemTextColor); }
        .topbar-nav .el-menu .el-submenu > .el-menu .el-menu-item span {
          color: var(--navItemTextColor); }
          .topbar-nav .el-menu .el-submenu > .el-menu .el-menu-item span i {
            color: var(--navItemTextColor); }
      .topbar-nav .el-menu .el-submenu > .el-menu .el-menu-item .is-active span {
        color: var(--navActiveColor) !important; }
        .topbar-nav .el-menu .el-submenu > .el-menu .el-menu-item .is-active span i {
          color: var(--navActiveColor) !important; }
      .topbar-nav .el-menu .el-submenu > .el-menu .el-menu-item:hover {
        background-color: var(--hoverNavBlue);
        border-bottom: 2px solid var(--nav-btm-Color); }
        .topbar-nav .el-menu .el-submenu > .el-menu .el-menu-item:hover span {
          color: var(--navActiveColor) !important; }
          .topbar-nav .el-menu .el-submenu > .el-menu .el-menu-item:hover span i {
            color: var(--navActiveColor) !important; }
  .topbar-nav .el-menu--horizontal > .el-menu-item {
    color: var(--nav-background-Color); }
  .topbar-nav .el-submenu {
    background-color: var(--nav-background-Color); }
  .topbar-nav .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active, .topbar-nav .el-menu-item.is-active {
    background-color: var(--hoverNavBlue); }
    .topbar-nav .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active span, .topbar-nav .el-menu-item.is-active span {
      color: var(--navActiveColor) !important; }
      .topbar-nav .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active span i, .topbar-nav .el-menu-item.is-active span i {
        color: var(--navActiveColor) !important; }
  .topbar-nav a {
    width: 100%;
    display: flex;
    padding: 0 10px;
    color: var(--nav-text-color); }
    .topbar-nav a span {
      color: var(--nav-text-color); }
  .topbar-nav a.active {
    height: 53px;
    font-weight: bold;
    border-bottom: 2px solid var(--nav-btm-Color);
    background-color: var(--hoverNavBlue) !important; }
    .topbar-nav a.active span {
      display: inline-block;
      color: var(--nav-text-active-color); }
  .topbar-nav a:hover {
    color: var(--nav-text-active-color); }
    .topbar-nav a:hover span {
      color: var(--nav-text-active-color); }

.topbar-nav-childs .el-menu-item i {
  color: var(--navItemTextColor); }

.topbar-nav-childs .el-menu-item span {
  color: var(--navItemTextColor); }

.topbar-nav-childs .el-submenu__icon-arrow {
  right: 5px;
  margin-top: -5px; }

.topbar-nav-childs .el-submenu.is-active .el-submenu__title {
  background-color: var(--hoverNavBlue); }
  .topbar-nav-childs .el-submenu.is-active .el-submenu__title span {
    color: var(--navActiveColor) !important; }
    .topbar-nav-childs .el-submenu.is-active .el-submenu__title span i {
      color: var(--navActiveColor) !important; }
  .topbar-nav-childs .el-submenu.is-active .el-submenu__title i {
    color: var(--navActiveColor) !important; }

.topbar-third-childs .el-menu-item i {
  color: var(--navItemTextColor); }

.topbar-third-childs .el-menu-item span {
  color: var(--navItemTextColor); }

.topbar-third-childs .el-submenu__icon-arrow {
  right: 5px;
  margin-top: -5px; }

.topbar-third-childs .el-submenu.is-active .el-submenu__title {
  background-color: var(--hoverNavBlue); }
  .topbar-third-childs .el-submenu.is-active .el-submenu__title span {
    color: var(--navActiveColor) !important; }
    .topbar-third-childs .el-submenu.is-active .el-submenu__title span i {
      color: var(--navActiveColor) !important; }
  .topbar-third-childs .el-submenu.is-active .el-submenu__title i {
    color: var(--navActiveColor) !important; }

.topbar-third-childs .el-menu-item {
  min-width: -webkit-max-content !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important; }

.el-menu--horizontal .el-menu .el-submenu__title {
  height: 53px !important;
  line-height: 53px !important;
  background-color: var(--drop-menu-bgColor);
  padding: 0 15px;
  color: var(--navItemTextColor); }
  .el-menu--horizontal .el-menu .el-submenu__title a {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 0 15px !important; }
  .el-menu--horizontal .el-menu .el-submenu__title i {
    color: var(--navItemTextColor); }
  .el-menu--horizontal .el-menu .el-submenu__title:hover {
    background-color: var(--hoverNavBlue); }
    .el-menu--horizontal .el-menu .el-submenu__title:hover span {
      color: var(--navActiveColor) !important; }
      .el-menu--horizontal .el-menu .el-submenu__title:hover span i {
        color: var(--navActiveColor) !important; }

.el-menu--horizontal .el-menu .el-menu-item {
  height: 53px !important;
  line-height: 53px !important;
  padding: 0px;
  background-color: var(--drop-menu-bgColor); }
  .el-menu--horizontal .el-menu .el-menu-item a {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 0 15px !important; }
  .el-menu--horizontal .el-menu .el-menu-item:hover {
    background-color: var(--hoverNavBlue); }
    .el-menu--horizontal .el-menu .el-menu-item:hover span {
      color: var(--navActiveColor) !important; }
      .el-menu--horizontal .el-menu .el-menu-item:hover span i {
        color: var(--navActiveColor) !important; }

.el-menu--horizontal .el-menu .el-menu-item.is-active {
  background-color: var(--hoverNavBlue); }
  .el-menu--horizontal .el-menu .el-menu-item.is-active span {
    color: var(--navActiveColor) !important; }
    .el-menu--horizontal .el-menu .el-menu-item.is-active span i {
      color: var(--navActiveColor) !important; }

.el-menu-item * {
  vertical-align: text-bottom; }

.topbar-nav-right {
  float: right;
  line-height: 53px; }
  .topbar-nav-right li {
    margin: 0 5px;
    height: 53px;
    line-height: 54px; }
  .topbar-nav-right a span {
    color: var(--nav-text-active-color); }

.report-sidebar .el-menu {
  border-right: 0px; }
  .report-sidebar .el-menu .el-submenu .el-submenu__title {
    background-color: var(--panel-background-color);
    color: var(--text-black); }
    .report-sidebar .el-menu .el-submenu .el-submenu__title:hover {
      background-color: var(--nav-background-Color);
      border-bottom: 0px;
      color: var(--navActiveColor); }
  .report-sidebar .el-menu .el-submenu__title i {
    color: var(--text-black); }
  .report-sidebar .el-menu .el-menu-item:last-child {
    background-color: var(--panel-background-color);
    color: var(--text-black); }
    .report-sidebar .el-menu .el-menu-item:last-child:hover {
      background-color: var(--hoverNavBlue);
      color: var(--navActiveColor); }
  .report-sidebar .el-menu .el-menu-item.is-active {
    background-color: var(--nav-background-Color);
    color: var(--navActiveColor); }

.p-loading-page > .el-loading-mask .el-loading-spinner {
  top: 200px; }

.back-to-btn {
  margin-bottom: 10px; }

.el-dialog {
  margin: 0 !important;
  max-height: 100%;
  top: 50% !important;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  overflow: hidden; }

.el-dialog__wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  overflow: hidden;
  margin: 0; }

.slide-in-right {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none;
          animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none; }

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

.flip-in-ver-right {
  -webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none;
          animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none; }

@-webkit-keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
            transform: rotateY(-80deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1; } }

@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
            transform: rotateY(-80deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1; } }

.slide-in-top {
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none;
          animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none; }

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

.slide-in-bottom {
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none;
          animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none; }

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

.slide-in-left {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none;
          animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none; }

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

.scale-in-ver-top {
  -webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none;
          animation: scale-in-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) none; }

@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    opacity: 1; } }

@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    opacity: 1; } }

.heartbeat {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both; }

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; } }

@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; } }

.down-icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear; }

.right-icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear; }

.select-style .el-tag {
  border: 1px solid var(--text-normal);
  line-height: 20px; }
  .select-style .el-tag .el-icon-close {
    line-height: normal;
    top: 3px; }

.btn-list .el-tag {
  border: 1px solid var(--text-normal);
  line-height: 20px; }
  .btn-list .el-tag .el-icon-close {
    line-height: normal;
    top: 3px; }

.tag-checked .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  border-color: var(--input-border-color);
  color: var(--text-normal);
  background-color: var(--input-text-background); }

.group-list-move {
  transition: -webkit-transform .8s;
  transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s; }

.group-list-leave-to {
  opacity: 0;
  -webkit-transform: translateX(300px);
          transform: translateX(300px); }

.group-list-leave-active {
  transition: all 0.6s ease; }

.group-list-leave-active {
  position: absolute; }

.right-menu {
  position: fixed;
  display: none;
  z-index: 999;
  min-width: 120px;
  width: auto;
  padding: 6px 0;
  font-family: serif !important;
  font-size: 14px !important;
  font-weight: bold;
  color: var(--text-normal);
  background-color: var(--sidebar-color) !important;
  border-radius: 4px !important;
  box-shadow: 0 0 1px 1px var(--nav-blue) !important;
  overflow: hidden !important; }
  .right-menu .context-menu-list {
    padding: 4px 0 !important;
    background-color: var(--sidebar-color) !important;
    margin: 0 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .right-menu .context-menu-list .btn-wrapper-simple {
      height: 100% !important; }
    .right-menu .context-menu-list span {
      margin: 0 0 0 20px !important; }
    .right-menu .context-menu-list:hover {
      background-color: rgba(var(--text-normal), 0.4) !important; }

.app-fix-btn {
  position: fixed;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.comment-float-btn {
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: var(--checkbox-radio-background-color);
  cursor: pointer; }
  .comment-float-btn .app-icon-task-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 24px;
    color: var(--mainBlue); }
  .comment-float-btn .comment-num {
    position: absolute;
    top: -9px;
    right: -10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: #f56c6c;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    text-align: center; }
  .comment-float-btn .expanding::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background-color: rgba(247, 9, 9, 0.8);
    -webkit-animation: expandingEffect 0.5s linear;
            animation: expandingEffect 0.5s linear; }

@-webkit-keyframes expandingEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; } }

@keyframes expandingEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; } }

.media-float-btn {
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: var(--checkbox-radio-background-color);
  cursor: pointer;
  margin-top: 20px; }
  .media-float-btn .app-icon-ai {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 24px;
    color: var(--mainBlue); }
  .media-float-btn .comment-num {
    position: absolute;
    top: -9px;
    right: -10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: #f56c6c;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    text-align: center; }
  .media-float-btn .expanding::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background-color: rgba(247, 9, 9, 0.8);
    -webkit-animation: expandingEffect 0.5s linear;
            animation: expandingEffect 0.5s linear; }

@keyframes expandingEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; } }
  .media-float-btn .menu-sidebar {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: var(--checkbox-radio-background-color);
    cursor: pointer;
    margin-top: 20px;
    cursor: pointer; }
    .media-float-btn .menu-sidebar .app-icon-module-title {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      font-size: 24px;
      color: var(--mainBlue); }

.cover-image-slot {
  text-align: center;
  height: 100%;
  line-height: 110px;
  border: 1px dashed var(--pop-input-color-active); }

.order-group .el-radio-button__inner {
  padding: 7px 15px !important; }

.order-group .order-text {
  position: relative; }

.order-group .order-text::after {
  content: '';
  position: absolute;
  top: -6px;
  right: -30px;
  bottom: -6px;
  left: -20px;
  z-index: 100; }

.caret-top {
  position: absolute;
  top: 4px;
  right: 10px;
  z-index: 1000; }

.active-order {
  color: #f56c6c; }

.caret-bottom {
  position: absolute;
  bottom: 4px;
  right: 10px;
  z-index: 1000; }

.event-choose-box-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 40px;
  line-height: 40px; }
  .event-choose-box-item:hover {
    color: var(--mainBlue); }
    .event-choose-box-item:hover .title {
      color: var(--mainBlue) !important; }
  .event-choose-box-item .title {
    color: var(--text-normal);
    cursor: pointer; }

.hoverSide {
  color: var(--mainBlue); }
  .hoverSide .title {
    color: var(--mainBlue) !important; }

.comment-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  background-color: var(--main-background-color);
  padding: 0 20px;
  border-bottom: 1px solid var(--borderGrey); }
  .comment-drawer-head .el-icon-close {
    color: var(--mainBlue); }
    .comment-drawer-head .el-icon-close:hover {
      color: var(--hoverBlue) !important; }

.comment-drawer-body {
  padding: 0 10px 0 0;
  background-color: var(--main-background-color); }
  .comment-drawer-body .content-table {
    padding: 0 0 0 10px;
    background-color: var(--panel-background-color); }

.media-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  background-color: var(--main-background-color);
  padding: 0 20px;
  border-bottom: 1px solid var(--borderGrey); }
  .media-drawer-head .el-icon-close {
    color: var(--mainBlue); }
    .media-drawer-head .el-icon-close:hover {
      color: var(--hoverBlue) !important; }

.media-drawer-body {
  padding: 0 10px 0 0;
  background-color: var(--main-background-color); }
  .media-drawer-body .content-table {
    padding: 0 0 0 10px;
    background-color: var(--panel-background-color); }

.img-slot {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 4px 5px;
  align-items: center;
  justify-content: space-between;
  height: 30px; }

.video-div {
  position: relative;
  width: 400px; }
  .video-div:hover .video-analysis {
    display: flex; }
  .video-div .video-analysis {
    position: absolute;
    top: 0;
    width: 400px;
    background-color: #000000;
    padding: 4px 5px;
    display: none;
    align-items: center;
    justify-content: end; }

.big-image-box {
  position: relative;
  overflow: hidden; }
  .big-image-box:hover .left-in-out {
    left: 0; }
  .big-image-box:hover .right-in-out {
    right: 0; }
  .big-image-box:not(:hover) .left-in-out {
    left: -60px; }
  .big-image-box:not(:hover) .right-in-out {
    right: -60px; }
  .big-image-box .left-in-out {
    transition: left 0.3s ease;
    /* 过渡效果 */ }
  .big-image-box .right-in-out {
    transition: right 0.3s ease;
    /* 过渡效果 */ }
  .big-image-box .left-icon {
    position: absolute;
    left: -60px;
    top: 260px;
    width: 60px;
    height: 100px;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: 2; }
    .big-image-box .left-icon .el-icon-arrow-left {
      color: #fff; }
      .big-image-box .left-icon .el-icon-arrow-left:hover {
        color: var(--mainBlue); }
  .big-image-box .right-icon {
    position: absolute;
    right: -60px;
    top: 260px;
    width: 60px;
    height: 100px;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: 2; }
    .big-image-box .right-icon .el-icon-arrow-right {
      color: #fff; }
      .big-image-box .right-icon .el-icon-arrow-right:hover {
        color: var(--mainBlue); }
  .big-image-box .big-image-list {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    /* IE 10+ */
    scrollbar-width: none;
    /* Firefox */ }
    .big-image-box .big-image-list .big-image-item {
      min-width: 1000px;
      width: 1000px; }
      .big-image-box .big-image-list .big-image-item .image-item-box {
        background-color: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 680px;
        padding: 20px; }
        .big-image-box .big-image-list .big-image-item .image-item-box .image-item {
          position: relative; }
          .big-image-box .big-image-list .big-image-item .image-item-box .image-item .red-box {
            position: absolute;
            border: 2px solid red;
            z-index: 1; }
            .big-image-box .big-image-list .big-image-item .image-item-box .image-item .red-box .sign-info {
              position: absolute;
              z-index: 1;
              top: -23px;
              left: -2px;
              width: -webkit-max-content;
              width: -moz-max-content;
              width: max-content;
              background-color: red;
              color: #fff;
              display: flex;
              align-items: center;
              padding: 0 4px; }

.hide-video-icon .app-icon-video-analysis2 {
  display: none; }

.show-tag-heat {
  width: 60px; }

.case-edit-dialog .el-transfer__buttons {
  display: inline-grid; }

.case-edit-dialog .el-input__prefix {
  top: 2px; }

.fake-change {
  width: 75%; }
  .fake-change .el-input-group__prepend {
    width: 100px; }
  .fake-change .el-input-group__prepend .el-input__inner {
    height: 36px; }

.txt-select .el-select-dropdown__item {
  padding-right: 20px;
  padding-left: 15px; }

.filter-select-box .el-select-dropdown__item {
  padding-right: 20px;
  padding-left: 8px; }

.top-text {
  border: 1px solid #f9ab2b;
  color: #f9ab2b;
  border-radius: 2px;
  text-align: center;
  padding: 2px 5px; }

.animate-ring[data-v-b397549a] {
  -webkit-animation: scaleAnim-data-v-b397549a 0.75s infinite;
          animation: scaleAnim-data-v-b397549a 0.75s infinite;
}
@-webkit-keyframes scaleAnim-data-v-b397549a {
0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
30% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}
70% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
}
@keyframes scaleAnim-data-v-b397549a {
0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
30% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}
70% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
}
.skynet-logo[data-v-b397549a] {
  position: absolute;
  top: 10px;
  left: -158px;
  z-index: 1;
}
.text-title[data-v-b397549a] {
  line-height: 47px;
  font-size: 14px;
  padding-left: 10px;
  color: var(--fontTitle);
}
.text-title-book[data-v-b397549a] {
  width: 400px;
  line-height: 52px;
  font-size: 24px;
  padding-left: 10px;
  font-family: serif;
  font-weight: bold;
  float: left;
  color: var(--fontTitle);
}
.text-title-book2[data-v-b397549a] {
  width: 303px;
  height: 25px;
  float: left;
}
.sknet-header-notice-menu span[data-v-b397549a] {
  display: inline-block;
  vertical-align: top;
}
.sknet-header-notice-menu span[data-v-b397549a]:nth-child(1) {
  width: 130px;
  margin-right: 20px;
}
.sknet-header-notice-menu span[data-v-b397549a]:nth-child(2) {
  min-width: 30px;
}
.notice-num-tip[data-v-b397549a] {
  border-radius: 12px;
  background: #f56c6c;
  padding: 1px 6px;
  color: #fff;
  font-weight: normal;
  margin-left: -6px;
}
.case-box[data-v-b397549a] {
  padding: 2px 10px 2px 12px;
  color: #fff;
  background-color: var(--case-bg);
  border-radius: 10px;
}
.alarm-item[data-v-b397549a] {
  padding: 10px 10px 6px 14px;
  border-bottom: 1px solid var(--borderGrey);
}
.alarm-item[data-v-b397549a]:hover {
    background-color: var(--pop-input-background-hover);
}
.alarm-item .alarm-time[data-v-b397549a] {
    margin: 4px 0 0 13px;
    line-height: 1;
    color: var(--text-color);
}
.alarm-btn[data-v-b397549a] {
  display: flex;
}
.alarm-btn .btn-item[data-v-b397549a] {
    width: 50%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: var(--mainBlue);
    cursor: pointer;
    background-color: var(--main-background-color);
    border-right: 1px solid var(--borderGrey);
}
.alarm-btn .btn-item[data-v-b397549a]:hover {
      background-color: var(--hoverBlue);
      color: #fff;
}
.alarm-btn .btn-item[data-v-b397549a]:last-child {
    border-right: none;
}
.alarm-btn-2[data-v-b397549a] {
  display: flex;
}
.alarm-btn-2 .btn-item[data-v-b397549a] {
    width: 33.3%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: var(--mainBlue);
    cursor: pointer;
    background-color: var(--main-background-color);
    border-right: 1px solid var(--borderGrey);
}
.alarm-btn-2 .btn-item[data-v-b397549a]:hover {
      background-color: var(--hoverBlue);
      color: #fff;
}
.alarm-btn-2 .btn-item[data-v-b397549a]:last-child {
    border-right: none;
}
.notice-content[data-v-b397549a] {
  width: 100%;
}
.notice-content .alarm-item[data-v-b397549a] {
    border-bottom: 1px solid var(--borderGrey);
    padding: 10px 10px 6px 14px;
    width: 400px;
    cursor: pointer;
}
.notice-content .alarm-item[data-v-b397549a]:hover {
      background-color: var(--pop-input-background-hover);
}
.notice-content .alarm-item .alarm-body[data-v-b397549a] {
      display: flex;
}
.notice-content .alarm-item .alarm-body .body-item[data-v-b397549a] {
        flex-grow: 1;
}
.notice-content .alarm-item .item-style[data-v-b397549a] {
      width: 150px;
}
.notice-content .alarm-time[data-v-b397549a] {
    margin: 4px 0 0 13px;
    line-height: 1;
    color: var(--text-color);
}
.notice-btn[data-v-b397549a] {
  width: 300px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: var(--mainBlue);
  cursor: pointer;
  background-color: var(--main-background-color);
}
.notice-btn[data-v-b397549a]:hover {
    background-color: var(--hoverBlue);
    color: #fff;
}
.header-user-dropdown[data-v-b397549a] {
  min-width: 180px;
}
.header-user-dropdown .el-dropdown-menu__item[data-v-b397549a] {
    padding: 0 15px;
}
.header-user-dropdown .el-dropdown-menu__item a span[data-v-b397549a] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.el-menu-demo[data-v-b397549a] {
  background-color: var(--nav-background-Color);
}
.el-menu-demo .self-rotate:hover .app-icon-Arrow-Down[data-v-b397549a] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.theme-dropdown-item[data-v-b397549a] {
  color: var(--nav-text-color);
  cursor: auto;
}
.theme-dropdown-item > div[data-v-b397549a] {
    border-bottom: 1px solid var(--tab-border-color);
    border-top: 1px solid var(--tab-border-color);
}
.theme-dropdown-item[data-v-b397549a]:not(.is-disabled):hover {
    color: var(--nav-text-color);
}
.theme-dropdown-item span[data-v-b397549a] {
    color: var(--nav-text-color);
    cursor: pointer;
    margin-right: 20px;
}
.theme-dropdown-item span.check[data-v-b397549a] {
      color: var(--nav-blue);
}
.topbar-nav a[data-v-b397549a] {
  padding: 0px 15px !important;
}
.topbar-nav span[data-v-b397549a] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #9da7a9;
}
.topbar-nav-menu[data-v-b397549a] {
  line-height: 53px;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.topbar-nav-menu .more-link-icon[data-v-b397549a] {
    color: var(--navTextColor);
}
.topbar-nav-menu-dropdown[data-v-b397549a] {
  border: none;
  background-color: var(--nav-sec-bgColor);
}
.topbar-nav-menu-dropdown .el-dropdown-menu__item[data-v-b397549a] {
    padding: 0px;
}
.topbar-nav-menu-dropdown .el-menu-item[data-v-b397549a] {
    width: 100%;
    height: 53px;
    line-height: 53px;
    display: flex;
    justify-content: left;
    padding: 0px;
    border: none;
    background-color: var(--drop-menu-bgColor);
}
.topbar-nav-menu-dropdown .el-menu-item[data-v-b397549a]:hover {
      background-color: var(--hoverNavBlue) !important;
      border-bottom: 2px solid var(--nav-btm-Color);
}
.topbar-nav-menu-dropdown .el-menu-item:hover span[data-v-b397549a] {
        color: var(--navActiveColor) !important;
}
.topbar-nav-menu-dropdown .el-menu-item:hover span i[data-v-b397549a] {
          color: var(--navActiveColor) !important;
}
.topbar-nav-menu-dropdown .el-menu-item a[data-v-b397549a] {
      width: 100%;
      height: 53px;
      padding: 0px 15px;
      color: var(--navTextColor);
}
.topbar-nav-menu-dropdown .el-menu-item a span[data-v-b397549a] {
        color: var(--navItemTextColor);
}
.topbar-nav-menu-dropdown .el-menu-item a.active[data-v-b397549a] {
      font-weight: bold;
      background-color: var(--hoverNavBlue) !important;
      border-bottom: 2px solid var(--nav-btm-Color);
}
.topbar-nav-menu-dropdown .el-menu-item a.active span[data-v-b397549a] {
        color: var(--navActiveColor) !important;
}
.topbar-nav-menu-dropdown .el-menu-item a.active span i[data-v-b397549a] {
          color: var(--navActiveColor) !important;
}
.topbar-nav-right .el-cascader[data-v-b397549a] {
  display: inline-block;
  position: relative;
  line-height: 37px;
  width: 180px;
}
.topbar-nav-right .el-cascader .el-cascader__label[data-v-b397549a] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    line-height: 36px;
    padding: 0 25px 0 10px;
    color: #e7e9ec;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
}
.topbar-nav-right .el-cascader .el-input__inner[data-v-b397549a] {
    border: none;
    background: transparent;
}
.active-lang[data-v-b397549a] {
  color: var(--nav-text-active-color);
}
.msg-content[data-v-b397549a] {
  width: 300px;
  position: relative;
}
.msg-content .tab[data-v-b397549a] {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.msg-content .tab .active[data-v-b397549a] {
      border-bottom: 2px solid var(--nav-btm-Color);
      padding-bottom: 5px;
}
.msg-content .content[data-v-b397549a] {
    max-height: 380px;
    margin-top: 5px;
    margin-bottom: 16px;
    overflow: auto;
}
.msg-content .content .content-btm[data-v-b397549a] {
      width: 99%;
      height: 20px;
      position: absolute;
      display: flex;
      justify-content: space-around;
      align-items: center;
      left: 0;
      bottom: -20px;
}
.update-password[data-v-b397549a] {
  color: #9da7a9;
}
.cardBox[data-v-b397549a] {
  margin-bottom: 15px;
  margin-left: 12px;
  color: var(--text-black);
}
.cardBox p[data-v-b397549a] {
    white-space: pre-line;
}
.cardBox span[data-v-b397549a] {
    color: var(--text-black);
}
.updateDateCls[data-v-b397549a] {
  padding: 5px 15px;
}
.timeLineDiv[data-v-b397549a] {
  position: relative;
}
.contentDiv[data-v-b397549a] {
  width: 95%;
  margin-left: 5px;
  display: inline-block;
}
.el-step__icon[data-v-b397549a] {
  width: 0 !important;
  height: 0 !important;
}
.el-step__icon.is-text[data-v-b397549a] {
  border: 0 !important;
}
.timeLineDivFirst[data-v-b397549a] {
  background-color: #77c6f4;
  border: none;
}
.el-step__line[data-v-b397549a] {
  margin-right: 0px;
  height: calc(100% - 10px);
  width: 2px;
  margin-left: 12px;
  position: relative;
  border-color: inherit;
  background-color: #c0c4cc;
}
.el-step__line .solid-circle1[data-v-b397549a] {
    min-width: 6px;
    width: 24px;
    height: 24px;
    background-color: var(--hoverBlue);
    border-radius: 50%;
    margin-left: -11px;
    position: absolute;
}

.u-sentiment-sensitive button {
  display: block;
  margin: 0 auto;
}
.u-sentiment-sensitive .el-button + .el-button {
  margin-top: 10px;
  margin-left: auto;
}

.img-carousel-tooltip {
  max-height: 300px;
  overflow-y: auto;
  word-break: break-all;
}
.img-carousel-tooltip::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}
.img-carousel-tooltip:hover::-webkit-scrollbar {
    display: inline-block;
    /* Chrome Safari */
}
.p-img-carousel {
  width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
  position: relative;
}
.p-img-carousel .p-img-carousel-contain {
    display: inline-block;
}
.p-img-carousel .p-img-carousel-span {
    margin-right: 10px;
    width: 120px;
    height: 100px;
    display: inline-flex;
    overflow: hidden;
    position: relative;
}
.p-img-carousel .p-img-carousel-span:hover .img-slot {
      display: flex;
}
.p-img-carousel .p-img-carousel-item {
    /* position: relative; */
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.p-img-carousel .p-img-carousel-footer .carousel-div-icon {
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background-color: var(--arrow-bg);
    color: var(--mainBlue);
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    font-size: 16px;
}
.p-img-carousel .p-img-carousel-footer .carousel-div-icon-right {
    right: 10px;
}
.p-img-carousel .p-img-carousel-footer .carousel-div-icon-right i {
      font-weight: 600;
}
.p-img-carousel .p-img-carousel-footer .right-10 {
    right: 10px;
}
.p-img-carousel .p-img-carousel-footer .carousel-div-icon-left {
    left: 0px;
}
.p-img-carousel .p-img-carousel-footer .carousel-div-icon-left i {
      font-weight: 600;
}

.person-result-info-img-source {
  display: inline-block;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  text-align: center;
  background: var(--main-background-color);
  position: absolute;
  top: 3.2rem;
  left: 3.5rem;
  z-index: 100;
}
.person-result-info-img-source i {
    line-height: 2rem;
}

.edit-word .el-dialog {
  -webkit-backface-visibility: hidden;
}
.edit-word .edit-word-tag {
  overflow-y: scroll;
  margin-bottom: 16px;
}
.edit-word .edit-word-keyword,
.edit-word .edit-word-type,
.edit-word .edit-word-count {
  margin-bottom: 16px;
}
.edit-word .el-tag {
  position: relative;
  border-radius: 4px;
  padding: 0 10px;
  margin: 10px 14px 10px 0;
  cursor: pointer;
}
.edit-word .el-tag--primary {
  color: var(--nav-blue);
  border-color: var(--nav-blue);
}
.edit-word .edit-word-name {
  display: inline-block;
  width: 92px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edit-word .el-tag--gray {
  color: var(--nav-text-color);
  border-color: var(--nav-text-color);
}

.timeRangeSelect {
  width: 100px;
}
.timeRangeSelect .el-input__inner {
    height: 28px !important;
}

.vdr {
  touch-action: none;
  border: 1px dashed #000; }

.handle, .vdr {
  position: absolute;
  box-sizing: border-box; }

.handle {
  width: 10px;
  height: 10px;
  background: #eee;
  border: 1px solid #333; }

.handle-tl {
  top: -10px;
  left: -10px;
  cursor: nw-resize; }

.handle-tm {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  cursor: n-resize; }

.handle-tr {
  top: -10px;
  right: -10px;
  cursor: ne-resize; }

.handle-ml {
  left: -10px;
  cursor: w-resize; }

.handle-ml, .handle-mr {
  top: 50%;
  margin-top: -5px; }

.handle-mr {
  right: -10px;
  cursor: e-resize; }

.handle-bl {
  bottom: -10px;
  left: -10px;
  cursor: sw-resize; }

.handle-bm {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  cursor: s-resize; }

.handle-br {
  bottom: -10px;
  right: -10px;
  cursor: se-resize; }

@media only screen and (max-width: 768px) {
  [class*=handle-]:before {
    content: "";
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px;
    position: absolute; } }

.u-word-history[data-v-36441d7d] {
  padding-bottom: 10px;
  margin-bottom: 10px;
  height: 75px;
  overflow-y: auto;
}

/* .wordCloud-panel .width-50 {
    width: 46% !important;
    display: inline-block;
} */
.class-name[data-v-36441d7d] {
  border: none;
}
.am-table > tbody > tr > td[data-v-36441d7d] {
  padding: 0.3rem;
}
.isSocialGroup[data-v-36441d7d] {
  min-height: 360px !important;
}

.app-chart.app-chart-graph {
  height: 400px;
}
.large-chart {
  position: fixed !important;
  width: 80%;
  left: 10%;
  top: 60px;
}
.large-chart .am-panel-bd {
    height: 80%;
}
.large-chart .app-chart {
    height: 100% !important;
}

.u-sentiment-sensitive button {
  display: block;
  margin: 0 auto;
}
.u-sentiment-sensitive .el-button + .el-button {
  margin-top: 10px;
  margin-left: auto;
}

.account-avatar[data-v-12ebe5f1] {
  position: absolute;
  width: 50px;
  height: 50px;
}
.account-avatar .avatar[data-v-12ebe5f1] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--main-background-color);
    overflow: hidden;
}
.account-avatar .avatar-icon[data-v-12ebe5f1] {
    position: absolute;
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    right: 4px;
    bottom: 3px;
}
.account-avatar .source-icon[data-v-12ebe5f1] {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    right: 2px;
    bottom: 1px;
    font-size: 16px;
}
.account-avatar .tou-ming[data-v-12ebe5f1] {
    position: absolute;
    background: var(--panel-background-color);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    right: 2px;
    bottom: 1px;
}
.media-tag[data-v-12ebe5f1], .hash-tag[data-v-12ebe5f1] {
  display: inline-block;
  color: #fc9c1f;
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding: 0px 5px;
  background-color: var(--tag-background-color);
  border-radius: 3px;
}
.hash-tag[data-v-12ebe5f1] {
  margin-right: 5px;
}

.tags-body {
  max-height: 700px;
  overflow-x: hidden;
  overflow-y: overlay;
}
.tags-body .tags-content {
    display: flex;
    align-items: baseline;
    position: relative;
    margin-bottom: 4px;
}
.tags-body .tags-content .sort-name {
      color: var(--text-black);
      width: 150px;
      text-align: end;
}
.tags-body .tags-content .tag-list {
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
      width: 450px;
}
.tags-body .tags-content .tag-list .tag-botton {
        background-color: var(--sidebar-color);
        border: 1px solid var(--text-normal);
        color: var(--text-normal);
        border-radius: 13px !important;
        padding: 2px 10px;
        margin: 4px 2px 6px 10px;
        line-height: 1;
        cursor: pointer;
}
.tags-body .tags-content .tag-list .tag-botton:hover {
          border: 1px solid var(--mainBlue);
          color: var(--mainBlue);
          -webkit-transform: scale(1.05);
                  transform: scale(1.05);
}
.tags-body .tags-content .tag-list .select-tag {
        border: 1px solid var(--mainBlue) !important;
        color: var(--mainBlue) !important;
}

.video-dialog {
  width: 950px;
}
.video-dialog .el-dialog__body {
    padding: 10px 20px;
}
.video-dialog .title-box {
    height: 28px;
}
.video-dialog .title-box .el-radio-group .is-active span {
      border-color: var(--radio-group-border-color) !important;
      color: var(--radio-group-text-active) !important;
      background-color: var(--radio-group-background-active) !important;
}
.video-dialog .title-box .el-radio-button__inner {
      padding: 4px 10px;
      color: var(--radio-group-text);
      font-weight: normal;
      border-color: var(--radio-group-border-color) !important;
      background-color: var(--radio-group-background) !important;
}
.video-dialog .homepage-box {
    display: flex;
    background-color: var(--sourcepost-background-color);
    padding: 10px;
}
.video-dialog .homepage-box img {
      width: 80px;
      height: 100px;
      -o-object-fit: cover;
         object-fit: cover;
      vertical-align: text-top;
}
.video-dialog .homepage-box .opration {
      text-align: right;
      flex: 1;
}
.video-dialog .homepage-box .opration .opration-btn {
        margin: 20px 2px;
}
.video-dialog .homepage-box .opration .opration-btn span {
          background-color: var(--tag-bg-color);
          border-radius: 4px;
          height: 20px;
          line-height: 20px;
          padding: 2px 8px;
}
.video-dialog .homepage-box .details {
      width: 520px;
      padding-left: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
}
.video-dialog .homepage-box .details .region {
        color: #bebebe;
}
.video-dialog .homepage-box .details .tags {
        display: inline-block;
        color: #fc9c1f;
        font-size: 12px;
        height: 17px;
        line-height: 17px;
        padding: 0px 5px;
        background-color: var(--tag-background-color);
        border-radius: 3px;
        margin-right: 5px;
}
.video-dialog .homepage-box .homepage-box-location {
      color: var(--dialog-header-text);
}
.video-dialog .main-content {
    margin-top: 10px;
    display: flex;
}
.video-dialog .main-content .left {
      width: 540px;
}
.video-dialog .main-content .left .word-box {
        padding: 20px;
        background-color: var(--sourcepost-background-color);
        height: 250px;
}
.video-dialog .main-content .left .chart-word-comment {
        height: 195px;
}
.video-dialog .main-content .left .comment-box {
        margin-top: 10px;
        padding: 20px 20px 5px 20px;
        background-color: var(--sourcepost-background-color);
        height: 332px;
}
.video-dialog .main-content .left .comment-box .container {
          height: 228px;
          overflow-y: auto;
}
.video-dialog .main-content .left .comment-box .container .comment-item {
            display: flex;
            border-bottom: 1px solid var(--borderBtm);
            padding: 15px 5px 15px 0px;
}
.video-dialog .main-content .left .comment-box .container .comment-item .comment-avatar {
              width: 45px;
              height: 45px;
              border-radius: 50%;
}
.video-dialog .main-content .left .comment-box .container .comment-item .comment-box-center {
              width: 265px;
              padding-left: 20px;
}
.video-dialog .main-content .left .comment-box .container .comment-item .comment-box-center p {
                width: 100%;
}
.video-dialog .main-content .left .comment-box .container .comment-item .comment-box-right {
              flex: 1;
              text-align: right;
}
.video-dialog .main-content .left h5 {
        color: var(--text-black);
}
.video-dialog .main-content .similar-video {
      flex: 1;
      height: 592px;
      margin-left: 10px;
      background-color: var(--sourcepost-background-color);
      padding: 20px;
}
.video-dialog .main-content .similar-video .btn-box {
        width: 100%;
        height: 25px;
        line-height: 25px;
        text-align: center;
        color: var(--mainBlue);
        background-color: var(--tiktok-dialog-btn);
}
.video-dialog .main-content .similar-video .similar-video-top {
        display: flex;
}
.video-dialog .main-content .similar-video .similar-video-top .avatar {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          -o-object-fit: cover;
             object-fit: cover;
          vertical-align: text-top;
}
.video-dialog .main-content .similar-video .similar-video-top .description {
          flex: 1;
          margin-left: 10px;
}
.video-dialog .main-content .similar-video .similar-video-top .description p {
            width: 260px;
}
.video-dialog .main-content .similar-video .similar-video-bottom {
        height: 412px;
        overflow-y: auto;
        gap: 6px;
}
.video-dialog .main-content .similar-video .similar-video-bottom div {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
}
.video-dialog .main-content .similar-video .similar-video-bottom div .img-box {
            position: relative;
            display: block;
            width: 49%;
            height: 199px;
            margin-bottom: 7px;
            overflow: hidden;
}
.video-dialog .main-content .similar-video .similar-video-bottom div .img-box .img-item {
              width: 100%;
              height: 100%;
              border-radius: 5px;
              -o-object-fit: cover;
                 object-fit: cover;
              transition: -webkit-transform .25s ease;
              transition: transform .25s ease;
              transition: transform .25s ease, -webkit-transform .25s ease;
}
.video-dialog .main-content .similar-video .similar-video-bottom div .img-box .img-item:hover {
                -webkit-transform: scale(1.25);
                        transform: scale(1.25);
}
.video-dialog .main-content .similar-video .similar-video-bottom div .img-box p {
              position: absolute;
              left: 8%;
              bottom: 4%;
              font-size: 15px;
}

@charset "UTF-8";
.general-post-list-top .el-dropdown .el-button--small {
  padding: 6px 10px !important;
}
.general-post-list-top .el-dropdown .el-dropdown__caret-button {
  padding: 6px 4px !important;
}
.gemera-post-list-view {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  transition: 0.3s;
}
.gemera-post-list-view .j-post-list-item-cnt .icon-list {
    display: none;
    position: absolute;
    min-width: 150px;
    top: 0px;
    right: 0px;
    background-color: var(--panel-background-color) !important;
}
.gemera-post-list-view .j-post-list-item-cnt .dialog-icon-list {
    background-color: var(--sourcepost-background-color) !important;
}
.gemera-post-list-view .j-post-list-item-cnt:hover .icon-list {
    display: block;
}
.tag-style {
  position: relative;
}
.tag-style .yu-style {
    position: absolute;
    top: -6px;
    right: -6px;
    color: var(--mainBlue);
}
@media screen and (min-device-height: 1081px) {
.general-post-list-noselection {
    height: auto !important;
    min-height: 200px;
    max-height: 680px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
.general-post-list-hasselection {
    height: auto !important;
    min-height: 200px;
    max-height: 830px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
}
@media screen and (max-device-height: 1080px) and (min-device-height: 960px) {
.general-post-list-noselection {
    height: auto !important;
    min-height: 200px;
    max-height: 560px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
.general-post-list-hasselection {
    height: auto !important;
    min-height: 200px;
    max-height: 700px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
}
@media screen and (max-device-height: 959px) and (min-device-height: 800px) {
.general-post-list-noselection {
    height: auto !important;
    min-height: 200px;
    max-height: 430px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
.general-post-list-hasselection {
    height: auto !important;
    min-height: 200px;
    max-height: 550px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
}
@media screen and (max-device-height: 799px) and (min-device-height: 720px) {
.general-post-list-noselection {
    height: auto !important;
    min-height: 200px;
    max-height: 340px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
.general-post-list-hasselection {
    height: auto !important;
    min-height: 200px;
    max-height: 470px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
}
@media screen and (max-device-height: 719px) {
.general-post-list-noselection {
    height: auto !important;
    min-height: 200px;
    max-height: 300px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
.general-post-list-hasselection {
    height: auto !important;
    min-height: 200px;
    max-height: 350px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
}
.point-style {
  padding: 0 14px 0 0;
}
.post-list-view {
  background-color: var(--panel-background-color);
  overflow: hidden;
  padding: 0 5px;
  /*操作按钮*/
  /*操作按钮显示*/
}
.post-list-view .u-dashboard-list-p {
    height: 36px !important;
    line-height: 36px !important;
    margin: 5px 0;
    padding: 0 5px;
}
.post-list-view .post-operation {
    position: absolute;
    top: 0;
    right: 20px;
    display: none;
    padding: 0 15px;
}
.post-list-view .post-operation a {
      margin-right: 9px;
}
.post-list-view .post-list-view-item:hover {
    background-color: var(--main-background-color);
}
.post-list-view .post-list-view-item:hover .post-operation {
      background-color: var(--main-background-color);
      display: block;
}
.post-item-selector {
  display: none;
}
.general-post--selecting .post-list-view .post-item-selector {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.general-post--selecting .post-list-view .post-item-selector i {
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 12px;
    color: #fff;
}
.general-post--selecting .post-list-view .post-item-selector::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 30px solid var(--text-grey);
    border-left: 30px solid transparent;
}
.general-post--selecting .post-list-view .selected .post-item-selector {
  border: solid 1px var(--mainBlue);
}
.general-post--selecting .post-list-view .selected .post-item-selector::before {
    border-top: 30px solid var(--mainBlue);
    border-left: 30px solid transparent;
}
.inline-block {
  display: inline-block;
}
.tag {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  max-height: 24px;
  transition: max-height 0.5s;
}
.tag .tag-btn {
    position: absolute;
    top: 6px;
    right: 0;
}
.tag .el-tag {
    margin-top: 8px;
}
.field-tag {
  background-color: rgba(255, 165, 0, 0.2);
  color: #ffa500;
  border-radius: 12px;
  padding: 0px 10px 1px 10px;
  float: left;
  margin-right: 5px;
}
.caret-bottom {
  max-height: 32px;
}
.caret-top {
  max-height: 100px;
}
.j-report--filtered /deep/ .el-tooltip__popper.is-light {
  height: 250px;
  overflow: auto;
}
.gender-style {
  position: relative;
}
.gender-style .yu {
    position: absolute;
    top: -12px;
    font-size: 16px;
}
.self-height {
  max-height: 420px;
  overflow: auto;
}
.tags-content {
  display: flex;
  align-items: baseline;
  position: relative;
  margin-bottom: 4px;
}
.tags-content .sort-name {
    color: var(--text-black);
    text-align: end;
}
.tags-content .tag-list {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.tags-content .tag-list .tag-botton {
      background-color: var(--sidebar-color);
      border: 1px solid var(--input-border-color);
      color: var(--text-normal) !important;
      border-radius: 13px !important;
      padding: 2px 10px;
      margin: 4px 2px 6px 10px;
      line-height: 1;
      cursor: pointer;
}
.tags-content .tag-list .tag-botton:hover {
        border: 1px solid var(--mainBlue);
        color: var(--mainBlue);
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
}
.tags-content .tag-list .select-tag {
      border: 1px solid var(--mainBlue) !important;
      color: var(--mainBlue) !important;
}
.tags-content .tag-list-topic .tag-botton-topic {
    width: auto;
    max-width: 430px;
    background-color: var(--sidebar-color);
    border: 1px solid var(--input-border-color);
    color: var(--text-normal) !important;
    border-radius: 13px !important;
    padding: 4px 10px;
    margin: 4px 2px 6px 10px;
    line-height: 1.2;
    cursor: pointer;
}
.tags-content .tag-list-topic .tag-botton-topic:hover {
      border: 1px solid var(--mainBlue);
      color: var(--mainBlue);
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
}
.tags-content .tag-list-topic .select-tag {
    border: 1px solid var(--mainBlue) !important;
    color: var(--mainBlue) !important;
}

.p-postDetail-post {
  background-color: var(--panel-background-color);
  padding-bottom: 20px;
}
.p-postDetail-post .table-center {
    padding: 20px;
}

.post-analysis-dialog {
  background-color: var(--main-background-color);
}
.p-post {
  overflow-y: auto;
  overflow-x: hidden;
}
.p-post .app-chart-spread {
  height: 695px;
}
.p-post > .el-loading-mask .el-loading-spinner {
  top: 10%;
}
.p-post .user-name-overflow {
  max-width: 0;
  width: 40%;
}
.p-post-spread-bar .app-chart {
  height: 250px;
}

.app-dialog-briefing .el-dialog--small {
  min-width: 750px;
}
.m-uploadReport {
  padding: 0 20px;
}
.m-uploadReport img {
    max-width: 100%;
}
.m-uploadReport textarea {
    height: 200px;
}
.m-uploadReport .el-checkbox {
    margin-left: 0;
}
.m-uploadReport .el-checkbox__label {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m-uploadReport .m-uploadReport-folderText {
    display: inline-block;
    width: 200px;
    margin-left: 10px;
}

.u-dropdown-menu-blue {
  font-size: 12px;
  padding: 2px 6px;
  background: var(--input-text-background);
  cursor: pointer;
}
.u-dropdown-menu-blue .el-dropdown-link {
    color: var(--mainBlue);
}
.u-dropdown-menu-blue.disabled {
    cursor: not-allowed;
}
.u-dropdown-menu-blue, .u-dropdown-menu-blue .el-dropdown {
    font-size: 12px;
    color: var(--text-deep-black);
}
.u-dropdown-menu-blue i {
    font-size: 10px;
}

.c-account-detail-info {
  min-height: 56px;
  padding: 10px 15px 0px;
}
.c-account-detail-info .u-account-container {
    min-width: 0;
}
.c-account-detail-info .u-account-container table {
      width: 90%;
}

.joined-group-body[data-v-a99c5850] {
  margin-top: -10px;
}
.joined-group-body .groups-list[data-v-a99c5850] {
    height: 480px;
    overflow-x: hidden;
    overflow-y: overlay;
}
.joined-group-body .groups-list .groups-item[data-v-a99c5850] {
      display: flex;
      align-items: center;
      height: 110px;
      width: 280px;
      padding: 20px;
      margin: 0 10px 10px 0;
      background-color: var(--sourcepost-background-color);
}
.joined-group-body .groups-list .groups-item .groups-avatar[data-v-a99c5850] {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 20px;
}
.joined-group-body .groups-list .groups-item .groups-avatar .avatar[data-v-a99c5850] {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          background: var(--main-background-color);
          overflow: hidden;
}
.joined-group-body .groups-list .groups-item .groups-avatar .avatar-icon[data-v-a99c5850] {
          position: absolute;
          background-color: #fff;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          right: 4px;
          bottom: 3px;
}
.joined-group-body .groups-list .groups-item .groups-avatar .source-icon[data-v-a99c5850] {
          position: absolute;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          right: 2px;
          bottom: 1px;
          font-size: 16px;
}
.joined-group-body .groups-list .groups-item .groups-avatar .tou-ming[data-v-a99c5850] {
          position: absolute;
          background: var(--panel-background-color);
          width: 17px;
          height: 17px;
          border-radius: 50%;
          right: 2px;
          bottom: 1px;
}
.joined-group-body .groups-list .groups-item .groups-info .name[data-v-a99c5850] {
        width: 185px;
        font-size: 16px;
        font-weight: bold;
        color: var(--text-black);
}
.joined-group-body .groups-list .groups-item .groups-info .name[data-v-a99c5850]:hover {
          color: var(--hoverBlue);
}
.joined-group-body .groups-list .groups-item .groups-info .other-text[data-v-a99c5850] {
        font-size: 12px;
        color: var(--text-black);
}
.joined-group-body .groups-list .groups-item[data-v-a99c5850]:nth-child(3n) {
      margin: 0 0 10px 0;
}
.joined-group-body .no-data[data-v-a99c5850] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audio-style[data-v-3dd0bba6] {
  height: 36px;
}
.audio-right[data-v-3dd0bba6] {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: #232633;
  border-radius: 6px;
  display: flex;
  padding: 0 15px;
}
.audio-right .dialogAudioPlay[data-v-3dd0bba6] {
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
}
.audio-right .progress-bar-bg[data-v-3dd0bba6] {
    background-color: #4d4d4d;
    flex: 1;
    position: relative;
    height: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: -1px;
    cursor: pointer;
    margin: 0 10px;
    border-radius: 5px;
}
.audio-right .progress-bar[data-v-3dd0bba6] {
    background-color: #adadad;
    width: 0%;
    height: 10px;
    border-radius: 5px;
}
.audio-right .audio-time[data-v-3dd0bba6] {
    overflow: hidden;
    font-size: 14px;
    color: #fff;
}
.audio-right .audio-time .audio-length-total[data-v-3dd0bba6] {
      float: right;
}
.audio-right .audio-time .audio-length-current[data-v-3dd0bba6] {
      float: left;
}
.volume[data-v-3dd0bba6] {
  position: relative;
  line-height: 38px;
}
.volume:hover .volume-progress[data-v-3dd0bba6] {
    display: block;
}
.volume .volume-progress[data-v-3dd0bba6] {
    display: none;
    position: absolute;
    top: -100px;
    right: -14px;
    width: 32px;
    height: 100px;
    background: #333;
    border-radius: 4px;
    padding-top: 10px;
}
.volume .volume-bar-bg[data-v-3dd0bba6] {
    margin: 0 auto;
    width: 6px;
    height: 80px;
    background: #4d4d4d;
    border-radius: 100px;
    flex: 1;
    position: relative;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    cursor: pointer;
}
.volume .volume-bar-bg .volume-bar[data-v-3dd0bba6] {
      width: 6px;
      height: 50%;
      background: #adadad;
      border-radius: 100px;
}
.volume .volume-style[data-v-3dd0bba6] {
    cursor: pointer;
    color: #fff;
    margin-left: 8px;
    margin-right: -5px;
}
.down[data-v-3dd0bba6] {
  cursor: pointer;
  line-height: 36px;
  color: #fff;
  margin-left: 10px;
}

.file-list[data-v-f65491d2]:hover {
  color: var(--hoverBlue);
}

.view-content[data-v-7ea237e1] {
  height: 580px;
  overflow-x: hidden;
  overflow-y: overlay;
  background-color: var(--main-background-color);
}
.view-content .left-body[data-v-7ea237e1] {
    position: relative;
    padding: 10px 20px;
}
.view-content .left-body .left-icon[data-v-7ea237e1] {
      position: absolute;
      font-size: 40px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-top: 6px;
}
.view-content .left-body .left-info[data-v-7ea237e1] {
      margin-left: 50px;
}
.view-content .left-body .left-info .name[data-v-7ea237e1] {
        font-size: 12px;
        margin-bottom: 4px;
        color: var(--text-black);
}
.view-content .left-body .left-info .content[data-v-7ea237e1] {
        padding: 10px 16px;
        border-radius: 4px;
        color: var(--text-deep-black);
        background-color: var(--panel-background-color);
}
.view-content .left-body .left-info .content .line-text[data-v-7ea237e1] {
          margin-bottom: 2px;
          word-wrap: break-word;
          color: var(--text-deep-black);
}
.view-content .left-body .left-info .content .time[data-v-7ea237e1] {
          color: #74757e;
}
.view-content .left-body .left-info .content .source-body[data-v-7ea237e1] {
          position: relative;
          height: 100%;
          padding: 20px;
          margin: 10px 0;
          background-color: var(--source-background-color);
}
.view-content .left-body .left-info .content .source-body .account-avatar[data-v-7ea237e1] {
            position: absolute;
            width: 50px;
            height: 50px;
}
.view-content .left-body .left-info .content .source-body .account-avatar .avatar[data-v-7ea237e1] {
              width: 50px;
              height: 50px;
              border-radius: 50%;
              background: #2e3141;
              overflow: hidden;
}
.view-content .left-body .left-info .content .source-body .account-avatar .avatar-icon[data-v-7ea237e1] {
              position: absolute;
              background-color: #fff;
              width: 12px;
              height: 12px;
              border-radius: 50%;
              right: 4px;
              bottom: 3px;
}
.view-content .left-body .left-info .content .source-body .account-avatar .source-icon[data-v-7ea237e1] {
              position: absolute;
              width: 16px;
              height: 16px;
              border-radius: 50%;
              right: 2px;
              bottom: 1px;
              font-size: 16px;
}
.view-content .left-body .left-info .content .source-body .account-avatar .tou-ming[data-v-7ea237e1] {
              position: absolute;
              background: #2e3141;
              width: 17px;
              height: 17px;
              border-radius: 50%;
              right: 2px;
              bottom: 1px;
}
.view-content .left-body .left-info .content .source-body .msg-content[data-v-7ea237e1] {
            margin: 15px 0 6px 0;
            color: var(--text-deep-black);
            word-wrap: break-word;
}
.view-content .left-body .left-info .content .source-body .msg-info[data-v-7ea237e1] {
            margin-left: 60px;
            height: 50px;
            line-height: 50px;
            position: relative;
            display: flex;
            flex-flow: column;
            justify-content: center;
}
.view-content .left-body .left-info .content .source-body .msg-info .info[data-v-7ea237e1] {
              display: flex;
              align-items: center;
}
.view-content .left-body .left-info .content .source-body .msg-info .info .name[data-v-7ea237e1] {
                font-weight: bold;
                color: var(--text-deep-black);
                margin-right: 10px;
}
.view-content .right-body[data-v-7ea237e1] {
    position: relative;
    padding: 10px 20px 10px 0;
}
.view-content .right-body .right-icon[data-v-7ea237e1] {
      position: absolute;
      right: 20px;
      font-size: 40px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-top: 6px;
}
.view-content .right-body .right-info[data-v-7ea237e1] {
      margin-right: 50px;
}
.view-content .right-body .right-info .name[data-v-7ea237e1] {
        font-size: 12px;
        margin-bottom: 4px;
        color: var(--text-black);
        text-align: end;
}
.view-content .right-body .right-info .content[data-v-7ea237e1] {
        padding: 10px 16px;
        border-radius: 4px;
        color: #fff;
        background-color: var(--view-green);
}
.view-content .right-body .right-info .content .line-text[data-v-7ea237e1] {
          margin-bottom: 2px;
          word-wrap: break-word;
}
.view-content .right-body .right-info .content .time[data-v-7ea237e1] {
          text-align: end;
          color: #fff;
}
.view-content .right-body .right-info .content .source-body[data-v-7ea237e1] {
          position: relative;
          height: 100%;
          padding: 20px;
          margin: 10px 0;
          background-color: #74cf82;
}
.view-content .right-body .right-info .content .source-body .account-avatar[data-v-7ea237e1] {
            position: absolute;
            width: 50px;
            height: 50px;
}
.view-content .right-body .right-info .content .source-body .account-avatar .avatar[data-v-7ea237e1] {
              width: 50px;
              height: 50px;
              border-radius: 50%;
              background: #74cf82;
              overflow: hidden;
}
.view-content .right-body .right-info .content .source-body .account-avatar .avatar-icon[data-v-7ea237e1] {
              position: absolute;
              background-color: #fff;
              width: 12px;
              height: 12px;
              border-radius: 50%;
              right: 4px;
              bottom: 3px;
}
.view-content .right-body .right-info .content .source-body .account-avatar .source-icon[data-v-7ea237e1] {
              position: absolute;
              width: 16px;
              height: 16px;
              border-radius: 50%;
              right: 2px;
              bottom: 1px;
              font-size: 16px;
}
.view-content .right-body .right-info .content .source-body .account-avatar .tou-ming[data-v-7ea237e1] {
              position: absolute;
              background: #74cf82;
              width: 17px;
              height: 17px;
              border-radius: 50%;
              right: 2px;
              bottom: 1px;
}
.view-content .right-body .right-info .content .source-body .msg-info[data-v-7ea237e1] {
            margin-left: 60px;
            height: 50px;
            line-height: 50px;
            position: relative;
            display: flex;
            flex-flow: column;
            justify-content: center;
}
.view-content .right-body .right-info .content .source-body .msg-info .info[data-v-7ea237e1] {
              display: flex;
              align-items: center;
}
.view-content .right-body .right-info .content .source-body .msg-info .info .name[data-v-7ea237e1] {
                font-weight: bold;
                color: #fff;
                margin-right: 10px;
                margin-bottom: 0 !important;
}
.view-content .right-body .right-info .content .source-body .msg-content[data-v-7ea237e1] {
            margin: 15px 0 6px 0;
            color: #fff;
            word-wrap: break-word;
}
.view-content .no-data[data-v-7ea237e1] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.msg-item[data-v-293938fe] {
  position: relative;
  height: 100%;
  padding: 20px;
  margin-bottom: 10px;
  background-color: var(--panel-background-color);
}
.msg-item .account-avatar[data-v-293938fe] {
    position: absolute;
    width: 50px;
    height: 50px;
}
.msg-item .account-avatar .avatar[data-v-293938fe] {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: var(--main-background-color);
      overflow: hidden;
}
.msg-item .account-avatar .avatar-icon[data-v-293938fe] {
      position: absolute;
      background-color: #fff;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      right: 4px;
      bottom: 3px;
}
.msg-item .account-avatar .source-icon[data-v-293938fe] {
      position: absolute;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      right: 2px;
      bottom: 1px;
      font-size: 16px;
}
.msg-item .account-avatar .tou-ming[data-v-293938fe] {
      position: absolute;
      background: var(--panel-background-color);
      width: 17px;
      height: 17px;
      border-radius: 50%;
      right: 2px;
      bottom: 1px;
}
.msg-item .msg-info[data-v-293938fe] {
    margin-left: 60px;
    height: 48px;
    line-height: 48px;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.msg-item .msg-info .info[data-v-293938fe] {
      display: flex;
      align-items: center;
}
.msg-item .msg-info .info .name[data-v-293938fe] {
        font-weight: bold;
        color: var(--text-black);
        margin-right: 10px;
        line-height: 1;
}
.msg-item .msg-info .btn-list[data-v-293938fe] {
      display: flex;
      align-items: center;
      line-height: 1;
      margin-top: 6px;
}
.msg-item .msg-info .btn-list .btn-item[data-v-293938fe] {
        color: var(--mainBlue);
        cursor: pointer;
        background-color: var(--tag-bg-color);
        border-radius: 4px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 150px;
        height: 20px;
        line-height: 20px;
        padding: 0 8px;
        margin-right: 5px;
}
.msg-item .msg-info .more-group[data-v-293938fe] {
      position: absolute;
      right: 0;
      top: 0;
      line-height: 1;
      color: var(--mainBlue);
      cursor: pointer;
}
.msg-item .msg-info .more-group .app-icon-left-close[data-v-293938fe] {
        margin-left: -5px;
}
.msg-item .msg-content[data-v-293938fe] {
    margin: 15px 0 6px 0;
    color: var(--text-deep-black);
    word-wrap: break-word;
}
.msg-item .source-list[data-v-293938fe] {
    position: relative;
    height: 100%;
    padding: 20px;
    margin: 10px 0;
    background-color: var(--sourcepost-background-color);
}
.msg-item .source-list .account-avatar[data-v-293938fe] {
      position: absolute;
      width: 50px;
      height: 50px;
}
.msg-item .source-list .account-avatar .avatar[data-v-293938fe] {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: var(--main-background-color);
        overflow: hidden;
}
.msg-item .source-list .account-avatar .avatar-icon[data-v-293938fe] {
        position: absolute;
        background-color: #fff;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        right: 4px;
        bottom: 3px;
}
.msg-item .source-list .account-avatar .source-icon[data-v-293938fe] {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        right: 2px;
        bottom: 1px;
        font-size: 16px;
}
.msg-item .source-list .account-avatar .tou-ming[data-v-293938fe] {
        position: absolute;
        background: var(--panel-background-color);
        width: 17px;
        height: 17px;
        border-radius: 50%;
        right: 2px;
        bottom: 1px;
}
.msg-item .source-list .msg-info[data-v-293938fe] {
      margin-left: 60px;
      height: 50px;
      line-height: 50px;
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: center;
}
.msg-item .source-list .msg-info .info[data-v-293938fe] {
        display: flex;
        align-items: center;
}
.msg-item .source-list .msg-info .info .name[data-v-293938fe] {
          font-weight: bold;
          color: var(--text-black);
          margin-right: 10px;
}
.msg-item .msg-floor[data-v-293938fe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.msg-item .msg-floor .view-content[data-v-293938fe] {
      color: var(--mainBlue);
      cursor: pointer;
      background-color: var(--tag-bg-color);
      border-radius: 4px;
      width: 105px;
      height: 20px;
      line-height: 20px;
      padding: 0 8px;
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.msg-item .msg-floor .time[data-v-293938fe] {
      color: var(--text-deep-black);
      font-size: 12px;
}

.gemera-post-list-view {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.m-charttile-cursor {
  cursor: move;
}
.m-charttile-pandding-left {
  padding: 0px !important;
  border: none;
}
.m-charttitle-icon {
  font-size: 12px !important;
}

.u-dashboard-list-p {
  height: 30px !important;
  line-height: 30px !important;
}

.sn-date-range-picker .el-input__inner {
  height: 28px !important;
}
.m-dashboard-chart-containner {
  overflow: hidden;
  height: 360px;
}
.m-dashboard-chart-containner .am-panel {
    border: none;
}
.m-dashboard-chart-containner .am-panel-bd {
    height: 360px;
}

.u-dashboard-list-user-p {
  height: 30px !important;
  line-height: 30px !important;
}
.u-dashboard-list-user-p .u-dashboard-list-user-img {
    width: 18px;
    height: 18px;
}

@charset "UTF-8";
.point-dialog {
  /*分辨率低于1280，采用下面的样式*/
  /*分辨率低于1440，采用下面的样式*/
  /*分辨率低于1680，采用下面的样式*/
}
.point-dialog .el-dialog__body {
    padding: 10px 20px 0px 20px;
}
@media screen and (max-device-width: 1280px) {
.point-dialog .el-dialog--large {
      width: 1000px;
}
.point-dialog .el-dialog__body {
      height: 500px;
      overflow: auto;
}
}
@media screen and (min-width: 1281px) and (max-width: 1439px) {
.point-dialog .el-dialog__body {
      height: 550px;
      overflow: auto;
}
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
.point-dialog .el-dialog__body {
      height: 600px;
      overflow: auto;
}
}
.point-dialog ::-webkit-scrollbar {
    width: 4px;
}
.point-dialog .note-body {
    padding: 8px 12px 8px 3px;
    width: 570px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.point-dialog .note-body .note-content {
      display: flex;
      align-items: center;
      position: relative;
      margin-left: 9px;
}
.point-dialog .note-body .note-content .note-tips {
        position: absolute;
        top: -24px;
        left: 42px;
        color: #ff4949;
}
.point-dialog .note-body .note-content .color-select {
        display: flex;
        align-items: center;
}
.point-dialog .note-body .note-content .color-select .color-item {
          width: 26px;
          height: 26px;
          border-radius: 4px;
          margin-right: 10px;
}
.point-dialog .note-body .note-content .color-select .color-item:hover {
            -webkit-transform: scale(1.1);
                    transform: scale(1.1);
}
.point-dialog .note-body .note-content .color-select .active-border {
          border: 2px solid var(--text-deep-black);
}
.point-dialog .note-body .note-content .note {
        width: 150px;
        margin-right: 20px;
}
.point-dialog .note-body .edit-btn {
      margin-left: 10px;
}
.point-dialog .chart-body {
    height: 760px;
    overflow: auto;
    overflow-x: hidden;
}
.point-dialog .note-pagination {
    margin-top: 10px;
}
.point-dialog .note-pagination .el-pagination .el-select .el-input {
      width: 86px;
}
.point-dialog .note-pagination .el-pagination__jump {
      margin-left: 0px;
}
.point-dialog .el-dialog__footer {
    padding-top: 10px !important;
    padding: 10px 32px 15px 20px;
}

.race-list {
  height: 680px;
  overflow-x: hidden;
  overflow-y: overlay;
}
.account-item {
  position: relative;
  padding: 20px 18px;
  background-color: var(--panel-background-color);
  margin-bottom: 10px;
}
.account-item .account-item-interact {
    font-size: 12px;
    overflow: hidden;
}
.account-item .account-item-interact > span {
      margin-right: 10px;
}
.account-item .account-item-interact i {
      margin-right: 4px;
}
.account-item .account-item-dt {
    position: relative;
    width: 100%;
    min-height: 80px;
    font-weight: normal;
}
.account-item .account-item-dt .user-avatar-big {
      position: absolute;
      left: 0;
      top: 0;
      width: 80px;
      height: 80px;
      margin-right: 6px;
}
.account-item .account-item-dt .account-item-ctrl {
      padding-left: 90px;
      margin-bottom: .3em;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
}
.account-item .account-item-dt .account-item-ctrl .tag-body {
        display: flex;
        position: relative;
        margin-top: 6px;
}
.account-item .account-item-dt .account-item-ctrl .tag-body .tag-title {
          font-size: 12px;
}
.account-item .account-item-dt .account-item-ctrl .tag-body .tag-title > button {
            font-size: 12px;
            padding: 1px 8px;
            margin-right: 10px;
}
.account-item .account-item-dt .account-item-ctrl .tag-body .tag-title p {
            color: var(--text-grey);
}
.account-item .account-item-dt .account-item-ctrl .tag-body .tag-list .tag-style {
          position: relative;
}
.account-item .account-item-dt .account-item-ctrl .tag-body .tag-list .tag-style .yu-style {
            position: absolute;
            top: -6px;
            right: -6px;
            color: var(--mainBlue);
}
.account-item .account-item-dt .account-item-ctrl .tag-body .tag-list .el-tag {
          height: 17px;
          line-height: 17px;
          margin: 0 6px 6px 0;
}
.account-item .account-item-dt .account-item-ctrl .tag-body .tag-list .no-tag {
          font-size: 12px;
          line-height: 16px;
          color: var(--text-grey);
}
.account-item .account-item-dt .account-item-ctrl .tag-body .show-tags {
          height: auto;
          max-height: 300px;
}
.account-item .account-item-dt .account-item-ctrl .tag-body .hide-tags {
          height: 18px;
          max-height: 18px;
}
.account-item .account-item-dt .account-item-ctrl .tag-body .app-icon-Arrow-Right {
          position: absolute;
          right: 0;
          top: 3px;
}
.account-item .account-item-dt .account-item-ctrl .account-item-operate a {
        margin-right: 5px;
        cursor: pointer;
        font-weight: normal;
}
.account-item .account-item-dt .account-item-ctrl .account-item-operate a.disable {
          cursor: not-allowed;
          color: var(--text-grey);
}
.account-item .user-avatar-name {
    max-width: 78%;
    margin-right: 10px;
}

.m-export-post .el-dialog {
  width: 900px;
}
.m-export-post .u-checkbox-list .el-checkbox {
  vertical-align: top;
}
.m-export-post .u-checkbox-list > .el-checkbox {
  width: 10%;
}
.m-export-post .u-checkbox-list .el-checkbox-group {
  display: inline-block !important;
  width: 80%;
}
.m-export-post .u-checkbox-list .el-checkbox-group .el-checkbox {
    width: 25%;
}
.m-export-post-slider > span {
  display: inline-block;
  vertical-align: top;
}
.m-export-post-slider .el-slider {
  width: 68%;
  display: inline-block;
  margin: 0 10px;
}
.m-export-post-slider .el-slider .el-slider__input {
    margin-top: 0;
}
.m-export-post-slider .el-slider .el-input-number__decrease, .m-export-post-slider .el-slider .el-input-number__increase {
    top: 1px;
    border-color: var(--panel-border-color);
}
.m-export-post-slider-label {
  width: 10%;
}
.post-export-body {
  overflow-y: auto;
}

.m-export-post .el-dialog {
  width: 900px;
}
.m-export-post .u-checkbox-list .el-checkbox {
  vertical-align: top;
}
.m-export-post .u-checkbox-list > .el-checkbox {
  width: 10%;
}
.m-export-post .u-checkbox-list .el-checkbox-group {
  display: inline-block !important;
  width: 80%;
}
.m-export-post .u-checkbox-list .el-checkbox-group .el-checkbox {
    width: 25%;
}
.m-export-post-slider > span {
  display: inline-block;
  vertical-align: top;
}
.m-export-post-slider .el-slider {
  width: 68%;
  display: inline-block;
  margin: 0 10px;
}
.m-export-post-slider .el-slider .el-slider__input {
    margin-top: 0;
}
.m-export-post-slider .el-slider .el-input-number__decrease, .m-export-post-slider .el-slider .el-input-number__increase {
    top: 1px;
    border-color: var(--panel-border-color);
}
.m-export-post-slider-label {
  width: 10%;
}
.post-export-body {
  overflow-y: auto;
}

.post-issue-dialog {
  width: 900px;
}
.post-issue-dialog .issue-item {
    padding: 15px;
    background: var(--sidebar-deep-color);
    margin-bottom: 10px;
    border: 1px solid var(--sidebar-deep-color);
    cursor: pointer;
}
.post-issue-dialog .issue-item.checked {
      border-color: var(--mainBlue);
      color: var(--mainBlue);
}
.post-issue-dialog .issue-item p {
      line-height: 16px;
      height: 48px;
      overflow: hidden;
}
.post-issue-dialog .list-tip {
    margin: 30px 0 20px;
    font-size: 12px;
    line-height: 12px;
    color: var(--text-grey);
}
.post-issue-dialog .issue-tip {
    margin: 30px 0 20px;
    font-size: 16px;
    line-height: 16px;
    color: var(--text-deep-black);
}
.post-issue-dialog .issue-content .el-textarea__inner {
    padding: 14px;
}
.post-issue-dialog .issue-item-content {
    overflow-y: auto;
    overflow-x: hidden;
}

.m-create-sample .el-dialog {
  width: 900px;
}
.m-create-sample .el-dialog__body {
  padding-bottom: 0;
}
.m-create-sample .data-assign-area {
  background: var(--main-background-color);
  margin-top: 6px;
  width: 680px;
}
.m-create-sample .assign-item {
  padding: 20px 20px 15px;
  border-bottom: 1px solid var(--panel-border-color);
}
.m-create-sample .assign-label {
  width: 18%;
  margin-right: 5px;
  color: var(--text-normal);
}
.m-create-sample-slider {
  height: 36px;
}
.m-create-sample-slider > span, .m-create-sample-slider > label {
    display: inline-block;
    vertical-align: top;
}
.m-create-sample-slider .el-slider {
    width: 75%;
    display: inline-block;
    margin: 0 5px;
}
.m-create-sample-slider .el-slider .el-slider__input {
      margin-top: 0;
}
.m-create-sample-slider .el-slider .el-input-number__decrease, .m-create-sample-slider .el-slider .el-input-number__increase {
      top: 5px;
      border-color: var(--panel-border-color);
}

.dialog-show-image .el-dialog {
  width: 840px;
}

.m-add-account .el-dialog {
  width: 900px;
}
.m-add-account .el-dialog__footer {
  padding-top: 0;
}
.m-add-account .el-input__inner {
  border-radius: 0;
}
.m-add-account .z-account-selected {
  background-color: var(--item-checked-background-color);
}
.m-add-account .level-lable {
  width: 30%;
  color: var(--text-black);
  padding-right: 10px;
  text-align: end;
}
.m-add-account .search-result-list {
  overflow-y: scroll;
  auto-height: true;
}
.m-add-account li {
  float: left;
  width: 32%;
  padding: 10px;
  margin-right: 10px;
}
.m-add-account .width-70 {
  width: 69%;
}
.m-add-account .width-217 {
  width: 217px !important;
}
.m-add-account .width-20 {
  color: var(--text-deep-black);
  width: 20%;
}

.account-more-dialog .el-dialog .el-dialog__body {
  padding-top: 15px;
}
.account-more-dialog .account-avatar {
  position: absolute;
  width: 50px;
  height: 50px;
}
.account-more-dialog .account-avatar .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--main-background-color);
    overflow: hidden;
}
.account-more-dialog .account-avatar .avatar-icon {
    position: absolute;
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    right: 4px;
    bottom: 3px;
}
.account-more-dialog .account-avatar .source-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    right: 2px;
    bottom: 1px;
    font-size: 16px;
}
.account-more-dialog .account-avatar .tou-ming {
    position: absolute;
    background: var(--panel-background-color);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    right: 2px;
    bottom: 1px;
}
.account-more-dialog .account-item-interact {
  font-size: 12px;
  overflow: hidden;
}
.account-more-dialog .account-item-interact > span {
    margin-right: 10px;
}
.account-more-dialog .account-item-interact i {
    margin-right: 4px;
}

.carousel-dialog .el-dialog {
  width: 1000px;
}
.carousel-dialog .el-dialog .carousel-div {
    height: 540px;
}
.carousel-dialog .el-dialog .carousel-div .carousel-div-icon {
      border: none;
      padding: 0;
      width: 36px;
      height: 36px;
      line-height: 36px;
      border-radius: 50%;
      background-color: rgba(31, 45, 61, 0.11);
      color: #fff;
      position: absolute;
      top: 50%;
      z-index: 10;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center;
      font-size: 16px;
}
.carousel-dialog .el-dialog .carousel-div .carousel-div-icon-right {
      right: 80px;
}
.carousel-dialog .el-dialog .carousel-div .carousel-div-icon-left {
      left: 80px;
}
.carousel-dialog .el-dialog .carousel-div .carousel-div-btn {
      text-align: center;
}
.carousel-dialog .el-dialog .carousel-div .carousel-div-btn .carousel-div-btn-span {
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 100%;
        background: #8391a5;
        opacity: .2;
        margin: 0 4px;
}
.carousel-dialog .el-dialog .carousel-div .carousel-div-btn .carousel-div-btn-active {
        opacity: 1;
        background: #00b8e6;
}

.m-keyword-input .el-button-group .el-button:not(:first-child):not(:last-child) {
  border-radius: 1px !important;
}
.m-keyword-input .keyword-charcter-tip {
  line-height: 18px;
  display: inline-block;
  width: 500px;
  padding-top: 10px;
}
.m-keyword-input .keyword-symbol-list {
  margin-top: 10px;
  width: 160px;
  display: inline-block;
}
.m-keyword-input .keyword-symbol-list li {
    display: inline-block;
    width: 28px;
    line-height: 28px;
    margin-right: 12px;
    border: 1px solid var(--input-border-color);
    color: var(--text-normal);
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    opacity: .8;
    cursor: pointer;
    transition: .3s ease-out;
}
.m-keyword-input .keyword-symbol-list li:hover {
    opacity: 1;
    border-color: var(--input-border-color-focus);
}

.m-event-config .u-event-config-tip {
  width: 90%;
  padding-left: 150px;
}
.m-event-config .el-form .u-event-config-tip {
  margin-top: -22px;
}
.m-event-config .u-event-preview {
  height: 350px;
  overflow-y: auto;
}
.m-event-config .el-form-item__content > .el-input,
.m-event-config .el-form-item__content > .el-textarea {
  width: 90%;
  display: inline-block;
}
.m-event-config .app-icon-Help {
  vertical-align: top;
  margin-top: 12px;
}
.m-event-config .app-icon-Delete {
  vertical-align: top;
  margin-top: 12px;
}
.m-event-config__recommends {
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: solid 1px var(--borderGrey);
}

.post-source-dialog .customClass {
  width: 70% !important;
}

[data-v-6d467f52] .el-dialog__body {
  padding-top: 10px;
}
.demo-ruleForm[data-v-6d467f52] {
  clear: both;
}
.tip-class[data-v-6d467f52] {
  margin-left: 120px;
  width: 400px;
  word-break: break-word;
}
.warning-tip[data-v-6d467f52] {
  color: orange;
}

[data-v-6f15c836] .el-dialog__body {
  padding-top: 10px;
}
.demo-ruleForm[data-v-6f15c836] {
  clear: both;
}
.tip-class[data-v-6f15c836] {
  margin-left: 90px;
  width: 300px;
}

@charset "UTF-8";
[data-v-31680976] .el-drawer__body {
  overflow: hidden;
}
.right-body[data-v-31680976] {
  overflow-x: hidden;
  overflow-y: overlay;
  padding-right: 20px;
  height: calc(100vh - 70px);
}
.right-body .video-box[data-v-31680976] {
    position: relative;
    width: 414px;
    height: 255px;
    background-color: #000000;
}
.right-body .media-info[data-v-31680976] {
    flex: 1;
    height: 255px;
    background-color: var(--panel-background-color);
    padding: 20px 10px 24px 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.right-body .media-info .account-avatar[data-v-31680976] {
      position: relative;
      width: 35px;
      height: 35px;
}
.right-body .media-info .account-avatar .avatar[data-v-31680976] {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: var(--main-background-color);
        overflow: hidden;
}
.right-body .media-info .account-avatar .avatar-icon[data-v-31680976] {
        position: absolute;
        background-color: #fff;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        right: 0;
        bottom: 2px;
}
.right-body .media-info .account-avatar .source-icon[data-v-31680976] {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        right: 0;
        bottom: 2px;
        font-size: 16px;
}
.right-body .media-info .account-avatar .tou-ming[data-v-31680976] {
        position: absolute;
        background: var(--panel-background-color);
        width: 17px;
        height: 17px;
        border-radius: 50%;
        right: 0;
        bottom: 2px;
}
.right-body .media-info .target-item[data-v-31680976] {
      background-color: var(--main-color-20);
      line-height: 1;
      padding: 5px 8px 5px 6px;
      margin: 0 5px 4px 0;
      border-radius: 3px;
      display: flex;
      align-items: baseline;
}
.right-body .media-info .target-item .icon-bg[data-v-31680976] {
        background-color: var(--mainBlue);
        color: #fff;
        padding: 2px;
        font-size: 12px;
        border-radius: 2px;
}
.right-body .media-info .title[data-v-31680976] {
      min-width: -webkit-max-content;
      min-width: -moz-max-content;
      min-width: max-content;
      color: var(--text-black);
}
.right-body .character-box[data-v-31680976] {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}
.right-body .character-box:hover .left-in-out[data-v-31680976] {
      left: 0;
}
.right-body .character-box:hover .right-in-out[data-v-31680976] {
      right: 0;
}
.right-body .character-box:not(:hover) .left-in-out[data-v-31680976] {
      left: -16px;
}
.right-body .character-box:not(:hover) .right-in-out[data-v-31680976] {
      right: -16px;
}
.right-body .character-box .left-in-out[data-v-31680976] {
      transition: left 0.3s ease;
      /* 过渡效果 */
}
.right-body .character-box .right-in-out[data-v-31680976] {
      transition: right 0.3s ease;
      /* 过渡效果 */
}
.right-body .character-box .left-icon[data-v-31680976] {
      position: absolute;
      left: -16px;
      top: 50px;
      width: 16px;
      height: 45px;
      line-height: 45px;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.5);
}
.right-body .character-box .left-icon .el-icon-arrow-left[data-v-31680976] {
        color: #fff;
}
.right-body .character-box .left-icon .el-icon-arrow-left[data-v-31680976]:hover {
          color: var(--mainBlue);
}
.right-body .character-box .right-icon[data-v-31680976] {
      position: absolute;
      right: -16px;
      top: 50px;
      width: 16px;
      height: 45px;
      line-height: 45px;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.5);
}
.right-body .character-box .right-icon .el-icon-arrow-right[data-v-31680976] {
        color: #fff;
}
.right-body .character-box .right-icon .el-icon-arrow-right[data-v-31680976]:hover {
          color: var(--mainBlue);
}
.right-body .character-box .character-list[data-v-31680976] {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -ms-overflow-style: none;
      /* IE 10+ */
      scrollbar-width: none;
      /* Firefox */
      scroll-behavior: smooth;
      background-color: var(--panel-background-color);
      padding: 10px 18px;
}
.right-body .character-box .character-list .character-item[data-v-31680976] {
        position: relative;
        width: 170px;
        height: 145px;
        border-radius: 6px;
        margin-right: 10px;
        cursor: pointer;
        background-color: var(--main-background-color);
}
.right-body .character-box .character-list .character-item .img-info[data-v-31680976] {
          color: var(--button-text-color);
          position: absolute;
          bottom: 0;
          height: 30px;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 10px;
}
.right-body .character-box .character-list .character-item[data-v-31680976]:last-child {
        margin-right: 0;
}
.right-body .character-box .character-list[data-v-31680976]::-webkit-scrollbar {
      width: 0;
      /* Chrome, Safari 和其他WebKit浏览器 */
}
.right-body .character-box .imageText-list[data-v-31680976] {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -ms-overflow-style: none;
      /* IE 10+ */
      scrollbar-width: none;
      /* Firefox */
      scroll-behavior: smooth;
      background-color: var(--panel-background-color);
}
.right-body .character-box .imageText-list .character-item[data-v-31680976] {
        position: relative;
        width: 170px;
        border-radius: 6px;
        margin-right: 10px;
        cursor: pointer;
}
.right-body .character-box .imageText-list .character-item .img-info[data-v-31680976] {
          color: var(--button-text-color);
          position: absolute;
          bottom: 0;
          height: 30px;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 10px;
}
.right-body .character-box .imageText-list .character-item .img-text[data-v-31680976] {
          background-color: var(--panel-background-color);
          margin-top: -6px;
          padding: 4px 10px;
          color: var(--text-black);
          border-radius: 0 0 4px 4px;
}
.right-body .character-box .imageText-list .character-item[data-v-31680976]:last-child {
        margin-right: 0;
}
.right-body .character-box .imageText-list[data-v-31680976]::-webkit-scrollbar {
      width: 0;
      /* Chrome, Safari 和其他WebKit浏览器 */
}
.right-body .character-box .target-list[data-v-31680976] {
      display: flex;
      flex-wrap: wrap;
      padding: 0 20px;
}
.right-body .character-box .target-list .target-item[data-v-31680976] {
        position: relative;
        width: 196px;
        height: 145px;
        border-radius: 4px;
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: pointer;
}
.right-body .character-box .target-list .target-item .img-info[data-v-31680976] {
          color: var(--button-text-color);
          position: absolute;
          bottom: 0;
          height: 30px;
          width: 190px;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 10px;
}
.right-body .character-box .target-list .target-item[data-v-31680976]:nth-child(4n) {
        margin-right: 0;
}
.right-body .character-box[data-v-31680976] .el-collapse {
      border-top: none;
}
.right-body .character-box[data-v-31680976] .el-collapse-item__header {
      color: var(--text-deep-black);
      padding-left: 20px;
}
.right-body .character-box[data-v-31680976] .el-collapse-item__content {
      padding-bottom: 15px;
}
.right-body .ocr[data-v-31680976] {
    margin-top: 10px;
    padding: 10px 16px;
    background-color: var(--panel-background-color);
}
.right-body .no-data[data-v-31680976] {
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding: 0 24px;
    margin-top: 10px;
    background-color: var(--panel-background-color);
}

@charset "UTF-8";
[data-v-2cb9dac4] .el-drawer__body {
  overflow: hidden;
}
.locate-btn[data-v-2cb9dac4] {
  color: var(--mainBlue);
  background: #fff;
  border-radius: 50%;
}
.right-body[data-v-2cb9dac4] {
  overflow: hidden;
}
.right-body .video-box[data-v-2cb9dac4] {
    position: relative;
    width: 414px;
    height: 255px;
    background-color: #000000;
}
.right-body .media-info[data-v-2cb9dac4] {
    flex: 1;
    height: 255px;
    background-color: var(--panel-background-color);
    padding: 20px 10px 24px 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.right-body .media-info .account-avatar[data-v-2cb9dac4] {
      position: relative;
      width: 35px;
      height: 35px;
}
.right-body .media-info .account-avatar .avatar[data-v-2cb9dac4] {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: var(--main-background-color);
        overflow: hidden;
}
.right-body .media-info .account-avatar .avatar-icon[data-v-2cb9dac4] {
        position: absolute;
        background-color: #fff;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        right: -2px;
        bottom: 2px;
}
.right-body .media-info .account-avatar .source-icon[data-v-2cb9dac4] {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        right: -4px;
        bottom: 0;
        font-size: 16px;
}
.right-body .media-info .account-avatar .tou-ming[data-v-2cb9dac4] {
        position: absolute;
        background: var(--panel-background-color);
        width: 17px;
        height: 17px;
        border-radius: 50%;
        right: -4px;
        bottom: 0px;
}
.right-body .media-info .target-item[data-v-2cb9dac4] {
      background-color: var(--main-color-20);
      line-height: 1;
      padding: 5px 8px 5px 6px;
      margin: 0 5px 4px 0;
      border-radius: 3px;
      display: flex;
      align-items: baseline;
}
.right-body .media-info .target-item .icon-bg[data-v-2cb9dac4] {
        background-color: var(--mainBlue);
        color: #fff;
        padding: 2px;
        font-size: 12px;
        border-radius: 2px;
}
.right-body .media-info .title[data-v-2cb9dac4] {
      min-width: -webkit-max-content;
      min-width: -moz-max-content;
      min-width: max-content;
      color: var(--text-black);
}
.right-body .character-box[data-v-2cb9dac4] {
    position: relative;
    overflow: hidden;
}
.right-body .character-box:hover .left-in-out[data-v-2cb9dac4] {
      left: 0;
}
.right-body .character-box:hover .right-in-out[data-v-2cb9dac4] {
      right: 0;
}
.right-body .character-box:not(:hover) .left-in-out[data-v-2cb9dac4] {
      left: -16px;
}
.right-body .character-box:not(:hover) .right-in-out[data-v-2cb9dac4] {
      right: -16px;
}
.right-body .character-box .left-in-out[data-v-2cb9dac4] {
      transition: left 0.3s ease;
      /* 过渡效果 */
}
.right-body .character-box .right-in-out[data-v-2cb9dac4] {
      transition: right 0.3s ease;
      /* 过渡效果 */
}
.right-body .character-box .left-icon[data-v-2cb9dac4] {
      position: absolute;
      left: -16px;
      top: 50px;
      width: 16px;
      height: 45px;
      line-height: 45px;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.5);
}
.right-body .character-box .left-icon .el-icon-arrow-left[data-v-2cb9dac4] {
        color: #fff;
}
.right-body .character-box .left-icon .el-icon-arrow-left[data-v-2cb9dac4]:hover {
          color: var(--mainBlue);
}
.right-body .character-box .right-icon[data-v-2cb9dac4] {
      position: absolute;
      right: -16px;
      top: 50px;
      width: 16px;
      height: 45px;
      line-height: 45px;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.5);
}
.right-body .character-box .right-icon .el-icon-arrow-right[data-v-2cb9dac4] {
        color: #fff;
}
.right-body .character-box .right-icon .el-icon-arrow-right[data-v-2cb9dac4]:hover {
          color: var(--mainBlue);
}
.right-body .character-box .character-list[data-v-2cb9dac4] {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -ms-overflow-style: none;
      /* IE 10+ */
      scrollbar-width: none;
      /* Firefox */
      scroll-behavior: smooth;
      background-color: var(--panel-background-color);
      padding: 10px 18px;
}
.right-body .character-box .character-list .character-item[data-v-2cb9dac4] {
        position: relative;
        width: 170px;
        height: 145px;
        border-radius: 4px;
        margin-right: 10px;
        cursor: pointer;
        background-color: var(--main-background-color);
}
.right-body .character-box .character-list .character-item .img-info[data-v-2cb9dac4] {
          position: absolute;
          top: 115px;
          height: 30px;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 10px;
          color: var(--button-text-color);
}
.right-body .character-box .character-list .character-item[data-v-2cb9dac4]:last-child {
        margin-right: 0;
}
.right-body .character-box .character-list[data-v-2cb9dac4]::-webkit-scrollbar {
      width: 0;
      /* Chrome, Safari 和其他WebKit浏览器 */
}
.right-body .character-box .imageText-list[data-v-2cb9dac4] {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -ms-overflow-style: none;
      /* IE 10+ */
      scrollbar-width: none;
      /* Firefox */
      scroll-behavior: smooth;
      background-color: var(--panel-background-color);
      padding: 10px 18px;
}
.right-body .character-box .imageText-list .character-item[data-v-2cb9dac4] {
        position: relative;
        width: 170px;
        border-radius: 4px;
        margin-right: 10px;
        cursor: pointer;
        background-color: var(--main-background-color);
}
.right-body .character-box .imageText-list .character-item .img-info[data-v-2cb9dac4] {
          position: absolute;
          top: 115px;
          height: 30px;
          width: 170px;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 10px;
}
.right-body .character-box .imageText-list .character-item .img-text[data-v-2cb9dac4] {
          background-color: var(--panel-background-color);
          margin-top: -6px;
          height: 52px;
          padding: 4px 10px;
          color: var(--text-black);
          border-radius: 0 0 4px 4px;
}
.right-body .character-box .imageText-list .character-item[data-v-2cb9dac4]:last-child {
        margin-right: 0;
}
.right-body .character-box .imageText-list[data-v-2cb9dac4]::-webkit-scrollbar {
      width: 0;
      /* Chrome, Safari 和其他WebKit浏览器 */
}
.right-body .character-box .target-list[data-v-2cb9dac4] {
      display: flex;
      flex-wrap: wrap;
      padding: 0 20px;
}
.right-body .character-box .target-list .target-item[data-v-2cb9dac4] {
        position: relative;
        width: 196px;
        height: 145px;
        border-radius: 4px;
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: pointer;
}
.right-body .character-box .target-list .target-item .img-info[data-v-2cb9dac4] {
          position: absolute;
          bottom: 0;
          height: 30px;
          width: 190px;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 10px;
}
.right-body .character-box .target-list .target-item[data-v-2cb9dac4]:nth-child(4n) {
        margin-right: 0;
}
.right-body .character-box[data-v-2cb9dac4] .el-collapse {
      border-top: none;
}
.right-body .character-box[data-v-2cb9dac4] .el-collapse-item__header {
      color: var(--text-deep-black);
      padding-left: 20px;
}
.right-body .character-box[data-v-2cb9dac4] .el-collapse-item__content {
      padding-bottom: 15px;
}
.right-body .audio-body[data-v-2cb9dac4] {
    background-color: var(--panel-background-color);
    padding: 20px;
}
.right-body .audio-body .audio-tag-list[data-v-2cb9dac4] {
      display: flex !important;
      flex-wrap: wrap;
}
.right-body .audio-body .audio-tag-list .audio-tag-item[data-v-2cb9dac4] {
        padding: 0 10px;
        border-radius: 4px;
        margin-right: 10px;
        margin-bottom: 6px;
}
.right-body .audio-body .audio-item[data-v-2cb9dac4] {
      display: flex;
      height: auto;
      position: relative;
}
.right-body .audio-body .audio-item:hover .hover-blue[data-v-2cb9dac4] {
        color: var(--mainBlue);
}
.right-body .audio-body .audio-item .time-box[data-v-2cb9dac4] {
        min-width: 12px;
        border-left: 1px solid var(--mainBlue);
}
.right-body .audio-body .audio-item .time-box .solid-circle[data-v-2cb9dac4] {
          position: absolute;
          left: -3px;
          top: 8px;
          min-width: 7px;
          width: 7px;
          height: 7px;
          background-color: var(--mainBlue);
          border-radius: 50%;
          box-shadow: 0 0 0 3px var(--hoverNavBlue);
}
.right-body .audio-body .audio-item .list-title[data-v-2cb9dac4] {
        width: 40%;
}
.right-body .audio-body .audio-item .list-type[data-v-2cb9dac4] {
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        min-width: 20%;
}
.right-body .audio-body .audio-item .list-type .type-item-y[data-v-2cb9dac4] {
          text-align: center;
          height: 22px;
          padding: 0 12px;
          line-height: 22px;
          font-size: 12px;
          background-color: rgba(252, 156, 31, 0.1);
          color: #fc9c1f;
          border-radius: 11px;
          overflow: hidden;
}
.right-body .audio-body .audio-item .list-type .type-item-p[data-v-2cb9dac4] {
          text-align: center;
          height: 22px;
          padding: 0 8px;
          line-height: 22px;
          font-size: 12px;
          background-color: rgba(225, 39, 115, 0.1);
          color: #e12773;
          border-radius: 11px;
          overflow: hidden;
}
.right-body .audio-body .audio-item:first-child .time-box[data-v-2cb9dac4] {
      margin-top: 10px;
}
.right-body .audio-body .no-data[data-v-2cb9dac4] {
      height: 40px;
      line-height: 40px;
      width: 100%;
      padding: 0 24px;
      margin-top: 10px;
      background-color: var(--panel-background-color);
}
.right-body .ocr[data-v-2cb9dac4] {
    padding: 10px 16px;
}

.point-list .content-item[data-v-c33254aa] {
  display: flex;
  margin: 5px 0px 12px;
}
.point-list .content-item span[data-v-c33254aa] {
    width: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.point-list .content-item span .u-app-tag[data-v-c33254aa] {
      display: inline-block;
      text-align: center;
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      border-radius: 50%;
}
.point-list .content-item .content[data-v-c33254aa] {
    flex: 1;
    margin-left: 5px;
    border-bottom: 1px solid var(--tab-border-color);
}

.width-16[data-v-496e59a2] {
  width: 16%;
}
.width-24[data-v-496e59a2] {
  width: 24%;
}
.export-icon[data-v-496e59a2] {
  font-size: 16px;
}
.list-title[data-v-496e59a2] {
  display: flex;
  justify-content: flex-end;
}
.icon-caret-top[data-v-496e59a2] {
  line-height: 12px;
  margin-top: 6px;
  font-size: 12px;
}
.icon-caret-bottom[data-v-496e59a2] {
  line-height: 12px;
  font-size: 12px;
  margin-top: -5px;
}
.list-content[data-v-496e59a2] {
  min-height: 120px;
  max-height: 300px;
  overflow: auto;
}
.list-content .u-public-list-item[data-v-496e59a2] {
    line-height: 23px;
}
.u-public-list-item .u-app-tag[data-v-496e59a2] {
  width: 28px !important;
}

.account-avatar[data-v-fc3bf884] {
  position: absolute;
  width: 50px;
  height: 50px;
}
.account-avatar .avatar[data-v-fc3bf884] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--main-background-color);
    overflow: hidden;
}
.account-avatar .avatar-icon[data-v-fc3bf884] {
    position: absolute;
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    right: 4px;
    bottom: 3px;
}
.account-avatar .source-icon[data-v-fc3bf884] {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    right: 2px;
    bottom: 1px;
    font-size: 16px;
}
.account-avatar .tou-ming[data-v-fc3bf884] {
    position: absolute;
    background: var(--panel-background-color);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    right: 2px;
    bottom: 1px;
}
.post-list-item-interact[data-v-fc3bf884] {
  display: flex;
  flex-wrap: wrap;
}

.comment-dialog[data-v-079cbfc8] {
  height: 100%;
  overflow: hidden;
}
.comment-dialog .el-icon-close[data-v-079cbfc8] {
    color: var(--mainBlue);
}
.comment-dialog .el-icon-close[data-v-079cbfc8]:hover {
      color: var(--hoverBlue) !important;
}
.comment-total[data-v-079cbfc8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  margin-top: -32px;
}
.post-num[data-v-079cbfc8] {
  padding: 0 12.5px;
}
.post-list[data-v-079cbfc8] {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 102px);
}
.comment-body[data-v-079cbfc8] {
  height: calc(100vh - 178px);
  overflow: auto;
  overflow-x: hidden;
}
.comment-body .comment-list[data-v-079cbfc8] {
    position: relative;
    display: flex;
    width: 100%;
    padding: 10px 10px 6px 10px;
    border-bottom: 1px solid var(--tab-border-color);
}
.comment-body .comment-list .account-avatar[data-v-079cbfc8] {
      position: absolute;
      width: 50px;
      height: 50px;
}
.comment-body .comment-list .account-avatar .avatar[data-v-079cbfc8] {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: var(--main-background-color);
        overflow: hidden;
}
.comment-body .comment-list .account-avatar .avatar-icon[data-v-079cbfc8] {
        position: absolute;
        background-color: #fff;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        right: 4px;
        bottom: 3px;
}
.comment-body .comment-list .account-avatar .source-icon[data-v-079cbfc8] {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        right: 2px;
        bottom: 1px;
        font-size: 16px;
}
.comment-body .comment-list .account-avatar .tou-ming[data-v-079cbfc8] {
        position: absolute;
        background: var(--panel-background-color);
        width: 17px;
        height: 17px;
        border-radius: 50%;
        right: 2px;
        bottom: 1px;
}
.comment-body .comment-list .comment-detail[data-v-079cbfc8] {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      margin-left: 60px;
}
.comment-body .comment-list .comment-detail .comment-title[data-v-079cbfc8] {
        display: flex;
        justify-content: space-between;
}
.comment-body .comment-list .comment-detail .comment-title .name[data-v-079cbfc8] {
          max-width: 260px;
          font-size: 16px;
          color: var(--text-black);
}
.comment-body .comment-list .comment-detail .comment-title .interact[data-v-079cbfc8] {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
}
.post-item-selector-checked[data-v-079cbfc8] {
  position: absolute;
  top: -16px;
  left: -5px;
}
.post-item-selector[data-v-079cbfc8] {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.post-item-selector i[data-v-079cbfc8] {
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 12px;
    color: #fff;
}
.post-item-selector[data-v-079cbfc8]::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 30px solid var(--text-grey);
    border-left: 30px solid transparent;
}
.post-item-selector-checked[data-v-079cbfc8] {
  position: absolute;
  top: -16px;
  left: -5px;
}
.selected .post-item-selector[data-v-079cbfc8] {
  border: solid 1px var(--mainBlue);
}
.selected .post-item-selector[data-v-079cbfc8]::before {
    border-top: 30px solid var(--mainBlue);
    border-left: 30px solid transparent;
}
.chart-list[data-v-079cbfc8] {
  width: 100%;
  height: calc(100vh - 102px);
  overflow-x: hidden;
  overflow-y: auto;
}
.detail-box[data-v-079cbfc8] {
  margin-top: 4px;
  height: 88vh;
  background: var(--panel-background-color);
}

[data-v-89f78bde] .el-dialog__body {
  padding-top: 10px;
}
.btn-list[data-v-89f78bde] {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.btn-list span[data-v-89f78bde]:hover {
    color: var(--mainBlue);
}
.content-table[data-v-89f78bde] {
  padding-right: 10px;
}

@charset "UTF-8";
.comment-dialog[data-v-719d8d48] {
  height: 100%;
  overflow: hidden;
}
.comment-dialog .el-icon-close[data-v-719d8d48] {
    color: var(--mainBlue);
}
.comment-dialog .el-icon-close[data-v-719d8d48]:hover {
      color: var(--hoverBlue) !important;
}
.comment-total[data-v-719d8d48] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
}
.post-num[data-v-719d8d48] {
  padding: 0 12.5px;
}
.post-list[data-v-719d8d48] {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 140px);
}
.post-list .media-item[data-v-719d8d48] {
    position: relative;
    width: 290px;
    height: 220px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: var(--panel-background-color);
}
.post-list .media-item .account-info[data-v-719d8d48] {
      display: flex;
      margin-bottom: 10px;
}
.post-list .media-item .account-info .account-avatar[data-v-719d8d48] {
        position: relative;
        width: 35px;
        height: 35px;
}
.post-list .media-item .account-info .account-avatar .avatar[data-v-719d8d48] {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          background: var(--main-background-color);
          overflow: hidden;
}
.post-list .media-item .account-info .account-avatar .avatar-icon[data-v-719d8d48] {
          position: absolute;
          background-color: #fff;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          right: -2px;
          bottom: 2px;
}
.post-list .media-item .account-info .account-avatar .source-icon[data-v-719d8d48] {
          position: absolute;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          right: -4px;
          bottom: 0;
          font-size: 16px;
}
.post-list .media-item .account-info .account-avatar .tou-ming[data-v-719d8d48] {
          position: absolute;
          background: var(--panel-background-color);
          width: 17px;
          height: 17px;
          border-radius: 50%;
          right: -4px;
          bottom: 0;
}
.post-list .media-item .account-info .account-info-right[data-v-719d8d48] {
        width: 80%;
}
.post-list .post-item-selector[data-v-719d8d48] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 4px;
}
.post-list .post-item-selector i[data-v-719d8d48] {
      position: absolute;
      right: 2px;
      top: 2px;
      font-size: 12px;
      color: #fff;
}
.post-list .post-item-selector[data-v-719d8d48]::before {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 30px solid var(--text-grey);
      border-left: 30px solid transparent;
}
.post-list .selected .post-item-selector[data-v-719d8d48] {
    border: solid 1px var(--mainBlue);
}
.post-list .selected .post-item-selector[data-v-719d8d48]::before {
      border-top: 30px solid var(--mainBlue);
      border-left: 30px solid transparent;
}
.right-body[data-v-719d8d48] {
  overflow: hidden;
}
.right-body .video-box[data-v-719d8d48] {
    position: relative;
    width: 414px;
    height: 255px;
    background-color: #000000;
}
.right-body .step-box[data-v-719d8d48] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 40px;
    margin-bottom: 15px;
}
.right-body .step-box .step-item[data-v-719d8d48] {
      width: 210px;
}
.right-body .step-box .step-item .step-title[data-v-719d8d48] {
        min-height: 20px;
        text-align: center;
        margin-bottom: 6px;
}
.right-body .step-box .step-item .step-icon-1[data-v-719d8d48] {
        text-align: center;
        height: 30px;
        line-height: 32px;
}
.right-body .step-box .step-item .step-icon-1 .recognition-bg[data-v-719d8d48] {
          color: #fff;
          background-color: var(--mainBlue);
          border-radius: 50%;
          width: 20px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          -webkit-transform: scale(1.2);
                  transform: scale(1.2);
}
.right-body .step-box .step-item .step-icon-2[data-v-719d8d48] {
        text-align: center;
        height: 30px;
        line-height: 30px;
        position: relative;
}
.right-body .step-box .step-item .step-icon-2 .recognition-bg[data-v-719d8d48] {
          color: #fff;
          background-color: var(--mainBlue);
          border-radius: 50%;
          width: 30px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          -webkit-transform: scale(0.8);
                  transform: scale(0.8);
}
.right-body .step-box .step-item .step-icon-2 .execute-bg[data-v-719d8d48] {
          width: 30px;
          height: 30px;
          border: 3px solid var(--deepGrey);
          border-radius: 50%;
          display: inline-block;
          position: relative;
          overflow: hidden;
          line-height: 25px;
          text-align: center;
          -webkit-transform: scale(0.8);
                  transform: scale(0.8);
          color: var(--deepGrey);
}
.right-body .step-box .step-item .step-icon-2 .step-line[data-v-719d8d48] {
          position: absolute;
          top: 14px;
          left: -91px;
          height: 3px;
          width: 184px;
          background-color: var(--mainBlue);
}
.right-body .step-box .step-item .step-icon-2 .deep-grey-line[data-v-719d8d48] {
          background-color: var(--deepGrey);
}
.right-body .step-box .step-item .step-desc[data-v-719d8d48] {
        text-align: center;
}
.right-body .media-info[data-v-719d8d48] {
    flex: 1;
    height: 255px;
    background-color: var(--panel-background-color);
    padding: 20px 10px 24px 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.right-body .media-info .account-avatar[data-v-719d8d48] {
      position: relative;
      width: 35px;
      height: 35px;
}
.right-body .media-info .account-avatar .avatar[data-v-719d8d48] {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: var(--main-background-color);
        overflow: hidden;
}
.right-body .media-info .account-avatar .avatar-icon[data-v-719d8d48] {
        position: absolute;
        background-color: #fff;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        right: -2px;
        bottom: 2px;
}
.right-body .media-info .account-avatar .source-icon[data-v-719d8d48] {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        right: -4px;
        bottom: 0;
        font-size: 16px;
}
.right-body .media-info .account-avatar .tou-ming[data-v-719d8d48] {
        position: absolute;
        background: var(--panel-background-color);
        width: 17px;
        height: 17px;
        border-radius: 50%;
        right: -4px;
        bottom: 0;
}
.right-body .media-info .target-item[data-v-719d8d48] {
      background-color: var(--main-color-20);
      line-height: 1;
      padding: 5px 8px 5px 6px;
      margin: 0 5px 4px 0;
      border-radius: 3px;
      display: flex;
      align-items: baseline;
}
.right-body .media-info .target-item .icon-bg[data-v-719d8d48] {
        background-color: var(--mainBlue);
        color: #fff;
        padding: 2px;
        font-size: 12px;
        border-radius: 2px;
}
.right-body .media-info .title[data-v-719d8d48] {
      min-width: -webkit-max-content;
      min-width: -moz-max-content;
      min-width: max-content;
      color: var(--text-black);
}
.right-body .character-box[data-v-719d8d48] {
    position: relative;
    overflow: hidden;
}
.right-body .character-box[data-v-719d8d48] .el-collapse-item__content {
      padding: 0 10px 0 20px;
}
.right-body .character-box:hover .left-in-out[data-v-719d8d48] {
      left: 0;
}
.right-body .character-box:hover .right-in-out[data-v-719d8d48] {
      right: 0;
}
.right-body .character-box:not(:hover) .left-in-out[data-v-719d8d48] {
      left: -16px;
}
.right-body .character-box:not(:hover) .right-in-out[data-v-719d8d48] {
      right: -16px;
}
.right-body .character-box .left-in-out[data-v-719d8d48] {
      transition: left 0.3s ease;
      /* 过渡效果 */
}
.right-body .character-box .right-in-out[data-v-719d8d48] {
      transition: right 0.3s ease;
      /* 过渡效果 */
}
.right-body .character-box .left-icon[data-v-719d8d48] {
      position: absolute;
      left: -16px;
      top: 50px;
      width: 16px;
      height: 45px;
      line-height: 45px;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.5);
}
.right-body .character-box .left-icon .el-icon-arrow-left[data-v-719d8d48] {
        color: #fff;
}
.right-body .character-box .left-icon .el-icon-arrow-left[data-v-719d8d48]:hover {
          color: var(--mainBlue);
}
.right-body .character-box .right-icon[data-v-719d8d48] {
      position: absolute;
      right: -16px;
      top: 50px;
      width: 16px;
      height: 45px;
      line-height: 45px;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.5);
}
.right-body .character-box .right-icon .el-icon-arrow-right[data-v-719d8d48] {
        color: #fff;
}
.right-body .character-box .right-icon .el-icon-arrow-right[data-v-719d8d48]:hover {
          color: var(--mainBlue);
}
.right-body .character-box .character-list[data-v-719d8d48] {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -ms-overflow-style: none;
      /* IE 10+ */
      scrollbar-width: none;
      /* Firefox */
      scroll-behavior: smooth;
      background-color: var(--panel-background-color);
      padding: 10px 18px;
}
.right-body .character-box .character-list .character-item[data-v-719d8d48] {
        position: relative;
        width: 172px;
        height: 145px;
        border-radius: 6px;
        margin-right: 10px;
        cursor: pointer;
        border: 1px solid var(--borderGrey);
        background-color: var(--main-background-color);
}
.right-body .character-box .character-list .character-item .img-info[data-v-719d8d48] {
          position: absolute;
          bottom: 0;
          height: 30px;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 10px;
          color: var(--button-text-color);
}
.right-body .character-box .character-list .character-item[data-v-719d8d48]:last-child {
        margin-right: 0;
}
.right-body .character-box .character-list[data-v-719d8d48]::-webkit-scrollbar {
      width: 0;
      /* Chrome, Safari 和其他WebKit浏览器 */
}
.right-body .character-box .imageText-list[data-v-719d8d48] {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -ms-overflow-style: none;
      /* IE 10+ */
      scrollbar-width: none;
      /* Firefox */
      scroll-behavior: smooth;
      background-color: var(--panel-background-color);
      padding: 10px 18px;
}
.right-body .character-box .imageText-list .character-item[data-v-719d8d48] {
        position: relative;
        width: 170px;
        border-radius: 4px;
        margin-right: 10px;
        cursor: pointer;
        background-color: var(--main-background-color);
}
.right-body .character-box .imageText-list .character-item .img-info[data-v-719d8d48] {
          position: absolute;
          top: 115px;
          height: 30px;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 10px;
}
.right-body .character-box .imageText-list .character-item .img-text[data-v-719d8d48] {
          background-color: var(--panel-background-color);
          margin-top: -6px;
          height: 52px;
          padding: 4px 10px;
          color: var(--text-black);
          border-radius: 0 0 4px 4px;
}
.right-body .character-box .imageText-list .character-item[data-v-719d8d48]:last-child {
        margin-right: 0;
}
.right-body .character-box .imageText-list[data-v-719d8d48]::-webkit-scrollbar {
      width: 0;
      /* Chrome, Safari 和其他WebKit浏览器 */
}
.right-body .character-box .target-list[data-v-719d8d48] {
      display: flex;
      flex-wrap: wrap;
      max-height: 465px;
      overflow: auto;
}
.right-body .character-box .target-list .target-item[data-v-719d8d48] {
        position: relative;
        width: 196px;
        height: 145px;
        border-radius: 4px;
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        border: 1px solid var(--text-grey);
        background-color: #000000;
}
.right-body .character-box .target-list .target-item .img-info[data-v-719d8d48] {
          position: absolute;
          bottom: 0;
          height: 30px;
          width: 194px;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 10px;
}
.right-body .character-box .target-list .target-item[data-v-719d8d48]:nth-child(4n) {
        margin-right: 0;
}
.right-body .character-box[data-v-719d8d48] .el-collapse {
      border-top: none;
}
.right-body .character-box[data-v-719d8d48] .el-collapse-item__header {
      color: var(--text-deep-black);
      padding-left: 20px;
}
.right-body .character-box[data-v-719d8d48] .el-collapse-item__content {
      padding-bottom: 15px;
}
.right-body .audio-body[data-v-719d8d48] {
    background-color: var(--panel-background-color);
    padding: 20px;
}
.right-body .audio-body .audio-tag-list[data-v-719d8d48] {
      display: flex;
      flex-wrap: wrap;
}
.right-body .audio-body .audio-tag-list .audio-tag-item[data-v-719d8d48] {
        padding: 0 10px;
        border-radius: 4px;
        margin-right: 10px;
        margin-bottom: 6px;
}
.right-body .audio-body .audio-item[data-v-719d8d48] {
      display: flex;
      height: auto;
      position: relative;
}
.right-body .audio-body .audio-item:hover .hover-blue[data-v-719d8d48] {
        color: var(--mainBlue);
}
.right-body .audio-body .audio-item .time-box[data-v-719d8d48] {
        min-width: 12px;
        border-left: 1px solid var(--mainBlue);
}
.right-body .audio-body .audio-item .time-box .solid-circle[data-v-719d8d48] {
          position: absolute;
          left: -3px;
          top: 8px;
          min-width: 7px;
          width: 7px;
          height: 7px;
          background-color: var(--mainBlue);
          border-radius: 50%;
          box-shadow: 0 0 0 3px var(--hoverNavBlue);
}
.right-body .audio-body .audio-item .list-title[data-v-719d8d48] {
        width: 40%;
}
.right-body .audio-body .audio-item .list-type[data-v-719d8d48] {
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        min-width: 20%;
}
.right-body .audio-body .audio-item .list-type .type-item-y[data-v-719d8d48] {
          text-align: center;
          height: 22px;
          padding: 0 12px;
          line-height: 22px;
          font-size: 12px;
          background-color: rgba(252, 156, 31, 0.1);
          color: #fc9c1f;
          border-radius: 11px;
          overflow: hidden;
}
.right-body .audio-body .audio-item .list-type .type-item-p[data-v-719d8d48] {
          text-align: center;
          height: 22px;
          padding: 0 8px;
          line-height: 22px;
          font-size: 12px;
          background-color: rgba(225, 39, 115, 0.1);
          color: #e12773;
          border-radius: 11px;
          overflow: hidden;
}
.right-body .audio-body .audio-item:first-child .time-box[data-v-719d8d48] {
      margin-top: 10px;
}
.right-body .no-data[data-v-719d8d48] {
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding: 0 24px;
    margin-top: 10px;
    background-color: var(--panel-background-color);
}
.locate-btn[data-v-719d8d48] {
  color: var(--mainBlue);
  background: #fff;
  border-radius: 50%;
}

[data-v-7fffd052] .el-dialog__body {
  padding-top: 10px;
}
[data-v-7fffd052] .el-drawer__body {
  overflow: hidden;
}
.btn-list[data-v-7fffd052] {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.btn-list span[data-v-7fffd052]:hover {
    color: var(--mainBlue);
}
.container[data-v-7fffd052] {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.div-container[data-v-7fffd052] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slide-enter-active[data-v-7fffd052],
.slide-leave-active[data-v-7fffd052] {
  transition: top 0.5s;
}
.first-div.slide-enter[data-v-7fffd052],
.first-div.slide-leave-to[data-v-7fffd052] {
  top: -100%;
}
.second-div.slide-enter[data-v-7fffd052],
.second-div.slide-leave-to[data-v-7fffd052] {
  top: 100%;
}

.data-export-dialog[data-v-0438826b] {
  padding: 0 10px 0 0;
}
.u-table-box[data-v-0438826b] {
  padding-right: 10px;
}

[data-v-1e241df0] .el-tabs--left .el-tabs__item.is-left {
  text-align: left !important;
}
.task-drawer-head[data-v-1e241df0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 53px;
  background-color: var(--main-background-color);
  padding: 0 20px;
  border-bottom: 1px solid var(--borderGrey);
}
.task-drawer-head .el-icon-close[data-v-1e241df0] {
    color: var(--mainBlue);
}
.task-drawer-head .el-icon-close[data-v-1e241df0]:hover {
      color: var(--hoverBlue) !important;
}
.task-drawer-body[data-v-1e241df0] {
  background-color: var(--main-background-color);
}
.task-drawer-body[data-v-1e241df0] .el-tabs--left .el-tabs__nav.is-left {
    margin-top: 5px;
    padding-top: 5px;
}
.task-drawer-body .tab-item[data-v-1e241df0] {
    display: flex;
    align-items: center;
    min-width: 125px;
    height: 32px;
    padding: 0 10px;
    background-color: var(--sidebar-deep-color);
}
.task-drawer-body[data-v-1e241df0] .el-tabs__item {
    height: 40px !important;
}
.task-drawer-body .content-table[data-v-1e241df0] {
    padding: 0 0 0 10px;
    background-color: var(--panel-background-color);
}

.history-drawer-head[data-v-0ff119dc] {
  display: flex;
  align-items: center;
  height: 54px;
  background-color: var(--main-background-color);
  padding: 20px 30px;
  border-bottom: 1px solid var(--borderGrey);
}
.history-drawer-head .el-icon-close[data-v-0ff119dc] {
    color: var(--mainBlue);
}
.history-drawer-head .el-icon-close[data-v-0ff119dc]:hover {
      color: var(--hoverBlue) !important;
}
.history-drawer-body[data-v-0ff119dc] {
  padding: 20px 0 0 20px;
  min-height: calc(100vh - 117px);
  background-color: var(--main-background-color);
}
.history-drawer-body .task-list[data-v-0ff119dc] {
    height: calc(100vh - 117px);
    overflow: auto;
    padding-right: 20px;
}
.history-drawer-body .task-list .list-item .time[data-v-0ff119dc] {
      font-size: 16px;
      font-weight: bold;
      padding: 0 0 3px 0;
}
.history-drawer-body .task-list .list-item .item-box[data-v-0ff119dc] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
      margin-bottom: 5px;
      cursor: pointer;
      background-color: var(--panel-background-color);
}
.history-drawer-body .task-list .list-item .item-box[data-v-0ff119dc]:hover {
        background-color: var(--sidebar-deep-color);
}
.history-drawer-body .task-list .list-item .item-box .type-box[data-v-0ff119dc] {
        display: flex;
        align-items: center;
        padding: 4px 5px;
        margin-right: 10px;
        width: 128px;
        border-radius: 2px;
}
.history-drawer-body .task-list .list-item .item-box .color1[data-v-0ff119dc] {
        color: #22ac38;
        background-color: #e8f7eb;
}
.history-drawer-body .task-list .list-item .item-box .color2[data-v-0ff119dc] {
        color: #ae5da1;
        background-color: #f7eef5;
}
.history-drawer-body .task-list .list-item .item-box .color3[data-v-0ff119dc] {
        color: #eb6100;
        background-color: #fdefe5;
}
.history-drawer-body .task-list .list-item .item-box .color4[data-v-0ff119dc] {
        color: #006ec1;
        background-color: #e8f4fd;
}
.history-drawer-body .task-list .list-item .item-box .task-title[data-v-0ff119dc] {
        flex: 1;
}
.history-drawer-body .task-list .list-item .checked-bg[data-v-0ff119dc] {
      background-color: var(--sidebar-deep-color);
}

[data-v-2dfa6bb2] .el-drawer__body {
  background-color: var(--main-background-color);
}
.more-drawer-head[data-v-2dfa6bb2] {
  display: flex;
  align-items: center;
  height: 54px;
  background-color: var(--main-background-color);
  padding: 20px 30px;
  border-bottom: 1px solid var(--borderGrey);
}
.more-drawer-head .el-icon-close[data-v-2dfa6bb2] {
    color: var(--mainBlue);
}
.more-drawer-head .el-icon-close[data-v-2dfa6bb2]:hover {
      color: var(--hoverBlue) !important;
}
.more-drawer-body[data-v-2dfa6bb2] {
  padding: 0 0 0 20px;
  height: calc(100vh - 54px);
  overflow: hidden;
  background-color: var(--main-background-color);
}
.more-drawer-body .account-list[data-v-2dfa6bb2] {
    overflow-x: hidden;
    overflow-y: overlay;
    padding-right: 20px;
    height: calc(100vh - 96px);
}
.more-drawer-body .account-list .account-item[data-v-2dfa6bb2] {
      display: flex;
      align-items: center;
      background: var(--panel-background-color);
      margin-bottom: 10px;
      padding: 16px;
}
.more-drawer-body .account-list .account-item .account-avatar[data-v-2dfa6bb2] {
        position: relative;
        width: 32px;
        height: 32px;
}
.more-drawer-body .account-list .account-item .account-avatar .avatar[data-v-2dfa6bb2] {
          width: 32px;
          height: 32px;
          border-radius: 50%;
          background: var(--main-background-color);
          overflow: hidden;
}
.more-drawer-body .account-list .account-item .account-avatar .avatar-icon[data-v-2dfa6bb2] {
          position: absolute;
          background-color: #fff;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          right: 1px;
          bottom: 2px;
}
.more-drawer-body .account-list .account-item .account-avatar .source-icon[data-v-2dfa6bb2] {
          position: absolute;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          right: 0;
          bottom: 0px;
          font-size: 12px;
}
.more-drawer-body .account-list .account-item .account-avatar .tou-ming[data-v-2dfa6bb2] {
          position: absolute;
          background: var(--panel-background-color);
          width: 12px;
          height: 12px;
          border-radius: 50%;
          right: 0;
          bottom: 0;
}
.more-drawer-body .account-list .account-item .u-app-tag[data-v-2dfa6bb2] {
        display: inline-block;
        text-align: center;
        width: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 50%;
}
.more-drawer-body .profile-list[data-v-2dfa6bb2] {
    overflow-x: hidden;
    overflow-y: overlay;
    padding-right: 20px;
    height: calc(100vh - 106px);
}
.more-drawer-body .profile-list .account-more-info[data-v-2dfa6bb2] {
      padding: 20px !important;
      background-color: var(--panel-background-color);
      margin: 0 0 10px 0;
      border-radius: 4px;
}
.more-drawer-body .profile-list .account-more-info .account-avatar[data-v-2dfa6bb2] {
        position: absolute;
        width: 50px;
        height: 50px;
}
.more-drawer-body .profile-list .account-more-info .account-avatar .avatar[data-v-2dfa6bb2] {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          background: var(--main-background-color);
          overflow: hidden;
}
.more-drawer-body .profile-list .account-more-info .account-avatar .avatar-icon[data-v-2dfa6bb2] {
          position: absolute;
          background-color: #fff;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          right: 4px;
          bottom: 3px;
}
.more-drawer-body .profile-list .account-more-info .account-avatar .source-icon[data-v-2dfa6bb2] {
          position: absolute;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          right: 2px;
          bottom: 1px;
          font-size: 16px;
}
.more-drawer-body .profile-list .account-more-info .account-avatar .tou-ming[data-v-2dfa6bb2] {
          position: absolute;
          background: var(--panel-background-color);
          width: 17px;
          height: 17px;
          border-radius: 50%;
          right: 2px;
          bottom: 1px;
}
.more-drawer-body .profile-list .account-more-info .account-item-interact[data-v-2dfa6bb2] {
        font-size: 12px;
        overflow: hidden;
}
.more-drawer-body .profile-list .account-more-info .account-item-interact > span[data-v-2dfa6bb2] {
          margin-right: 10px;
}
.more-drawer-body .profile-list .account-more-info .account-item-interact i[data-v-2dfa6bb2] {
          margin-right: 4px;
}
.more-drawer-body .post-list[data-v-2dfa6bb2] {
    padding-right: 20px;
    height: calc(100vh - 106px);
    overflow-x: hidden;
    overflow-y: overlay;
}
.more-drawer-body .news-box[data-v-2dfa6bb2] {
    overflow-x: hidden;
    overflow-y: overlay;
    padding-right: 20px;
    height: calc(100vh - 96px);
}
.more-drawer-body .news-box .news-item[data-v-2dfa6bb2] {
      background-color: var(--panel-background-color);
      min-height: 140px;
      padding: 20px;
      margin: 0 0 10px 0;
      border-radius: 4px;
}
.more-drawer-body .news-box .news-item .news-img[data-v-2dfa6bb2] {
        width: 20px;
        min-width: 20px;
        height: 20px;
        overflow: hidden;
}
.page-class[data-v-2dfa6bb2] {
  position: absolute;
  bottom: 2px;
  right: 20px;
}

.account-avatar[data-v-951e1ef6] {
  position: absolute;
  width: 50px;
  height: 50px;
}
.account-avatar .avatar[data-v-951e1ef6] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--main-background-color);
    overflow: hidden;
}
.account-avatar .avatar-icon[data-v-951e1ef6] {
    position: absolute;
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    right: 4px;
    bottom: 3px;
}
.account-avatar .source-icon[data-v-951e1ef6] {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    right: 2px;
    bottom: 1px;
    font-size: 16px;
}
.account-avatar .tou-ming[data-v-951e1ef6] {
    position: absolute;
    background: var(--panel-background-color);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    right: 2px;
    bottom: 1px;
}
.media-tag[data-v-951e1ef6], .hash-tag[data-v-951e1ef6] {
  display: inline-block;
  color: #fc9c1f;
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding: 0px 5px;
  background-color: var(--tag-background-color);
  border-radius: 3px;
}
.hash-tag[data-v-951e1ef6] {
  margin-right: 5px;
}

[data-v-923d5116] .el-table {
  border: 1px solid var(--borderGrey);
}
[data-v-923d5116] .el-table::before {
  height: 0;
}
[data-v-923d5116] .el-table th.el-table__cell > .cell {
  padding-left: 8px !important;
  background-color: var(--main-background-color);
}
[data-v-923d5116] .el-step__icon {
  background-color: var(--panel-background-color);
}
[data-v-923d5116] .el-table th.el-table__cell.is-leaf {
  padding: 4px 0;
  border: none !important;
  background-color: var(--main-background-color);
}
[data-v-923d5116] .el-table td.el-table__cell {
  padding: 0;
  height: 50px;
  border: none !important;
}
.ai-drawer-head[data-v-923d5116] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
  background-color: var(--main-background-color);
  padding: 0 20px;
  border-bottom: 1px solid var(--borderGrey);
}
.ai-drawer-head .el-icon-close[data-v-923d5116] {
    color: var(--mainBlue);
}
.ai-drawer-head .el-icon-close[data-v-923d5116]:hover {
      color: var(--hoverBlue) !important;
}
.ai-drawer-body[data-v-923d5116] {
  padding: 0 20px 20px;
  height: calc(100vh - 54px);
  overflow: auto;
  background-color: var(--main-background-color);
}
.ai-drawer-body .no-data[data-v-923d5116] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.ai-drawer-body .load-history[data-v-923d5116] {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ai-drawer-body .load-history[data-v-923d5116]:hover {
      color: var(--hoverBlue) !important;
}
.ai-drawer-body .loader-container[data-v-923d5116] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
}
.ai-drawer-body .loader-container[data-v-923d5116] {
    display: flex;
    align-items: center;
    height: 60px;
}
.ai-drawer-body .ellipsis-loader[data-v-923d5116] {
    display: flex;
    gap: 8px;
}
.ai-drawer-body .dot[data-v-923d5116] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--text-grey);
    -webkit-animation: blink-data-v-923d5116 1.4s infinite ease-in-out both;
            animation: blink-data-v-923d5116 1.4s infinite ease-in-out both;
}
.ai-drawer-body .dot[data-v-923d5116]:nth-child(1) {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
}
.ai-drawer-body .dot[data-v-923d5116]:nth-child(2) {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
}
.ai-drawer-body .dot[data-v-923d5116]:nth-child(3) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
@-webkit-keyframes blink-data-v-923d5116 {
0%, 80%, 100% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    opacity: 0.5;
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
@keyframes blink-data-v-923d5116 {
0%, 80%, 100% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    opacity: 0.5;
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
.ai-drawer-body .skeleton-box[data-v-923d5116] {
    width: 100%;
    height: 400px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px solid var(--borderGrey);
}
.ai-drawer-body .skeleton-list[data-v-923d5116] {
    width: 300px;
    height: 60px;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid var(--borderGrey);
}
.ai-drawer-body .skeleton-account[data-v-923d5116] {
    width: 100%;
    height: 165px;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid var(--borderGrey);
}
.ai-drawer-body .skeleton-post[data-v-923d5116] {
    width: 352px;
    height: 160px;
    border-radius: 4px;
    border: 1px solid var(--borderGrey);
}
.ai-drawer-body .skeleton-txt[data-v-923d5116] {
    width: 300px;
    height: 22px;
}
.ai-drawer-body .skeleton-result[data-v-923d5116] {
    width: 100%;
    height: 182px;
}
.ai-drawer-body .account-box[data-v-923d5116] {
    display: flex;
    background-color: var(--panel-background-color);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 160px;
    height: 58px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid var(--borderGrey);
}
.ai-drawer-body .account-box .account-avatar[data-v-923d5116] {
      position: relative;
      width: 36px;
      height: 36px;
}
.ai-drawer-body .account-box .account-avatar .avatar[data-v-923d5116] {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: var(--main-background-color);
        overflow: hidden;
}
.ai-drawer-body .account-box .account-avatar .avatar-icon[data-v-923d5116] {
        position: absolute;
        background-color: #fff;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        right: 2px;
        bottom: 1px;
}
.ai-drawer-body .account-box .account-avatar .source-icon[data-v-923d5116] {
        position: absolute;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        right: 1px;
        bottom: 0px;
        font-size: 14px;
}
.ai-drawer-body .account-box .account-avatar .tou-ming[data-v-923d5116] {
        position: absolute;
        background: var(--panel-background-color);
        width: 14px;
        height: 15px;
        border-radius: 50%;
        right: 1px;
        bottom: 0px;
}
.ai-drawer-body .post-box[data-v-923d5116] {
    width: 400px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-origin: top right;
            transform-origin: top right;
    margin-bottom: -40px;
}
.ai-drawer-body .question-img[data-v-923d5116] .el-image {
    border: 1px solid var(--borderGrey);
    background-color: #fff;
}
.ai-drawer-body .question-box[data-v-923d5116] {
    display: flex;
    align-items: center;
    background-color: var(--panel-background-color);
    max-width: 1000px;
    min-height: 50px;
    height: auto;
    padding: 10px 30px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid var(--borderGrey);
}
.ai-drawer-body .data-box[data-v-923d5116] {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px solid var(--borderGrey);
    background-color: var(--panel-background-color);
}
.ai-drawer-body .data-box .step-box[data-v-923d5116] {
      min-height: 300px;
      padding: 30px 20px;
}
.ai-drawer-body .data-box .step-box[data-v-923d5116] .el-step__icon-inner {
        font-size: 16px !important;
}
.ai-drawer-body .data-box .step-box[data-v-923d5116] .el-step__title {
        font-size: 14px !important;
}
.ai-drawer-body .data-box .step-box[data-v-923d5116] .el-step__head.is-finish {
        border-color: #22ac38 !important;
}
.ai-drawer-body .data-box .data-content-box[data-v-923d5116] {
      min-height: 300px;
      border-left: 1px solid var(--borderGrey);
      padding: 30px 30px 10px 30px;
}
.ai-drawer-body .data-box .data-content-box .step-title[data-v-923d5116] {
        font-weight: bold;
        margin-bottom: 10px;
}
.ai-drawer-body .data-box .data-content-box .profile-box[data-v-923d5116] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--main-background-color);
        width: 100%;
        height: 60px;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 4px;
        border: 1px solid var(--borderGrey);
}
.ai-drawer-body .data-box .data-content-box .profile-box .account-avatar[data-v-923d5116] {
          position: relative;
          width: 40px;
          height: 40px;
          margin-right: 10px;
}
.ai-drawer-body .data-box .data-content-box .profile-box .account-avatar .avatar[data-v-923d5116] {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--main-background-color);
            overflow: hidden;
}
.ai-drawer-body .data-box .data-content-box .profile-box .account-avatar .avatar-icon[data-v-923d5116] {
            position: absolute;
            background-color: #fff;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            right: 2px;
            bottom: 1px;
}
.ai-drawer-body .data-box .data-content-box .profile-box .account-avatar .source-icon[data-v-923d5116] {
            position: absolute;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            right: 1px;
            bottom: 0px;
            font-size: 14px;
}
.ai-drawer-body .data-box .data-content-box .profile-box .account-avatar .tou-ming[data-v-923d5116] {
            position: absolute;
            background: var(--panel-background-color);
            width: 14px;
            height: 15px;
            border-radius: 50%;
            right: 1px;
            bottom: 0px;
}
.ai-drawer-body .data-box .data-content-box .account-box-big[data-v-923d5116] {
        width: 206px;
        height: 165px;
        padding: 13px 20px;
        margin-right: 10px;
        margin-bottom: 10px;
        background-color: var(--main-background-color);
}
.ai-drawer-body .data-box .data-content-box .account-box-big .box-item[data-v-923d5116] {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding-bottom: 10px;
          margin-bottom: 18px;
          border-bottom: 1px solid var(--borderGrey);
}
.ai-drawer-body .data-box .data-content-box .account-box-big .box-item .box-title[data-v-923d5116] {
            width: 125px;
}
.ai-drawer-body .data-box .data-content-box .account-box-big .box-item .box-title .u-app-tag[data-v-923d5116] {
              display: inline-block;
              text-align: center;
              width: 16px;
              height: 16px;
              line-height: 16px;
              border-radius: 50%;
}
.ai-drawer-body .data-box .data-content-box .account-box-big .box-item .account-avatar[data-v-923d5116] {
            position: relative;
            width: 32px;
            height: 32px;
}
.ai-drawer-body .data-box .data-content-box .account-box-big .box-item .account-avatar .avatar[data-v-923d5116] {
              width: 32px;
              height: 32px;
              border-radius: 50%;
              background: var(--main-background-color);
              overflow: hidden;
}
.ai-drawer-body .data-box .data-content-box .account-box-big .box-item .account-avatar .avatar-icon[data-v-923d5116] {
              position: absolute;
              background-color: #fff;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              right: 1px;
              bottom: 2px;
}
.ai-drawer-body .data-box .data-content-box .account-box-big .box-item .account-avatar .source-icon[data-v-923d5116] {
              position: absolute;
              width: 12px;
              height: 12px;
              border-radius: 50%;
              right: 0;
              bottom: 0px;
              font-size: 12px;
}
.ai-drawer-body .data-box .data-content-box .account-box-big .box-item .account-avatar .tou-ming[data-v-923d5116] {
              position: absolute;
              background: var(--panel-background-color);
              width: 12px;
              height: 12px;
              border-radius: 50%;
              right: 0;
              bottom: 0;
}
.ai-drawer-body .data-box .data-content-box .account-box-big[data-v-923d5116]:last-child {
        margin-right: 0 !important;
}
.ai-drawer-body .data-box .data-content-box .event-account-box[data-v-923d5116] {
        width: 320px;
        height: 210px;
        padding: 13px 20px 20px 20px;
        margin-right: 10px;
        border-radius: 4px;
        background-color: var(--main-background-color);
}
.ai-drawer-body .data-box .data-content-box .event-account-box .time-box[data-v-923d5116] {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin-bottom: 10px;
}
.ai-drawer-body .data-box .data-content-box .event-account-box .account-detail[data-v-923d5116] {
          height: 140px;
          padding: 10px 20px;
          background-color: var(--panel-background-color);
}
.ai-drawer-body .data-box .data-content-box .event-account-box .account-detail .box-title[data-v-923d5116] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 10px;
            margin-bottom: 18px;
            border-bottom: 1px solid var(--borderGrey);
}
.ai-drawer-body .data-box .data-content-box .event-account-box .account-detail .box-title .title[data-v-923d5116] {
              width: 125px;
}
.ai-drawer-body .data-box .data-content-box .event-account-box .account-detail .box-title .account-avatar[data-v-923d5116] {
              position: relative;
              width: 32px;
              height: 32px;
}
.ai-drawer-body .data-box .data-content-box .event-account-box .account-detail .box-title .account-avatar .avatar[data-v-923d5116] {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                background: var(--main-background-color);
                overflow: hidden;
}
.ai-drawer-body .data-box .data-content-box .event-account-box .account-detail .box-title .account-avatar .avatar-icon[data-v-923d5116] {
                position: absolute;
                background-color: #fff;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                right: 1px;
                bottom: 2px;
}
.ai-drawer-body .data-box .data-content-box .event-account-box .account-detail .box-title .account-avatar .source-icon[data-v-923d5116] {
                position: absolute;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                right: 0;
                bottom: 0px;
                font-size: 12px;
}
.ai-drawer-body .data-box .data-content-box .event-account-box .account-detail .box-title .account-avatar .tou-ming[data-v-923d5116] {
                position: absolute;
                background: var(--panel-background-color);
                width: 12px;
                height: 12px;
                border-radius: 50%;
                right: 0;
                bottom: 0;
}
.ai-drawer-body .data-box .data-content-box .category-box[data-v-923d5116] {
        width: 218px;
        height: 140px;
        padding: 13px 20px;
        margin-right: 10px;
        background-color: var(--main-background-color);
}
.ai-drawer-body .data-box .data-content-box .category-box .box-item[data-v-923d5116] {
          display: flex;
          align-items: center;
          padding-bottom: 10px;
          margin-bottom: 18px;
          border-bottom: 1px solid var(--borderGrey);
}
.ai-drawer-body .data-box .data-content-box .category-box .box-item .u-app-tag[data-v-923d5116] {
            display: inline-block;
            text-align: center;
            width: 16px;
            height: 16px;
            line-height: 16px;
            border-radius: 50%;
}
.ai-drawer-body .data-box .data-content-box .person-category-box[data-v-923d5116] {
        width: 220px;
        height: 175px;
        padding: 13px 20px;
        margin-right: 10px;
        background-color: var(--main-background-color);
}
.ai-drawer-body .data-box .data-content-box .person-category-box .box-item[data-v-923d5116] {
          display: flex;
          align-items: center;
          padding-bottom: 10px;
          margin-bottom: 12px;
          border-bottom: 1px solid var(--borderGrey);
}
.ai-drawer-body .data-box .data-content-box .person-category-box .box-item .u-app-tag[data-v-923d5116] {
            display: inline-block;
            text-align: center;
            width: 16px;
            height: 16px;
            line-height: 16px;
            border-radius: 50%;
}
.ai-drawer-body .data-box .data-content-box .post-list[data-v-923d5116] {
        display: flex;
        flex-wrap: wrap;
}
.ai-drawer-body .data-box .data-content-box .post-list .post-item[data-v-923d5116] {
          width: 351px;
          margin-right: 10px;
          background-color: var(--main-background-color);
          height: 140px;
          padding: 12px 20px;
          margin-bottom: 10px;
          border-radius: 4px;
          border: 1px solid var(--borderGrey);
}
.ai-drawer-body .data-box .data-content-box .post-list .post-item .account-avatar[data-v-923d5116] {
            position: relative;
            margin-top: 5px;
            width: 32px;
            height: 32px;
}
.ai-drawer-body .data-box .data-content-box .post-list .post-item .account-avatar .avatar[data-v-923d5116] {
              width: 32px;
              height: 32px;
              border-radius: 50%;
              background: var(--main-background-color);
              overflow: hidden;
}
.ai-drawer-body .data-box .data-content-box .post-list .post-item .account-avatar .avatar-icon[data-v-923d5116] {
              position: absolute;
              background-color: #fff;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              right: 1px;
              bottom: 2px;
}
.ai-drawer-body .data-box .data-content-box .post-list .post-item .account-avatar .source-icon[data-v-923d5116] {
              position: absolute;
              width: 12px;
              height: 12px;
              border-radius: 50%;
              right: 0;
              bottom: 0px;
              font-size: 12px;
}
.ai-drawer-body .data-box .data-content-box .post-list .post-item .account-avatar .tou-ming[data-v-923d5116] {
              position: absolute;
              background: var(--panel-background-color);
              width: 12px;
              height: 12px;
              border-radius: 50%;
              right: 0;
              bottom: 0;
}
.ai-drawer-body .data-box .data-content-box .post-list .post-item[data-v-923d5116]:last-child {
          margin-right: 0 !important;
}
.ai-drawer-body .data-box .data-content-box .account-expand[data-v-923d5116] {
        background-color: var(--main-background-color);
        height: auto;
        margin-bottom: 10px;
        padding: 24px 30px 8px 30px;
        border-radius: 4px;
        border: 1px solid var(--borderGrey);
}
.ai-drawer-body .data-box .data-content-box .account-expand .site-img[data-v-923d5116] {
          border-radius: 50%;
          width: 16px;
          min-width: 16px;
          height: 16px;
          overflow: hidden;
}
.ai-drawer-body .data-box .data-content-box .account-expand .u-app-tag[data-v-923d5116] {
          display: inline-block;
          text-align: center;
          width: 20px;
          height: 20px;
          line-height: 20px;
          font-size: 12px;
          border-radius: 50%;
}
.ai-drawer-body .data-box .data-content-box .more-btn[data-v-923d5116] {
        color: var(--mainBlue);
        cursor: pointer;
        margin-bottom: 20px;
        margin-top: -5px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
.ai-drawer-body .data-box .data-content-box .more-btn[data-v-923d5116]:hover {
          color: var(--hoverNavBlue);
}
.ai-drawer-body .result-txt[data-v-923d5116] {
    padding: 16px 20px;
    margin-bottom: 10px;
    background-color: var(--panel-background-color);
}

.hide-add-report-icon .add-to-report-icon {
  display: none;
}

.vue-waterfall {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.vue-waterfall .slot-box {
  position: absolute;
  top: 100%;
  left: 100%;
}
.vue-waterfall .vue-waterfall-column {
  float: left;
}
.vue-waterfall.is-transition img {
  opacity: 0;
}
.vue-waterfall.is-transition img.animation {
  -webkit-animation: 0.4s  lazy-animation  linear;
          animation: 0.4s  lazy-animation  linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes lazy-animation {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes lazy-animation {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.sn-pagination-style[data-v-34ee9eec] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.u-pagination-icon-tip[data-v-34ee9eec] {
  height: 30px;
  line-height: 30px;
  margin-left: 4px;
}

/* @import './css/timeline.scss'; */

.el-timeline-item[data-v-4def6518] {
  position: relative;
  padding-bottom: 20px;
}
.el-timeline-item__wrapper[data-v-4def6518] {
  position: relative;
  padding-left: 28px;
  top: -3px;
}
.el-timeline-item__tail[data-v-4def6518] {
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 2px solid #e4e7ed;
}
.el-timeline-item__icon[data-v-4def6518] {
  color: #fff;
  font-size: 13px;
}
.el-timeline-item__node[data-v-4def6518] {
  position: absolute;
  background-color: #e4e7ed;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-timeline-item__node--normal[data-v-4def6518] {
  left: -1px;
  width: 12px;
  height: 12px;
}
.el-timeline-item__node--large[data-v-4def6518] {
  left: -2px;
  width: 14px;
  height: 14px;
}
.el-timeline-item__node--primary[data-v-4def6518] {
  background-color: #409eff;
}
.el-timeline-item__node--success[data-v-4def6518] {
  background-color: #67c23a;
}
.el-timeline-item__node--warning[data-v-4def6518] {
  background-color: #e6a23c;
}
.el-timeline-item__node--danger[data-v-4def6518] {
  background-color: #f56c6c;
}
.el-timeline-item__node--info[data-v-4def6518] {
  background-color: #909399;
}
.el-timeline-item__dot[data-v-4def6518] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-timeline-item__timestamp[data-v-4def6518] {
  color: #909399;
  line-height: 1;
  font-size: 13px;
}
.el-timeline-item__timestamp.is-top[data-v-4def6518] {
  margin-bottom: 8px;
  padding-top: 4px;
}
.el-timeline-item__timestamp.is-bottom[data-v-4def6518] {
  margin-top: 8px;
}