@charset "UTF-8";
/* 适配主题配置 基于html标签的class 中有 new-ui */
html.new-ui.indexhome body {
  background-color: var(--ben-bg-page-color);
  background-image: var(--ben-navbar-page-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
}

html.new-ui.indexhome body .logo_left_header_title svg g[id="组_182236"] path {
  fill: var(--ben-navbar-header-text-color);
}

html.new-ui.indexhome body .themeSettingBox .theme-Setting {
  display: none;
}

html.new-ui.indexhome body .themeSettingBox .theme-list {
  display: none;
}

html.new-ui.indexhome body .themeSettingBox .theme-Setting .btn.NewUISettingThemeBtn {
  display: block;
}

html.new-ui.indexhome body .Hui-article-box {
  background-color: transparent;
}

html.new-ui.indexhome body .Hui-article-box .Hui-tabNav {
  background: var(--ben-navbar-header-bg-color);
  box-shadow: none;
}

html.new-ui.indexhome body .Hui-article-box .Hui-tabNav .acrossTab {
  padding-left: 10px !important;
}

html.new-ui.indexhome body .Hui-article-box .Hui-tabNav .acrossTab li {
  color: var(--ben-navbar-header-text-color);
}

html.new-ui.indexhome body .Hui-article-box .Hui-tabNav .acrossTab li::before, html.new-ui.indexhome body .Hui-article-box .Hui-tabNav .acrossTab li::after {
  display: none;
  background-image: radial-gradient(10px at 10px 0px, transparent 9px, rgba(255, 255, 255, 0.5) 10px);
}

html.new-ui.indexhome body .Hui-article-box .Hui-tabNav .acrossTab li:hover {
  color: var(--ben-navbar-header-text-color);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, transparent 100%);
}

html.new-ui.indexhome body .Hui-article-box .Hui-tabNav .acrossTab li.active {
  color: var(--ben-text-theme-color);
  background: linear-gradient(180deg, #FFFFFF 0%, transparent 100%);
  box-shadow: 0px -4px 3px 1px var(--ben-shadow-theme-color);
}

html.new-ui.indexhome body .Hui-article-box .Hui-tabNav .acrossTab li.active::before, html.new-ui.indexhome body .Hui-article-box .Hui-tabNav .acrossTab li.active::after {
  content: none;
}

html.new-ui.indexhome body .Hui-article-box .Hui-tabNav .Hui-tabNav-more .btn-default:hover {
  background-color: var(--ben-text-theme-color);
  border-color: var(--ben-text-theme-color);
}

html.new-ui.indexhome body .Hui-article-box .navbar {
  top: 10px;
}

html.new-ui.indexhome body .Hui-article-box .navbar .dropDown .txt {
  color: var(--ben-navbar-header-text-color);
}

html.new-ui.indexhome body .Hui-article-box .company_name-box .round_icon_item i {
  color: var(--ben-icon-navbar-color);
}

html.new-ui.indexhome body .Hui-article-box .company_name-box .round_icon_item .text-help-color {
  color: var(--ben-icon-formChecked-color) !important;
}

html.new-ui.indexhome body .Hui-article-box .Hui-article {
  background-color: transparent;
}

html.new-ui.indexhome body .Hui-article-box .Hui-article .show_iframe {
  padding: 10px;
}

html.new-ui.indexhome body .Hui-article-box .Hui-article .show_iframe .loading {
  position: absolute;
  top: 0;
  z-index: -1;
}

html.new-ui.indexhome body .Hui-article-box .Hui-article .show_iframe iframe {
  position: initial;
  border-radius: 8px;
  background: var(--ben-bg-content-color) url(/static/h-ui/static/h-ui.admin/images/loading.gif) no-repeat;
  background-position: 15px 15px;
}

@keyframes actFadeOutTheme {
  from {
    background-color: var(--ben-text-theme-color);
  }
  to {
    background-color: transparent;
  }
}

html.new-ui.indexhome body .act-fade-out {
  animation: actFadeOutTheme 3s forwards;
}

html.new-ui.indexhome .Hui-aside {
  background: var(--ben-navbar-left-bg-color) !important;
}

html.new-ui.indexhome .Hui-aside .logo_left_header_title {
  background: var(--ben-navbar-header-bg-color);
  box-shadow: none;
  display: flex;
  justify-content: end;
}

html.new-ui.indexhome .Hui-aside .logo_left_header_title > svg {
  margin: 0;
}

html.new-ui.indexhome .Hui-aside .logo_left_header img, html.new-ui.indexhome .Hui-aside .logo_left_header svg {
  height: 54px;
}

html.new-ui.indexhome .Hui-aside .Hui-search {
  color: var(--ben-navbar-left-text-color);
}

html.new-ui.indexhome .Hui-aside .Hui-search .fold_box {
  background: rgba(255, 255, 255, 0.5);
}

html.new-ui.indexhome .Hui-aside .Hui-search .fold_box .fa {
  color: var(--ben-navbar-left-text-color);
}

html.new-ui.indexhome .Hui-aside .Hui-search .Hui-iconfont {
  color: var(--ben-text-light-color);
}

html.new-ui.indexhome .Hui-aside .Hui-search .hui-input-text {
  background-color: var(--ben-bg-card-color);
  color: var(--ben-text-primary-color);
  border-color: transparent;
}

html.new-ui.indexhome .Hui-aside .Hui-search .hui-input-text::placeholder {
  color: var(--ben-text-light-color);
}

html.new-ui.indexhome .Hui-aside #menu_dropdown {
  transition: all 0.15s;
}

