@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%; }

.inquire-header, .inquire-main .main-top, .detail-body-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex; }

.pc-inquire-detail .detail-main-wrap, .inquire-detail-tip {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column; }

.inquire-header .inquire-title, .inquire-detail-tip .detail-tip-remark, .inquire-detail-body {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1; }

/*滚动条整体样式*/
::-webkit-scrollbar {
  /*高宽分别对应横竖滚动条的尺寸*/
  width: 4px;
  height: 4px; }

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  background: #BCC5D7;
  box-shadow: none; }

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 2px;
  background: transparent;
  box-shadow: none; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #898989; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #898989; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #898989; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type="number"] {
  -moz-appearance: textfield; }

[v-cloak] {
  display: none; }

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

.owt2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.ml10 {
  margin-left: 10px; }

.mt20 {
  margin-top: .2rem; }

body {
  background: #F0F3F7; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important; }

@font-face {
  font-family: '方正兰亭黑简体';
  src: local("方正兰亭黑简体"), url("../../../../font/FZLTHJW.TTF"); }
@font-face {
  font-family: '方正报宋简体';
  src: local("方正报宋简体"), url("../../../../font/FZBSJW.TTF"); }
@font-face {
  font-family: '方正隶书简体';
  src: local("方正隶书简体"), url("../../../../font/FZLSJW.TTF"); }
@font-face {
  font-family: '方正魏碑简体';
  src: local("方正魏碑简体"), url("../../../../font/FZWBJW.TTF"); }
[v-cloak] {
  display: none; }

input[type="text"], input[type="number"] {
  width: 100%;
  height: 32px;
  padding: 0 9px;
  border: 1px solid var(--theme_color13, #dedfe0);
  background: #fff;
  border-radius: 4px; }

input[type="text"]:disabled,
input[type="number"]:disabled {
  padding: 0 9px !important;
  background: #f1f1f2;
  border: 1px solid #dedfe0;
  box-shadow: none; }

input[type="text"]:focus:disabled,
input[type="number"]:focus:disabled {
  padding: 0 9px !important;
  background: #f1f1f2;
  border: 1px solid #dedfe0;
  box-shadow: none; }

.search-input {
  position: relative;
  display: inline-block;
  width: 100%; }
  .search-input .search-input__contain {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 32px;
    background: #fff; }
    .search-input .search-input__contain::after {
      content: '';
      position: absolute;
      right: 6px;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      background: url("./images/icon_search.png") no-repeat center/contain;
      transition: all 0.3s; }
    .search-input .search-input__contain:focus-within::after {
      background-image: url("./images/icon_search_focus.png"); }
  .search-input .search-input__prefix::after {
    right: unset;
    left: 6px; }
  .search-input .search-input__prefix .search-input__content {
    padding-left: 30px;
    padding-right: 28px; }
  .search-input .search-input__prefix .search-input__clear {
    right: 6px; }
  .search-input .search-input__content {
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 52px;
    border-radius: 4px;
    border: 1px solid #dedfe0;
    vertical-align: top;
    transition: all 0.3s; }
  .search-input .search-input__content:focus {
    border: 1px solid #006ce2;
    box-shadow: 0px 0px 6px 0px rgba(0, 108, 226, 0.5); }
  .search-input .search-input__clear {
    position: absolute;
    right: 32px;
    top: 8px;
    height: 16px;
    font-size: 16px;
    cursor: pointer; }

.drop-select {
  position: relative;
  display: inline-block;
  width: 100%;
  user-select: none;
  color: #898989;
  transition: all 0.3s cubic-bezier(0, 0.61, 0.89, 0.95);
  vertical-align: middle; }
  .drop-select .sel-inp-wrap {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 1px solid #dedfe0;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0, 0.61, 0.89, 0.95); }
    .drop-select .sel-inp-wrap > i {
      position: absolute;
      right: 0;
      top: 0;
      width: 32px;
      line-height: 32px;
      text-align: center;
      font-size: 18px;
      transition: transform 0.3s;
      pointer-events: none; }
  .drop-select .sel-inp {
    width: 100%;
    height: 32px;
    padding-left: 9px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 24px;
    border-radius: 4px;
    border: none !important;
    box-shadow: none !important; }
  .drop-select .sel-inp:focus {
    border: none;
    box-shadow: none; }
  .drop-select .sel-inp:disabled {
    cursor: not-allowed;
    padding-right: 9px; }

.drop-select.warning .input-text {
  border-color: #ffa468; }

.drop-select-pop {
  box-sizing: border-box !important;
  position: fixed;
  z-index: 100;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #dedfe0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
  .drop-select-pop input[type=radio], .drop-select-pop input[type=checkbox] {
    width: 16px;
    height: 16px; }
    .drop-select-pop input[type=radio]::after, .drop-select-pop input[type=checkbox]::after {
      width: 16px;
      height: 16px; }
  .drop-select-pop .search-input {
    border-bottom: 1px solid #dedfe0; }
  .drop-select-pop .search-input__content {
    box-shadow: none !important;
    border: none !important; }
  .drop-select-pop .search-sel {
    position: relative;
    border-bottom: 1px solid #dedfe0; }
    .drop-select-pop .search-sel .search-inp {
      width: 100%;
      box-sizing: border-box;
      line-height: 32px;
      padding-left: 30px;
      padding-right: 8px;
      background: url("./images/icon_search.png") no-repeat 5px 5px/20px; }
    .drop-select-pop .search-sel .search-inp:focus {
      background-image: url("./images/icon_search_focus.png"); }
    .drop-select-pop .search-sel .icon-clean-input {
      position: absolute;
      right: 6px;
      top: 8px;
      font-size: 16px;
      cursor: pointer; }
  .drop-select-pop .drop-sel-list {
    max-height: 152px;
    overflow: auto; }
    .drop-select-pop .drop-sel-list::-webkit-scrollbar {
      width: 4px !important;
      height: 4px; }
    .drop-select-pop .drop-sel-list::-webkit-scrollbar-track {
      display: none; }
    .drop-select-pop .drop-sel-list .drop-sel-item {
      display: flex;
      align-items: center;
      height: 30px;
      line-height: 30px;
      padding: 0 5px 0 9px;
      cursor: pointer;
      user-select: none;
      color: #4d4d4d;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .drop-select-pop .drop-sel-list .drop-sel-item:hover {
        background: #f9f9fa; }
      .drop-select-pop .drop-sel-list .drop-sel-item input {
        appearance: none; }
      .drop-select-pop .drop-sel-list .drop-sel-item input[type="checkbox"] {
        margin-right: 12px;
        flex-shrink: 0; }
      .drop-select-pop .drop-sel-list .drop-sel-item .drop-sel-text {
        padding-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre; }
      .drop-select-pop .drop-sel-list .drop-sel-item .checkbox {
        box-sizing: border-box;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-top: 7px;
        margin-right: 10px;
        border-radius: 4px;
        border: 1px solid #dedfe0;
        vertical-align: top; }
      .drop-select-pop .drop-sel-list .drop-sel-item .checked {
        border: none; }
      .drop-select-pop .drop-sel-list .drop-sel-item .drop-sel-item-option {
        flex-shrink: 1;
        display: flex; }
      .drop-select-pop .drop-sel-list .drop-sel-item .option-compt {
        box-sizing: content-box !important;
        line-height: 20px;
        padding: 0px 5px;
        max-width: 56px;
        margin-left: auto;
        background-color: rgba(85, 124, 167, 0.1);
        border-radius: 8px; }
    .drop-select-pop .drop-sel-list .drop-sel-item.checked {
      background: #f9f9fa; }
      .drop-select-pop .drop-sel-list .drop-sel-item.checked span {
        color: #006ce2; }
    .drop-select-pop .drop-sel-list .drop-sel-item.disabled {
      cursor: not-allowed; }
      .drop-select-pop .drop-sel-list .drop-sel-item.disabled span {
        color: #898989; }
    .drop-select-pop .drop-sel-list .drop-sel-item.multiple {
      background-color: #fff; }
    .drop-select-pop .drop-sel-list .option--highlight {
      color: #557ca7; }
    .drop-select-pop .drop-sel-list .drop-sel-tip {
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #898989; }
  .drop-select-pop .sel_list_type {
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 0;
    border-bottom: 1px solid #dedfe0; }
    .drop-select-pop .sel_list_type .type_btn {
      display: inline-block;
      width: 50px;
      height: 22px;
      line-height: 22px;
      margin-top: 5px;
      font-size: 12px;
      color: #4d4d4d;
      cursor: pointer;
      background: #f1f1f2; }
      .drop-select-pop .sel_list_type .type_btn:hover {
        opacity: 0.7; }
    .drop-select-pop .sel_list_type .type_btn:first-child {
      border-radius: 4px 0px 0px 4px; }
    .drop-select-pop .sel_list_type .type_btn:last-child {
      border-radius: 0px 4px 4px 0px; }
    .drop-select-pop .sel_list_type .type_btn.btn_active {
      color: #006ce2;
      background: #e0efff; }

.sel-inp-wrap.sel-list-opened {
  box-shadow: 0px 0px 6px 0px rgba(0, 108, 226, 0.5);
  border: 1px solid #006ce2; }
  .sel-inp-wrap.sel-list-opened .sel-inp {
    border: none;
    box-shadow: none; }
  .sel-inp-wrap.sel-list-opened i {
    transform: rotate(180deg); }

.pc-inquire-detail .layui-laypage .layui-laypage-curr .layui-laypage-em {
  top: 0;
  background: rgba(0, 71, 255, 0.12); }
.pc-inquire-detail .layui-laypage .layui-laypage-curr em {
  color: var(--theme_color0, #006CE2); }

.inquire-search {
  position: relative;
  width: 357px;
  height: 42px; }
  .inquire-search .inquire-search__input {
    width: 100%;
    height: 100%;
    padding-left: 9px;
    padding-right: 30px;
    font-size: 14px;
    color: var(--theme_color10, #4D4D4D);
    border: 1px solid #fff;
    border-radius: 8px;
    background: #fff; }
    .inquire-search .inquire-search__input:focus {
      caret-color: var(--theme_color0, #006CE2);
      border-radius: 8px;
      border: 1px solid var(--theme_color0, #006CE2);
      box-shadow: 0px 0px 6px 0px rgba(0, 108, 226, 0.5); }
      .inquire-search .inquire-search__input:focus + .inquire-search__icon {
        color: var(--theme_color0, #006CE2); }
  .inquire-search .inquire-search__icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 11px;
    right: 6px;
    font-size: 20px;
    color: var(--theme_color11, #898989);
    cursor: pointer; }

.pc-inquire-index {
  height: 100%; }

.inquire-header {
  z-index: 1;
  position: relative;
  height: 60px;
  padding: 0 20px;
  align-items: center;
  line-height: 60px;
  font-size: 14px;
  color: var(--theme_color9, #202020);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
  box-shadow: 4px 8px 20px 0px rgba(169, 191, 209, 0.1); }
  .inquire-header .inquire-title {
    padding-right: 40px;
    font-weight: bold; }
    .inquire-header .inquire-title .inquire-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      vertical-align: top;
      margin-top: 20px;
      margin-right: 6px; }
  .inquire-header .inquire-user {
    position: relative;
    cursor: pointer; }
    .inquire-header .inquire-user:hover .icon-arrow-down {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
    .inquire-header .inquire-user:hover .log-out-pop {
      display: block; }
    .inquire-header .inquire-user .user-avatar {
      width: 32px;
      height: 32px;
      vertical-align: top;
      margin-top: 14px;
      margin-right: 4px;
      border-radius: 50%;
      border: 1px solid #fff;
      box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); }
    .inquire-header .inquire-user .icon-arrow-down {
      display: inline-block;
      width: 14px;
      height: 14px;
      vertical-align: top;
      margin-top: 23px;
      margin-left: 4px;
      font-size: 14px;
      color: var(--theme_color11, #898989);
      -webkit-transition: all 200ms;
      -moz-transition: all 200ms;
      -ms-transition: all 200ms;
      -o-transition: all 200ms;
      transition: all 200ms; }

.inquire-main {
  height: calc(100% - 60px);
  padding: 20px 20px 50px 20px; }
  .inquire-main .inquire-main-wrap {
    min-width: 520px;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto; }
  .inquire-main .main-top {
    height: 42px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px; }
    .inquire-main .main-top .main-top-tip {
      position: relative;
      padding-left: 8px;
      line-height: 22px;
      font-size: 16px;
      color: var(--theme_color9, #202020);
      font-weight: bold; }
      .inquire-main .main-top .main-top-tip:before {
        content: '';
        position: absolute;
        width: 4px;
        height: 16px;
        top: 3px;
        left: 0;
        background: var(--theme_color0, #006CE2);
        border-radius: 5px; }
  .inquire-main .main-body {
    height: calc(100% - 58px); }
    .inquire-main .main-body .inquire-list {
      position: relative;
      height: 100%;
      overflow: auto; }

.inquire-table-nodata {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -11px;
  line-height: 22px;
  font-size: 16px;
  color: var(--theme_color1, #557CA7);
  text-align: center; }

.inquire-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  border: 0;
  word-break: break-all;
  word-wrap: break-word; }
  .inquire-table th {
    height: 52px;
    padding: 0 20px;
    font-size: 14px;
    color: var(--theme_color1, #557CA7);
    background: #f8f9fb; }
    .inquire-table th:first-child {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 14px; }
    .inquire-table th:last-child {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 14px; }
  .inquire-table td {
    height: 60px;
    padding: 0 20px;
    font-size: 14px;
    color: var(--theme_color9, #202020);
    border-top: 8px solid #F0F3F7;
    background: #FFF; }
    .inquire-table td:first-child {
      border-top-left-radius: 14px;
      border-bottom-left-radius: 14px; }
    .inquire-table td:last-child {
      border-top-right-radius: 14px;
      border-bottom-right-radius: 14px; }
    .inquire-table td .updata-time {
      color: var(--theme_color10, #4D4D4D); }
  .inquire-table thead {
    position: sticky;
    top: 0px;
    left: 0;
    box-shadow: 0px 0px 4px 0px #EEF5FA; }
    .inquire-table thead:after {
      content: '';
      z-index: 1;
      position: absolute;
      width: 100%;
      height: 1px;
      top: -2px;
      left: 0;
      background: #F0F3F7; }
  .inquire-table tbody tr {
    box-shadow: 0px 0px 4px 0px #EEF5FA; }
    .inquire-table tbody tr:hover td {
      background: rgba(255, 255, 255, 0.5); }
  .inquire-table .green {
    color: #2EBCBF; }
  .inquire-table .bold {
    font-weight: bold; }

.pc-inquire-detail {
  position: relative;
  min-width: 520px;
  height: 100%;
  overflow: hidden; }
  .pc-inquire-detail .inquire-detail-main {
    position: relative;
    height: calc(100% - 60px);
    overflow: hidden; }
    .pc-inquire-detail .inquire-detail-main .inquire-detail-wrap {
      height: 100%;
      overflow: auto; }
  .pc-inquire-detail .detail-main-wrap {
    max-width: 1320px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px; }

.inquire-detail-banner {
  width: 100%;
  max-width: 100%;
  height: 200px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.inquire-detail-tab {
  height: 20px;
  margin-top: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #8B8B8B; }
  .inquire-detail-tab .tab-back {
    position: relative;
    margin-right: 20px;
    cursor: pointer; }
    .inquire-detail-tab .tab-back:after {
      content: '';
      position: absolute;
      width: 1px;
      height: 12px;
      top: 4px;
      right: -13px;
      background: var(--theme_color12, #C0C0C3); }
    .inquire-detail-tab .tab-back .icon-back {
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: top;
      margin-top: 2px;
      margin-right: 4px;
      font-size: 16px;
      color: var(--theme_color12, #C0C0C3); }
  .inquire-detail-tab .tab-btn {
    position: relative;
    margin-right: 16px; }
    .inquire-detail-tab .tab-btn:last-child {
      margin-right: 0;
      color: var(--theme_color10, #4D4D4D); }
      .inquire-detail-tab .tab-btn:last-child .icon-right-arrow {
        display: none; }
    .inquire-detail-tab .tab-btn .icon-arrow-right {
      position: absolute;
      width: 12px;
      height: 12px;
      top: 4px;
      right: -16px;
      font-size: 12px;
      color: var(--theme_color11, #898989); }

.inquire-detail-tip {
  max-height: 204px;
  padding: 20px 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 4px 0px #EEF5FA;
  overflow: hidden; }
  .inquire-detail-tip .detail-tip-title {
    padding: 0 20px;
    flex-shrink: 0;
    line-height: 18px;
    font-size: 16px;
    color: var(--theme_color9, #202020);
    font-weight: bold; }
  .inquire-detail-tip .detail-tip-remark {
    padding: 0 20px;
    margin-top: 8px;
    line-height: 20px;
    font-size: 14px;
    color: var(--theme_color11, #898989);
    word-break: break-word;
    white-space: pre-wrap;
    overflow: auto; }
    .inquire-detail-tip .detail-tip-remark.aline {
      height: 20px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .inquire-detail-tip .detail-tip-toggle {
    margin-top: 4px;
    padding: 0 20px;
    line-height: 16px;
    font-size: 14px;
    color: var(--theme_color1, #557CA7); }
    .inquire-detail-tip .detail-tip-toggle .tip-toggle-btn {
      cursor: pointer; }
    .inquire-detail-tip .detail-tip-toggle .icon-toggle-up {
      display: inline-block;
      width: 12px;
      height: 12px;
      vertical-align: top;
      margin-top: 2px;
      margin-left: 4px;
      font-size: 12px;
      color: var(--theme_color1, #557CA7); }

.inquire-detail-body {
  margin-top: 18px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden; }

.detail-body-top {
  line-height: 54px;
  padding: 0 20px;
  justify-content: space-between;
  align-items: center;
  overflow: hidden; }
  .detail-body-top .page-count {
    font-size: 14px;
    color: var(--theme_color11, #898989); }
  .detail-body-top .detail-item-remark {
    font-size: 14px;
    color: var(--theme_color10, #4D4D4D); }
    .detail-body-top .detail-item-remark .icon-remark-tip {
      display: inline-block;
      width: 20px;
      height: 20px;
      vertical-align: top;
      margin-top: 17px;
      margin-right: 4px;
      font-size: 20px;
      color: var(--theme_color0, #006CE2); }
  .detail-body-top .detail-btn-wrap {
    width: 360px;
    flex-shrink: 0;
    text-align: right;
    user-select: none; }
    .detail-body-top .detail-btn-wrap .vertical-line:first-child {
      display: none; }
    .detail-body-top .detail-btn-wrap .vertical-line:last-child {
      display: none; }
    .detail-body-top .detail-btn-wrap .icon-vertical:first-child {
      margin-left: 0; }
  .detail-body-top .page-toggle {
    position: relative;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: var(--theme_color12, #C0C0C3); }
    .detail-body-top .page-toggle .page-left {
      display: inline-block;
      width: 12px;
      height: 12px;
      vertical-align: top;
      margin-top: 7px;
      font-size: 12px;
      color: var(--theme_color0, #006CE2);
      cursor: pointer; }
    .detail-body-top .page-toggle .page-active-num {
      padding: 0 6px; }
      .detail-body-top .page-toggle .page-active-num em {
        color: var(--theme_color0, #006CE2); }
    .detail-body-top .page-toggle .page-right {
      display: inline-block;
      width: 12px;
      height: 12px;
      vertical-align: top;
      margin-top: 7px;
      font-size: 12px;
      color: var(--theme_color0, #006CE2);
      cursor: pointer; }
    .detail-body-top .page-toggle .noClick {
      color: var(--theme_color12, #C0C0C3);
      cursor: not-allowed; }
  .detail-body-top .vertical-line {
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: top;
    margin: 21px 8px 0 8px;
    background: var(--theme_color13, #DEDFE0); }
  .detail-body-top .icon-horizontal {
    display: inline-block;
    height: 24px;
    padding: 0 6px;
    line-height: 24px;
    vertical-align: top;
    margin-top: 15px;
    border-radius: 4px;
    cursor: pointer; }
    .detail-body-top .icon-horizontal:hover {
      background: #E0EFFF; }
    .detail-body-top .icon-horizontal i {
      display: inline-block;
      width: 18px;
      height: 18px;
      vertical-align: top;
      margin-top: 3px;
      margin-right: 2px;
      font-size: 18px;
      color: var(--theme_color10, #4D4D4D); }
  .detail-body-top .print-btn {
    display: inline-block;
    height: 24px;
    padding: 0 6px;
    line-height: 24px;
    font-size: 14px;
    color: var(--theme_color10, #4D4D4D);
    border-radius: 4px;
    cursor: pointer; }
    .detail-body-top .print-btn.printing {
      color: var(--theme_color12, #C0C0C3);
      pointer-events: none; }
    .detail-body-top .print-btn:hover {
      background: #E0EFFF; }
    .detail-body-top .print-btn .icon-download-btn {
      display: inline-block;
      width: 18px;
      height: 18px;
      vertical-align: top;
      margin-top: 3px;
      margin-right: 2px;
      background: url("./images/icon_download.svg") no-repeat center;
      background-size: contain; }
    .detail-body-top .print-btn .icon-download-record {
      display: inline-block;
      width: 18px;
      height: 18px;
      vertical-align: top;
      margin-top: 3px;
      margin-right: 2px;
      background: url("./images/icon_download_record.svg") no-repeat center;
      background-size: contain; }
  .detail-body-top .icon-vertical {
    display: inline-block;
    height: 24px;
    padding: 0 6px;
    line-height: 24px;
    vertical-align: top;
    margin-top: 15px;
    border-radius: 4px;
    cursor: pointer; }
    .detail-body-top .icon-vertical:hover {
      background: #E0EFFF; }
    .detail-body-top .icon-vertical i {
      display: inline-block;
      width: 18px;
      height: 18px;
      vertical-align: top;
      margin-top: 3px;
      margin-right: 2px;
      font-size: 18px;
      color: var(--theme_color10, #4D4D4D); }
  .detail-body-top .icon-filter__block {
    display: inline-block;
    height: 24px;
    padding: 0 6px;
    line-height: 24px;
    vertical-align: top;
    margin-top: 15px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    color: var(--theme_color10, #4D4D4D); }
    .detail-body-top .icon-filter__block.icon-filter--selected {
      background: #E0EFFF; }
    .detail-body-top .icon-filter__block:hover {
      background: #E0EFFF; }
    .detail-body-top .icon-filter__block .icon_filter {
      display: inline-block;
      width: 18px;
      height: 18px;
      vertical-align: top;
      margin-top: 3px;
      background: url("./images/icon_filter.svg") no-repeat center;
      background-size: contain; }
    .detail-body-top .icon-filter__block .icon-filter--active {
      background: url("./images/icon_filter_active.svg") no-repeat center;
      background-size: contain; }
      .detail-body-top .icon-filter__block .icon-filter--active ~ .icon-filter-name {
        color: var(--theme_color0, #006CE2); }
    .detail-body-top .icon-filter__block .icon-filter-name {
      display: inline-block;
      vertical-align: top;
      margin-top: 5px;
      font-size: 14px; }
  .detail-body-top .active {
    background: #E0EFFF; }
    .detail-body-top .active i {
      color: var(--theme_color0, #006CE2); }

.detail-body-data {
  position: relative;
  height: calc(100% - 54px); }
  .detail-body-data .horizontal {
    height: 100%;
    padding: 0 20px; }
    .detail-body-data .horizontal * {
      box-sizing: content-box !important; }
    .detail-body-data .horizontal .watermark-horizontal {
      position: relative;
      height: calc(100% - 55px);
      overflow: hidden; }
    .detail-body-data .horizontal .horizontal-table-wrap {
      height: 100%;
      overflow: auto; }
      .detail-body-data .horizontal .horizontal-table-wrap .opt_data .opt_data_cont .opt_table {
        min-height: unset;
        overflow: unset; }
    .detail-body-data .horizontal .table-page {
      height: 55px;
      text-align: center; }
    .detail-body-data .horizontal table {
      width: calc(100% - 1px);
      border-collapse: collapse;
      table-layout: fixed;
      margin: 0;
      padding: 0;
      border: 0;
      word-break: break-all;
      word-wrap: break-word; }
      .detail-body-data .horizontal table th {
        z-index: 3;
        position: sticky;
        top: 0;
        height: 40px;
        min-width: 140px;
        padding: 0 20px !important;
        font-size: 14px !important;
        color: var(--theme_color1, #557CA7) !important;
        text-align: left;
        font-weight: bold !important;
        border-left: 1px solid var(--theme_color14, #F1F1F2) !important;
        background: #F5F7FC;
        overflow: unset !important; }
        .detail-body-data .horizontal table th:after {
          content: '';
          z-index: 1;
          position: absolute;
          width: 100%;
          height: 1px;
          top: 0;
          left: 0;
          background: var(--theme_color14, #F1F1F2); }
        .detail-body-data .horizontal table th.fixed_left {
          z-index: 4;
          position: sticky;
          left: -1px;
          text-align: center !important; }
          .detail-body-data .horizontal table th.fixed_left:after {
            content: '';
            z-index: 1;
            position: absolute;
            width: 100%;
            height: 1px;
            top: 0;
            left: 0;
            background: var(--theme_color14, #F1F1F2); }
        .detail-body-data .horizontal table th .cell_cont {
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
      .detail-body-data .horizontal table td {
        height: 40px;
        padding: 0 20px !important;
        font-size: 14px !important;
        color: var(--theme_color10, #4D4D4D) !important;
        text-align: left;
        border: 1px solid var(--theme_color14, #F1F1F2) !important;
        background: #fff; }
        .detail-body-data .horizontal table td.fixed_left {
          z-index: 2;
          position: sticky;
          left: -1px;
          text-align: center !important; }
      .detail-body-data .horizontal table .center {
        text-align: center; }
      .detail-body-data .horizontal table thead tr {
        border: none !important; }
        .detail-body-data .horizontal table thead tr:first-child th:first-child {
          min-width: unset; }
        .detail-body-data .horizontal table thead tr:nth-child(2) th {
          top: 40px; }
      .detail-body-data .horizontal table tbody:nth-child(2n-1) tr td {
        background: #FCFDFF !important; }
    .detail-body-data .horizontal .excel-table thead tr:first-child th:first-child {
      text-align: left !important; }
    .detail-body-data .horizontal .excel-table td:first-child {
      text-align: left !important; }
  .detail-body-data .vertical {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-top: 1px solid var(--theme_color14, #F1F1F2); }
    .detail-body-data .vertical .form_detail_new * {
      box-sizing: content-box !important; }
    .detail-body-data .vertical .form_detail_new .detail_pop_cont {
      width: 100%;
      margin-top: 0; }
      .detail-body-data .vertical .form_detail_new .detail_pop_cont .detail_module .detail_data .form_wrapper {
        border-bottom: 1px solid var(--theme_color14, #F1F1F2); }
      .detail-body-data .vertical .form_detail_new .detail_pop_cont .detail_module .detail_data .detail_item {
        min-height: 42px;
        border-bottom: none; }
        .detail-body-data .vertical .form_detail_new .detail_pop_cont .detail_module .detail_data .detail_item .detail_item_title {
          margin-bottom: 2px;
          line-height: 20px;
          font-size: 14px;
          color: var(--theme_color11, #898989);
          font-weight: normal; }
        .detail-body-data .vertical .form_detail_new .detail_pop_cont .detail_module .detail_data .detail_item .detail_item_info {
          line-height: 20px;
          font-size: 14px;
          color: var(--theme_color9, #202020); }
    .detail-body-data .vertical .contact_popup_wrap, .detail-body-data .vertical .department_popup_wrap {
      position: fixed; }
    .detail-body-data .vertical #inquirePrintPreview {
      height: calc(100% - 20px);
      padding: 10px;
      overflow: auto; }
      .detail-body-data .vertical #inquirePrintPreview table {
        margin: 0 auto; }

.detail-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  border: 0;
  word-break: break-all;
  word-wrap: break-word; }
  .detail-table th {
    height: 40px;
    min-width: 140px;
    padding: 0 20px;
    font-size: 14px;
    color: var(--theme_color1, #557CA7);
    text-align: left;
    border: 1px solid var(--theme_color14, #F1F1F2);
    background: #F5F7FC; }
    .detail-table th:first-child {
      text-align: center; }
  .detail-table td {
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    color: var(--theme_color10, #4D4D4D);
    text-align: left;
    border: 1px solid var(--theme_color14, #F1F1F2); }
  .detail-table .center {
    text-align: center; }
  .detail-table tbody tr:nth-child(2n) td {
    background: #FCFDFF; }

.detail_data {
  height: 100%;
  overflow: auto; }
  .detail_data.excel {
    padding: 0 20px; }

.detail_item {
  min-height: 68px;
  padding: 13px 0;
  border-bottom: 1px solid var(--theme_color14, #F1F1F2); }
  .detail_item .detail_item_title {
    margin-bottom: 2px;
    line-height: 20px;
    font-size: 14px;
    color: var(--theme_color11, #898989); }
  .detail_item .detail_item_info {
    line-height: 20px;
    font-size: 14px;
    color: var(--theme_color9, #202020); }
    .detail_item .detail_item_info a {
      font-size: 14px !important; }

.search-condition__panel {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 300px;
  color: #202020;
  border-left: 1px solid #F1F1F2;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(169, 191, 209, 0.3); }

.search-condition__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 62px;
  padding: 0 20px;
  box-shadow: 0 1px 0 0 #F1F1F2; }
  .search-condition__header .search-condition__title {
    font-size: 16px;
    font-weight: bold; }
  .search-condition__header .search-condition__close {
    width: 18px;
    height: 18px;
    font-size: 18px;
    cursor: pointer;
    color: #a3b7cc; }

.search-condition__content {
  flex: 1;
  overflow: auto; }

.search-condition__item {
  font-size: 14px;
  padding: 10px 20px; }
  .search-condition__item .search-condition__item-title {
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .search-condition__item .search-condition__number-range {
    display: flex;
    align-items: center; }
    .search-condition__item .search-condition__number-range .search-condition__range-split {
      width: 50px;
      text-align: center; }

.search-condition__date {
  position: relative; }
  .search-condition__date input {
    padding-right: 30px; }
  .search-condition__date .search-condition__date-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 9px;
    top: 6px;
    background: url(./images/date.svg) no-repeat center/contain; }

.search-condition__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  gap: 20px;
  box-shadow: 0 -1px 0 0 #F1F1F2; }

.search-condition__button {
  display: inline-flex;
  width: 100px;
  height: 32px;
  padding: 6px 0px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
  border: none; }

.search-condition__button--empty {
  border: 1px solid #006CE2;
  background: #FFF;
  color: #006CE2; }

.search-condition__button--disabled {
  border: none;
  background: #F1F1F2;
  color: #898989;
  pointer-events: none; }

.search-condition__button--solid {
  background: #006CE2;
  color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 108, 226, 0.3); }

.search-condition__button--disabled {
  background: #F1F1F2;
  color: #898989; }