html.new-ui.indexhome .Hui-aside #menu_dropdown::-webkit-scrollbar-thumb, html.new-ui.indexhome .Hui-aside #menu_dropdown::-webkit-scrollbar-track {
  background-color: transparent;
  box-shadow: none;
  transition: all 0.15s;
}

html.new-ui.indexhome .Hui-aside #menu_dropdown:hover::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

html.new-ui.indexhome .Hui-aside #menu_dropdown:hover::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.1);
}

html.new-ui.indexhome .Hui-aside #menu_dropdown .row-item-box {
  padding-right: 0;
}

html.new-ui.indexhome .Hui-aside #menu_dropdown dl dt, html.new-ui.indexhome .Hui-aside #menu_dropdown dl dt > a, html.new-ui.indexhome .Hui-aside #menu_dropdown dl dd > ul > li, html.new-ui.indexhome .Hui-aside #menu_dropdown dl dd ul li a {
  color: var(--ben-navbar-left-text-color);
}

html.new-ui.indexhome .Hui-aside #menu_dropdown dl > dd > ul > li:hover {
  color: var(--ben-navbar-left-text-color);
}

html.new-ui.indexhome .Hui-aside #menu_dropdown dl dt {
  padding-left: 0;
}

html.new-ui.indexhome .Hui-aside #menu_dropdown dl dt > .l_msg,
html.new-ui.indexhome .Hui-aside #menu_dropdown dl dt > .c_msg > i {
  margin-left: 10px;
  color: var(--ben-icon-navbar-left-color);
}

html.new-ui.indexhome .Hui-aside #menu_dropdown dl dt .menu_dropdown-arrow,
html.new-ui.indexhome .Hui-aside #menu_dropdown dl dt > .l_msg > i {
  color: var(--ben-icon-navbar-left-color);
}

html.new-ui.indexhome .Hui-aside #menu_dropdown .current {
  background-color: var(--ben-button-theme-color);
}

html.new-ui.indexhome .Hui-aside #menu_dropdown .current::after {
  content: none;
  border-right-color: var(--ben-button-theme-color);
}

html.new-ui.indexhome .Hui-aside #menu_dropdown .current a {
  color: #fff;
}

html.new-ui.indexhome .Hui-aside #menu_dropdown .current a i {
  color: #fff !important;
}

html.new-ui.indexhome .Hui-aside #menu_dropdown a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

html.new-ui.indexhome #dislpayArrow a {
  background: rgba(0, 0, 0, 0.1);
}

html.new-ui.indexhome #dislpayArrow a svg {
  fill: #fff;
}

html.new-ui.indexhome .layui-layer-btn .layui-layer-btn0 {
  background-color: var(--ben-button-theme-color);
  border-color: var(--ben-button-theme-color);
  color: #fff;
}

html.new-ui.indexhome[data-theme-id="9"][data-theme-preview="0"] .Hui-article-box .Hui-tabNav .acrossTab li.active {
  color: var(--ben-navbar-header-text-color);
  background: linear-gradient(180deg, #69696B 0%, transparent 100%);
}

html.new-ui.indexhome[data-theme-id="9"][data-theme-preview="0"] .Hui-tabNav-more .btn-default {
  background-color: #3E414B;
  color: #fff;
  border-color: transparent;
}

html.new-ui.indexhome div .badge-danger,
html.new-ui.indexhome div .menu_dropdown .badge,
html.new-ui.indexhome div .nav.nav-tabs .badge_right {
  background-color: var(--ben-badge-bg-color);
}

.default-theme body,
.default-theme .skin-baidu .wrapper,
.default-theme .content-wrapper,
.default-theme .nav-tabs-custom {
  background-color: #ffffff;
}

.default-theme .table tr {
  background-color: #ffffff;
}

.default-theme .table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

/* 兼容暗黑模式样式 */
html.new-ui.layout2[data-theme-table="1"][data-theme-id="9"][data-theme-preview="0"] .ben-scrollbar10::-webkit-scrollbar-thumb {
  background: #555A67;
}

html.new-ui.layout2[data-theme-table="1"][data-theme-id="9"][data-theme-preview="0"] .ben-scrollbar10::-webkit-scrollbar-track {
  background: #33353E;
}

html.new-ui.layout2[data-theme-table="1"][data-theme-id="9"][data-theme-preview="0"] .ben-scrollbar10::-webkit-scrollbar-corner {
  background: #33353E;
}

html.new-ui.layout2[data-theme-table="1"][data-theme-id="9"][data-theme-preview="0"] .custom-table .layui-badge[style="color: #333;border-color: #ffffff;background-color: #ffffff;"] {
  background-color: #292B30 !important;
  color: #fff !important;
}

html.new-ui.layout2[data-theme-table="1"][data-theme-id="9"][data-theme-preview="0"] .jq_search_form .form-more-box .more-item,
html.new-ui.layout2[data-theme-table="1"][data-theme-id="9"][data-theme-preview="0"] .search-reset-btn {
  background-color: #3E414B;
  color: #fff;
  border-color: #3E414B;
}

html.new-ui.layout2[data-theme-table="1"] body {
  background-color: var(--ben-bg-content-color);
}

html.new-ui.layout2[data-theme-table="1"] body > .wrapper {
  background-color: transparent;
}

html.new-ui.layout2[data-theme-table="1"] #data_form .search-box {
  color: var(--ben-text-primary-color);
}

html.new-ui.layout2[data-theme-table="1"] .ben-scrollbar10::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html.new-ui.layout2[data-theme-table="1"] .layui-layer-btn .layui-layer-btn0 {
  background-color: var(--ben-button-theme-color);
  border-color: var(--ben-button-theme-color);
  color: #fff;
}

html.new-ui.layout2[data-theme-table="1"] .btn {
  border-radius: 4px;
}

html.new-ui.layout2[data-theme-table="1"] .search-filter-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html.new-ui.layout2[data-theme-table="1"] .search-filter-icon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html.new-ui.layout2[data-theme-table="1"] .content-wrapper,
html.new-ui.layout2[data-theme-table="1"] .nav-tabs-custom {
  background-color: transparent;
}

html.new-ui.layout2[data-theme-table="1"] .btn-primary, html.new-ui.layout2[data-theme-table="1"] .btn-success {
  background-color: var(--ben-button-theme-color) !important;
  border-color: var(--ben-button-theme-color) !important;
}

html.new-ui.layout2[data-theme-table="1"] .laypage-box .layui-laypage .layui-laypage-curr em {
  background-color: var(--ben-button-theme-color);
}

html.new-ui.layout2[data-theme-table="1"] .form-more-box,
html.new-ui.layout2[data-theme-table="1"] .fold-bill-form,
html.new-ui.layout2[data-theme-table="1"] .hightColor,
html.new-ui.layout2[data-theme-table="1"] .openLinks {
  color: var(--ben-text-theme-color) !important;
}

html.new-ui.layout2[data-theme-table="1"] .table-section-box {
  border-radius: 8px 8px 0px 0px;
  overflow: hidden;
}

html.new-ui.layout2[data-theme-table="1"] .table > tbody > tr {
  background-color: var(--ben-bg-content-color);
}

html.new-ui.layout2[data-theme-table="1"] .table-striped > tbody > tr:nth-of-type(odd),
html.new-ui.layout2[data-theme-table="1"] .custom-table > tbody > tr:nth-of-type(odd),
html.new-ui.layout2[data-theme-table="1"] .show-table-number .table-number-box .item:nth-of-type(even) {
  background-color: var(--ben-table-odd-bg-color);
}

html.new-ui.layout2[data-theme-table="1"] .table-hover > tbody > tr:hover > td::before {
  background-color: rgba(0, 0, 0, 0.02);
}

html.new-ui.layout2[data-theme-table="1"] .custom-table > thead > tr,
html.new-ui.layout2[data-theme-table="1"] .custom-table thead th,
html.new-ui.layout2[data-theme-table="1"] .show-table-number .table-number-box .thead {
  background-color: var(--ben-table-thead-bg-color);
  height: 40px;
  line-height: 40px !important;
  color: var(--ben-text-primary-color);
}

html.new-ui.layout2[data-theme-table="1"] .table thead tr,
html.new-ui.layout2[data-theme-table="1"] .table thead th {
  background-color: var(--ben-table-thead-bg-color);
}

html.new-ui.layout2[data-theme-table="1"] .custom-table:not(.select-table-modal-table) > thead > tr > th:last-child,
html.new-ui.layout2[data-theme-table="1"] .table:not(.select-table-modal-table) > thead > tr > th:last-child {
  background-color: var(--ben-table-thead-bg-color) !important;
}

html.new-ui.layout2[data-theme-table="1"] .child-absolute {
  color: var(--ben-text-regular-color);
  background-color: inherit;
}

html.new-ui.layout2[data-theme-table="1"] .custom-table th .dragWidth.active::after,
html.new-ui.layout2[data-theme-table="1"] .custom-table th .dragWidth:hover::after {
  background-color: var(--ben-button-theme-color) !important;
}

html.new-ui.layout2[data-theme-table="1"] .table-hover > tbody > tr:hover {
  background-color: var(--ben-table-hover-bg-color);
}

html.new-ui.layout2[data-theme-table="1"] .saveTrackBtn {
  background-color: var(--ben-button-theme-color);
  border-color: var(--ben-button-theme-color);
  border-radius: 6px;
}

html.new-ui.layout2[data-theme-table="1"] .lLayui-btn {
  background-color: var(--ben-button-theme-color);
  border-radius: 6px;
}

html.new-ui.layout2[data-theme-table="1"] .is_interview-box .layui-form-radioed > i {
  color: var(--ben-icon-theme-color);
}

html.new-ui.layout2[data-theme-table="1"] .is_interview-box .layui-form-radio:hover * {
  color: var(--ben-icon-formChecked-color);
}

html.new-ui.layout2[data-theme-table="1"] .notesListUL .uid_avatar {
  border-color: var(--ben-button-theme-color);
  background-color: var(--ben-button-theme-color);
}

html.new-ui.layout2[data-theme-table="1"] .btn-box .layui-btn-normal {
  background-color: #F5F6F8;
  border: 1px solid #D9DCE3;
  padding: 2px 10px;
  color: #4A5163;
  border-radius: 6px;
}

html.new-ui.layout2[data-theme-table="1"] .btn-box .layui-btn-normal:hover {
  color: var(--ben-text-theme-color);
  border-color: var(--ben-button-theme-color);
}

html.new-ui.layout2[data-theme-table="1"] .tesk_time-box .quick-btn {
  padding-top: 0;
  margin-top: 1px;
}

html.new-ui.layout2[data-theme-table="1"] .nav-tabs .active {
  border-bottom-color: var(--ben-button-theme-color);
}

html.new-ui.layout2[data-theme-table="1"] .nav > li > a {
  color: var(--ben-text-regular-color);
  transition: all .15s;
}

html.new-ui.layout2[data-theme-table="1"] .nav > li > a:active, html.new-ui.layout2[data-theme-table="1"] .nav > li > a:hover, html.new-ui.layout2[data-theme-table="1"] .nav > li > a:focus {
  color: var(--ben-text-primary-color);
  background-color: rgba(0, 0, 0, 0.03);
}

html.new-ui.layout2[data-theme-table="1"] .layui-laypage a, html.new-ui.layout2[data-theme-table="1"] .layui-laypage span,
html.new-ui.layout2[data-theme-table="1"] .layui-laypage select,
html.new-ui.layout2[data-theme-table="1"] .layui-laypage button, html.new-ui.layout2[data-theme-table="1"] .layui-laypage input {
  color: var(--ben-text-primary-color);
  background-color: transparent;
}

html.new-ui.layout2[data-theme-table="1"] .layui-laypage select > option {
  color: #333;
}

html.new-ui.layout2[data-theme-table="1"] .nav-tabs > li.active > a, html.new-ui.layout2[data-theme-table="1"] .nav-tabs > li.active > a:hover, html.new-ui.layout2[data-theme-table="1"] .nav-tabs > li.active > a:focus {
  color: var(--ben-text-primary-color);
  background-color: transparent;
}

html.new-ui.layout2[data-theme-table="1"] #show-statistics-list,
html.new-ui.layout2[data-theme-table="1"] .row-section-box .form-control,
html.new-ui.layout2[data-theme-table="1"] .tab-btn-box .pull-right,
html.new-ui.layout2[data-theme-table="1"] .tab-btn-box .pull-right a,
html.new-ui.layout2[data-theme-table="1"] .custom-table textarea,
html.new-ui.layout2[data-theme-table="1"] .row-section-box input[type=number],
html.new-ui.layout2[data-theme-table="1"] .row-section-box input[type=password],
html.new-ui.layout2[data-theme-table="1"] .row-section-box input[type=text] {
  color: var(--ben-text-regular-color);
  border-color: var(--ben-navbar-border-color);
}

html.new-ui.layout2[data-theme-table="1"] .layui-laypage a, html.new-ui.layout2[data-theme-table="1"] .layui-laypage button, html.new-ui.layout2[data-theme-table="1"] .layui-laypage input, html.new-ui.layout2[data-theme-table="1"] .layui-laypage select, html.new-ui.layout2[data-theme-table="1"] .layui-laypage span,
html.new-ui.layout2[data-theme-table="1"] .show-table-number .table-number-box .item:last-child,
html.new-ui.layout2[data-theme-table="1"] .table-bordered,
html.new-ui.layout2[data-theme-table="1"] td.fixed-col::before,
html.new-ui.layout2[data-theme-table="1"] th.fixed-col:before,
html.new-ui.layout2[data-theme-table="1"] .foo-section .count-box,
html.new-ui.layout2[data-theme-table="1"] .foo-section .count-box .item + .item,
html.new-ui.layout2[data-theme-table="1"] .table-responsive,
html.new-ui.layout2[data-theme-table="1"] .table-bordered > tbody > tr > td,
html.new-ui.layout2[data-theme-table="1"] .table-bordered > tbody > tr > th,
html.new-ui.layout2[data-theme-table="1"] .table-bordered > tfoot > tr > td,
html.new-ui.layout2[data-theme-table="1"] .table-bordered > tfoot > tr > th,
html.new-ui.layout2[data-theme-table="1"] .table-bordered > thead > tr > td,
html.new-ui.layout2[data-theme-table="1"] .table-bordered > thead > tr > th {
  border-color: var(--ben-navbar-border-color);
}

html.new-ui.layout2[data-theme-table="1"] .show-table-number .table-number-box {
  background-color: transparent;
}

html.new-ui.layout2[data-theme-table="1"] .show-table-number .table-number-box .item::before, html.new-ui.layout2[data-theme-table="1"] .show-table-number .table-number-box .item::after {
  background-color: var(--ben-navbar-border-color);
}

html.new-ui.layout2[data-theme-table="1"] .table:not(.select-table-modal-table) tr td:last-child:before,
html.new-ui.layout2[data-theme-table="1"] .table:not(.select-table-modal-table) > tbody > tr > td:last-child {
  background-color: var(--ben-table-odd-bg-color) !important;
  border-color: var(--ben-navbar-border-color);
}

html.new-ui.layout2[data-theme-table="1"] .foo-section {
  background-color: var(--ben-bg-content-color);
}

html.new-ui.layout2[data-theme-table="1"] .foo-section .count-box .item .count:hover {
  background-color: var(--ben-table-hover-bg-color);
}

html.new-ui.layout2[data-theme-table="1"] .foo-section .count-box .item .prop_list {
  color: #333;
}

html.new-ui.layout2[data-theme-table="1"] .table,
html.new-ui.layout2[data-theme-table="1"] .table td > .overflow_1 > a,
html.new-ui.layout2[data-theme-table="1"] .custom-table .custom-box-border,
html.new-ui.layout2[data-theme-table="1"] .custom-table {
  color: var(--ben-text-primary-color);
}

html.new-ui.layout2[data-theme-table="1"] .custom-table {
  border: none;
}

html.new-ui.layout2[data-theme-table="1"] .custom-table .custom-table-select,
html.new-ui.layout2[data-theme-table="1"] .custom-table xm-select,
html.new-ui.layout2[data-theme-table="1"] .custom-table textarea,
html.new-ui.layout2[data-theme-table="1"] .custom-table .layui-form-switch,
html.new-ui.layout2[data-theme-table="1"] .custom-table > tbody > tr > td input {
  background-color: transparent;
  border-color: var(--ben-navbar-border-color);
}

html.new-ui.layout2[data-theme-table="1"] .custom-table > tbody > tr > td .xm-body input {
  background-color: #ffffff;
}

html.new-ui.layout2[data-theme-table="1"] td .merge-item + .merge-item {
  border-left-color: var(--ben-navbar-border-color);
}

html.new-ui.layout2[data-theme-table="1"] .custom-table .layui-form-switch.layui-form-onswitch {
  background-color: #5fb878;
}

html.new-ui.layout2[data-theme-table="1"] .sort-list,
html.new-ui.layout2[data-theme-table="1"] .select2-container--default .select2-selection--single,
html.new-ui.layout2[data-theme-table="1"] .select2-container--default.select2-container--open {
  color: #333;
}

html.new-ui.layout2[data-theme-table="1"] .select2-container--default .select2-selection--single {
  background-color: transparent;
  border-color: var(--ben-navbar-border-color);
}

html.new-ui.layout2[data-theme-table="1"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--ben-text-regular-color);
}

html.new-ui.layout2[data-theme-table="1"] .jq_search_form xm-select {
  background-color: transparent;
  border-color: var(--ben-navbar-border-color);
}

html.new-ui.layout2[data-theme-table="1"] div .badge-danger,
html.new-ui.layout2[data-theme-table="1"] div .menu_dropdown .badge,
html.new-ui.layout2[data-theme-table="1"] div .nav.nav-tabs .badge_right {
  background-color: var(--ben-badge-bg-color);
}