:root {
  --pepm-text-color: #181818;
  --secondary-text-color: #838383;
  --pepm-secondary-text-color: #838383;
  --pepm-normal-font-size: 14px;
  --pepm-secondary-font-size: 12px;
  --pepm-red: rgb(154, 0, 0);
  --pepm-white: #ffffff;

  --elem-white: #ffffff;
  --red: #9a0000;
  --disabled-color: #eeeeee;
  --border-color: #e4e4e4;

  --theme-r: 154;
  --theme-g: 0;
  --theme-b: 0;
  --theme-rgb: rgb(var(--theme-r), var(--theme-g), var(--theme-b));

  --primary-color: var(--theme-rgb);
  --secondary-color: rgb(
      calc(var(--theme-r) + 30),
      calc(var(--theme-g) + 30),
      calc(var(--theme-b) + 30)
  );

  /* task/2024-02571 将new_ui.css中的变量迁移至lpp.css中 */
  /* 组件用变量 */
  --global-mfb-offset: 0px;
  --global-mfb-offset-in-layer: 0px;
  --global-mfb-wrapper-offset: 0px;
  --divider-color: #E5E9EE;
  --table-thead-background--color:#eee;
}
*, :after, :before { box-sizing: initial; }
html, body{ margin:0; height:100%; font-size:13px;color:#666;background: #f6f6f6;}
body{width: 100%;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #CCC;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #CCC;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #CCC;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #CCC;
}
input:not([type=checkbox]),textarea{
  /* ios safari 去除内阴影 */
  -webkit-appearance: none;
}

[type=checkbox].edit-mode+.layui-form-checkbox:not(.layui-form-checked) {
  border: 1px solid #c2c2c2 !important;
}
[type=checkbox].edit-mode+.layui-form-checkbox:not(.layui-form-checked) .layui-icon,
[type=checkbox].edit-mode+.layui-form-checkbox:not(.layui-form-checked):hover .layui-icon
{
  color: #c2c2c2 !important;
}

[type=checkbox].edit-mode+.layui-form-checkbox.layui-form-checked {
  border: 1px solid #b00 !important;
}
[type=checkbox].edit-mode+.layui-form-checkbox.layui-form-checked .layui-icon,
[type=checkbox].edit-mode+.layui-form-checkbox.layui-form-checked:hover .layui-icon
{
  color: #b00 !important;
}

/*下拉菜单new*/
.select2-container{
  width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #CCC;
}

.select2-container--default .select2-selection--single {
    border-radius: 2px;
    background-color: unset;
    padding: 10px 0px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
  border-width: 6px;
  border-top-color: #c2c2c2;
  border-top-style: solid;
  transition: all .3s;
  -webkit-transition: all .3s;
  margin-left: unset;
  left: unset;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-width: 6px;
  border-color: #c2c2c2 transparent transparent transparent;
  margin-top: -9px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -3px\9;
}

.layout{min-height:100%;background: #f6f6f6;}
.layout.layout--mobile{
  z-index: 980 !important;
  height: auto;
  position: absolute;
  width: 100vw;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.layout.layout--mobile.v-start{
  z-index: 981 !important;
}
.layout.layout--mobile #canvas,
.slide-in-ph #canvas {
  height: calc(100% - 50px);
  position: absolute;
  top: 8px;
}
.transition{transition: 250ms ease;-webkit-transition: 250ms ease;-moz-transition: 250ms ease;-ms-transition: 250ms ease;-o-transition: 250ms ease;}
.jumbotron { padding: 10px 20px; }
.warning { color: #f44336; }
.remind { color: #FFB800; }
.done { color: #8bc34a; }
.plan_date_doing{color:#265fff;}
.plan_date_warning{color:red;}
.plan_date_none{color:#b3b3b3;}

.pepm-table .databox .layui-input { background: #f6f9ff; padding-right:28px;}

/*单表式动态表单专用隐藏类*/
.dynamicFormHide{display: none !important;}
td.dynamicFormHide:first-child + td.dynamicFormHide + td.dynamicFormHide + td.dynamicFormHide + td.add_empty_td{
  display: none;
}
td.dynamicFormHide:first-child + td.dynamicFormHide  + td.add_empty_td{
  display: none;
}

.databox-wrap{ width: 100%;table-layout: fixed; }
.databox-title { height: 30px; }
.databox-bar { text-align: center; }
.databox-bar span { font-size: 22px; }
.databox-list-title, .databox-selected-title { font-size: 14px; color: #5d5a5a; }
.databox-list { overflow-y: auto; border: 1px solid #ccc; height: 300px; position: relative; margin-top: -1px; }
.databox-list .selected, .databox-list .selected:hover { background: #5FB878; color: #fff; }
.databox-item, .databox-wrap .loadmore, .databox-wrap .loaded {min-height: 19px; line-height: 19px; cursor: pointer; border-bottom: 1px solid #e2e2e2; padding: 9px 0 9px 15px; background: #fff; }
.databox-item:hover, .databox-wrap .loadmore:hover { background: #f6f6f6; color: #666; }
.databox-search { border: 1px solid #ccc; }
.databox-nodata, .databox-loading { text-align: center; position: absolute; top: 50%; width: 100%; }
.databox-selected .remove { color: #ff9800; float: right; position: absolute; right: 0; }
.databox-footer { text-align: right; margin-top: 10px; }
.databox-wrap .loadmore, .databox-wrap .loaded { text-align: center; }
.databox-wrap .loadmore .layui-icon { font-size: 16px; }
.databox-wrap .dragbar { cursor: move; padding-right: 5px; }
.databox-wrap .sortable-ghost { background: #ffd391; color: #cda464; }
.databox { position: relative; }
.databox input.label{width:100%;text-align:left;cursor: pointer;}
.databox .layui-edge {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
  border-width: 6px;
  border-top-color: #c2c2c2;
  border-top-style: solid;
}
.databox-parent, .databox-parent:hover { font-weight: bold;background: #f1f1f1; }
.databox-parent,.databox-item{
  padding-right: 3%;
}
.databox-item[data-pid] { padding-left: 30px; }
.databox-selected .databox-item { padding-left: 15px; }
.databox-item .databox-multiple-check {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: transparent;
  float: right;
  /*margin-right: 3%;*/
  margin-top: 2px;
  border: 1px solid #666;
  border-radius: 2px;
}
.databox-multiple-check.checked {
  background: #5FB878 !important;
  border-color: #5FB878 !important;
}
.databox-multiple-check.checked:before {
  content: "\2714";
  color: #fff;
  font-size: 1.3em;
  top: -2px;
  position: relative;
}

.layui-form-item .layui-input-inline {float:none;}
.layui-tab-content{padding:10px 0;}

.layui-tab-content .tab-view-loading {
  min-height: 15em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
  font-size: 17px;
}

.rel_data_btn{margin-bottom:5px;margin-top:1px;}
.pepm-table .layui-input, .pepm-table .layui-select, .pepm-table .layui-textarea{line-height: 100%;border:none;padding:8px 10px;background: #f6f9ff;}
.pepm-table .layui-textarea{line-height: 160%;}
.pepm-table .editormd-html-preview,.pepm-table .editormd-preview-container{ box-sizing: border-box; padding: 0;}
.pepm-table .editormd{margin-bottom: 0px;border:none;}
.markdown-body pre>code { white-space: pre-wrap; }
textarea[type="rte"].rte{
  width: 0px;
  height: 0px;
  resize: none;
  padding: 0 !important;
  border: 0 !important;
}
#edui_fixedlayer{z-index: 99999999 !important;}
.pepm-table .readonly-elem,
form .pepm-table td[ftype][readonly],
.pepm-table .layui-input[readonly],
.editlist .layui-input[readonly],
.pepm-table .databox[readonly] .layui-input {background: #eee;}
.pepm-table .layui-layedit{border:0;}
.pepm-table .layui-layedit .layui-layedit-iframe iframe{background: #f6f9ff;}
.pepm-table {width:100%;border-collapse: collapse;}
.pepm-table .section{background:#fff;font-size:18px;border:none;font-weight:bold;}
.pepm-table .label{background:#f8f8f8;text-align:center;color:#777;min-width: 80px;}
.pepm-table .label, .pepm-table .data{padding:8px 10px;min-height:22px;}
.pepm-form .pepm-list .data { padding: 0; }
.pepm-table .data .select-flag{float:right;font-size:1px;}
.data>li,.data>li>a{color: #ec9f28;}
.pepm-table td,.pepm-table th{padding:0;border:solid 1px #ccc;line-height: 190%;}

.dataTables_wrapper .dataTables_paginate { float: none; text-align: center; }
.dataTables_wrapper .dataTables_processing { position: absolute; top: 0; left: 0; height: 100%; z-index: 9999; background: rgba(255,255,255,0.5); margin: 0; padding: 0; }
.dataTables_wrapper .processing_content { position: absolute; top: 50%; width: 100%; text-align: center; color: #666; font-size: 20px; }
.dataTables_wrapper .layui-icon-loading { font-size: 20px; }
.dataTables_paginate .paginate_button.disabled { display: none; }

.list-header-wrap {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.list-search-wrap {
  width: 100%;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
}
@media screen and (max-width: 767px){
  .list-search-wrap {
    overflow: hidden;
    background: #fff;
    margin-bottom: 2px;
  }
  .list-header-wrap .list-search-wrap {
    padding: 0;
    overflow-x: auto;
    background: transparent;
    margin-bottom: 0;
  }
}
.list-search-type {
  position: absolute;
  line-height: 34px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  width:35px;
  color: #ccc;
}
.list-search-wrap .layui-input{
  line-height: 32px;
  height: 32px;
}
.list-search-wrap .list-search-full{
  margin:0;
}
.list-search-wrap .list-search-input{
  width:100%;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.filter-label{
  line-height: 28px;
  text-align: left;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 992px){
  .list-search-wrap .layui-col-md1 {
    width: 60px;
  }
}

.list-search-input, .list-search-btn {
  display: inline-block;
  border: 1px solid #C9C9C9;
  border-radius: 0;
}
.list-search-wrap .layui-btn{
  width:100%;
  border-left:0;
  line-height: 32px;
  height: 32px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-top: 0 !important;
}


.list-search-type:hover { color: #333; }
.list-search-input { width: 300px; padding-left: 35px; }
.list-search-input:hover { border-color: #009688 !important; }

.list-search-full { color: #673ab7; margin-left: 10px; }
.list-search-popover {position: absolute; top: 37px; z-index: 9999; background: #fff; border: 1px solid #C9C9C9; }
.list-search-popover li { padding: 6px 13px; min-width: 100px; cursor: pointer; }
.list-search-popover li:hover { background-color: #f2f2f2; }
.list-table { margin: 10px 0; }
.list-header-btns {
  float: right;
}
@media screen and (max-width: 992px){
  .list-header-btns{margin-top: 5px;}
  .list-header-btns .list-personal{display:none;}
}
.rel-filter-box .layui-form-item .select2-selection--single,
.list-header-wrap .layui-form-item .select2-selection--single{
  height: 28px;
  line-height: 28px;
}
.list-search-wrap .list-header-btns .layui-btn {
  height: 32px;
  line-height: 32px;
  margin: 0 2px;
  border:1px solid #CCC;
  text-align: center;
  width: auto;
  border-radius: 2px;
  float: right;
}
.list-header-btns .ion { width: 16px; }
.list-filter .layui-form-item { margin: 5px; }
.list-filter-applied { color: #a7a4a4; }
.list-filter-applied, .list-filter { margin-top: 5px; }
.list-filter-icon { padding: 0 8px 0 15px; }
.list-filter-item {
  display: inline-block;
  border: 1px solid #ccc;
  background: #f6f6f6;
  border-radius: 2px;
  padding: 2px 5px;
  color: #333;
  margin-right: 5px;
}
.list-filter .layui-form-label { padding: 4px 0 4px 5px; width: auto; color: #707070; }
.list-filter .layui-input-inline { width: 100%; margin: 0; }
.list-filter .layui-input, .list-filter .layui-select, .list-filter .layui-textarea {
  height:30px;
  padding-left: 5px;
}
.list-filter-remove, .list-filter-clear {
  cursor: pointer; padding: 0 5px;
  font-size:12px;
}
.list-filter-clear {
  border-radius: 2px;
  border:1px solid #CCC;
  padding: 2px 5px;
  background:#FFF;
}

.pagination { margin-top: 5px; }
.v-page-ul { margin: 0; }
.v-table-body-cell { padding: 0 10px; cursor: pointer;}
.list-table .v-table-views .v-table-title-cell .table-title{
  padding:0 10px;
}

.list-table .v-table-views  .v-table-btable .v-table-row:last-child .v-table-body-cell{
  /* border-bottom: none; */
}
.list-table .v-table-views .v-table-footer.v-table-footer-class .v-table-ftable .v-table-body-cell{
  border-bottom: none;
}
.list-table .v-table-views .v-table-footer.v-table-footer-class {
  overflow-y: hidden;
}

.v-table-body.v-table-body-class.v-table-rightview-special-border::-webkit-scrollbar  {
    height: 8px;
    width: 8px;
}
.v-table-views[data-statistic-pos="bottom"][data-has-count="1"] .v-table-body.v-table-body-class.v-table-rightview-special-border::-webkit-scrollbar  {
  height: 0px;
}
.v-table-body.v-table-body-class.v-table-rightview-special-border::-webkit-scrollbar-thumb  {
    background: grey;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.v-table-body.v-table-body-class.v-table-rightview-special-border::-webkit-scrollbar-corner  {
    background: #f6f6f6;
}
.v-table-empty-content, .v-table-empty-scroll::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.v-table-empty-content, .v-table-empty-scroll::-webkit-scrollbar-thumb {
    background: grey;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.v-table-empty-content, .v-table-empty-scroll::-webkit-scrollbar-corner {
    background: #f6f6f6;
}

.v-table-footer::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.v-table-footer::-webkit-scrollbar-thumb {
    background: grey;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.v-table-footer::-webkit-scrollbar-corner {
    background: #f6f6f6;
}

/*列表中的单元格*/
.list-table .v-table-views .data-wrap{
  display: inline-block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
/*列表中的markdown*/
.datatables .data-wrap .editormd-html-preview,.list-table .v-table-views .data-wrap .editormd-html-preview{
  overflow: hidden;
  background-color: transparent;
}
/*列表中的pic,logo_pic*/
.datatables .data-wrap img,.list-table .v-table-views .data-wrap img{
  max-width: 200px;
}
/*列表中的upload*/
.datatables .data-wrap .uploader-view,.list-table .v-table-views .data-wrap .uploader-view{
  line-height: 176%;
}
/*列表中的checklist*/
.datatables .data-wrap .checklist,.list-table .v-table-views .data-wrap .checklist{
  line-height: 190%;
}

.list-filter .layui-btn { margin: 0; }

@media screen and (min-width: 992px) and (max-width: 1119px) {
  .list-filter .layui-col-md2 { width: 11.11%; }
  .list-filter .layui-col-md10 { width: 88.88%; }
}
@media (max-width:1119px){
  .filter-wrap .dateinput{
    background: #fff;
    border: 1px solid #e6e6e6;
    width: 120px;
    display:inline-block;
    margin: 0px;
  }

  .filter-wrap .dateinput.dateinput--single,
  .filter-wrap .dateinput.dateinput--single+input
  {
    width: 100%;
  }

  .filter-wrap .dateinput.dateinput--pair,
  .filter-wrap .dateinput.dateinput--pair+input {
    width: calc(50% - 0.5em);
  }


  .filter-wrap .filter-widget__range {
    width: calc(50% - 0.5em);
    display: inline-block;
  }
}



/*处理td/th高度不一致导致错位问题*/
.pepm-table td,.pepm-table th, .datatables .filter td { height: 0; }
/* pepm-list 表单采用列表模式(block data-style:list)渲染时错位, 排除 */
.pepm-table:not(.pepm-list) .data:before { display:inline-block; content: ''; height:100%; vertical-align:middle; }

.layui-row .filter-wrap{
  width: 100%;
}

.default-file-box a{
  display: inline-block;
  margin-right:10px;
  text-decoration: underline;
  color:#2d8cf0;
}

.pepm-table .select-multi { height: 0; }
.pepm-table .layui-form-select dl { top: auto; }
.layui-form-select dl dd, .layui-form-select dl dt { line-height: 3em; }
.pepm-table .data-wrap, .datatables .data-wrap { display: inline-block; width: 100%; position: relative;overflow: hidden;vertical-align: middle;}

.pepm-table td select{
  width:95%;
  height:38px;
  border:none;
  vertical-align: middle;
  border-radius: 0;
  background: -moz-linear-gradient(top, #f6f9ff 0%, #f6f9ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f9ff), color-stop(100%,#f6f9ff));
  background: -webkit-linear-gradient(top, #f6f9ff 0%,#f6f9ff 100%);
  background: -o-linear-gradient(top, #f6f9ff 0%,#f6f9ff 100%);
  background: -ms-linear-gradient(top, #f6f9ff 0%,#f6f9ff 100%);
  background: linear-gradient(to bottom, #f6f9ff 0%,#f6f9ff 100%);
  background: #f6f9ff;
}
.pepm-table th{background:#f8f8f8;}
.pepm-table tr{max-height:3rem;}
.pepm-table .col1{width:18.53%;min-width: 100px;}
form .pepm-table .value { min-width: 100px; background:#f6f9ff; position: relative; }
form .pepm-table .value[ftype='money'][readonly] input{background:#eee !important;}
form .pepm-table .value[ftype='money'] input{background:#f6f9ff !important;}
form .pepm-table .value[ftype='money_business'] input{background:#f6f9ff !important;}
form .pepm-table .value[ftype='million2'][readonly] input{background:#eee !important;}
form .pepm-table .value[ftype='wan2'][readonly] input{background:#eee !important;}
form .pepm-table .value[ftype='million2'] input{background:#f6f9ff !important;}
form .pepm-table .value[ftype='wan2'] input{background:#f6f9ff !important;}
.pepm-table .value[ftype='money'][readonly] input{background:#eee !important;}
.pepm-table .value[ftype='money'] input{background:#f6f9ff !important;}
.pepm-table .value[ftype='money_business'] input{background:#f6f9ff !important;}
.pepm-table .value[ftype='million2'][readonly] input{background:#eee !important;}
.pepm-table .value[ftype='wan2'][readonly] input{background:#eee !important;}
.pepm-table .value[ftype='million2'] input{background:#f6f9ff !important;}
.pepm-table .value[ftype='wan2'] input{background:#f6f9ff !important;}
form .pepm-table .value[ftype='update_operator']{background:#eee !important;}
form .pepm-table .value[ftype='operator']{background:#eee !important;}
form .pepm-table .value[ftype='timestamp']{padding-left:10px;}
form .pepm-table .value[ftype='bussiness']{position: relative}
.pepm-table .b2data{padding:0;border:none;}
.pepm-table .b2data>table{margin:10px 0;}
.pepm-table th,.pepm-table .noprint{padding:10px;}
table.pepm-table-l{width:100%;}
.pepm-table-l td{padding:10px;vertical-align: top;width:33.33%}
.pepm-table-l td div{display: block;padding:15px;}
.pepm-table-l td div.label{background: #f6f6f6;color:#333;}
.pepm-list .label{text-align:left;background:#f8f8f8;}
.pepm-list,
.pepm-table,
.pepm-handsontable,
.table_canvas .datatables,
.table_canvas .dataTables_paginate
{margin-bottom:10px;}
.pepm-checkbox{ padding:10px 5px;}
@media (max-width:480px){
  .pepm-checkbox,.pepm-radio{float: left;}
  .layui-form-checkbox, .layui-form-checkbox *, .layui-form-radio, .layui-form-radio *, .layui-form-switch{display: inline-flex;float: left;clear: left;}
}
.pepm-checkbox span{margin-right: 8px;}
.pepm-checkbox label{padding:2px 10px ;display:inline-block;}
.edui-icon {display: none;}

.value.eit-editable {
  background: #f6f9ff;
}
.value.eit-readonly {
  background: #eee;
}

.layui-body,#canvas{
  height:calc(100% - 5px);
}
@media (max-width: 812px) {
  .layui-body,#canvas {
    width: 100%;
  }
}

#canvas{padding:10px;box-sizing: border-box;}

#canvas.loading {
  position:relative;
  top: calc(-1 * var(--menuh-height));
  background: #f6f6f6;
  z-index: 999;
}

/* 手机端页面划入 */
.layui-body.no-slide-anim {
  left: 0;
}
#layui-body-placeholder {
  width: 100%;
  height: calc(100% - 5px);
  overflow: inherit;
  background: #f6f6f6;
  position: absolute;
}

.layout.layout--mobile .layui-body {left: 0;height:calc(100vh - 55px) !important;}
.layout.layout--mobile .layui-body.standing{
  transition: 0ms;
  transform: unset;

  z-index: 980 !important;
}
.layout.layout--mobile .layui-body.standing .canvas,
.layout.layout--mobile .layui-body.standing .canvas .elem-new.list--mobile
{
  z-index: 980 !important;
}

.right-out {
  animation: right-out-anim 400ms forwards;
}

@keyframes to-right-in-anim {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes right-out-anim {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(100vw);
  }
}
.layout.layout--mobile.to-right-in {
  z-index: 99999 !important;
}
.layui-body.to-right-in {
  animation: to-right-in-anim 400ms forwards;
}
.layout.layout--mobile #layui-body-placeholder.lbp-start{
  transform: translateX(0px);
}

.slide-anim-ph {
  position: absolute;
  width: 100vw;
  min-height: 100vh;
  height: auto;
  background: #f6f6f6;
  z-index:999999;
  overflow: auto;
}
.slide-anim-ph.to-right-in {
  animation: to-right-in-anim 400ms forwards;
}
.slide-anim-ph.lb-out{
  top: calc(var(--menuh-height) + 8px);
}
.slide-anim-ph.right-out{
  transition: 400ms;
  transform: translateX(100vw) !important;
}

.m-menuh-loading-tmp {
  width: 100%;
  height: 64px;
  position: absolute;
  background: #f6f6f6;
  top: 0;
  z-index: 999999;
}
.layui-body #canvas .slide-loading {
  text-align: center;
  position: relative;
  top: 23%;
  font-size: 24px;
}
.layui-body.fixed-loading {
  position: fixed !important;
  top: 0 !important;
  z-index: 2001;
}
.layui-body #canvas .slide-loading .ph {
  margin-bottom: 16px;
}
.layui-body #canvas .slide-loading .ph.logo {
  background: transparent !important;
}
.layui-body #canvas .slide-loading .logo img{
  width: 50%;
}

.content-side { display: none; }
.content-side-open .content-main { float: left; width: 30%; border-radius: 5px; background: #fcfcfc; height: 100%; overflow: auto; }
.content-side-open .content-side { float: left; width: 70%; display: block; height: 100%; position: relative; }
.content-side-close .content-side { float: left; width: 100%; display: block; height: 100%; position: relative; }
.content-side-open .entity_info { width:100% !important; }
.content-side-open .dt-buttons,
  .content-side-open .dataTables_info,
  .content-side-open .list_chosen_actions,
  .content-side-open .tr_count,
  .content-side-open thead.filter
  { display: none; }
.content-side-open .dataTables_wrapper .dataTables_paginate { float: left; }
.content-side-open .layui-table td, .content-side-open .layui-table th, .content-side-open table.dataTable.no-footer { border: none; }
.content-side-open .content-main .content-wrap { padding: 10px; }
.content-side-open .content-main .layui-table tr.even { background: #fff; }
.content-side-open .content-main .layui-table tr { border-bottom: 1px solid #e2e2e2; }
.content-side-open .content-main .layui-table tr.active { background: #ec7728; color: #fff; }
.content-side-open .content-main .layui-table tr.active:hover { background: rgba(236, 119, 40, 0.5) !important; }

.content-side .side-bar {
  cursor: col-resize;
  width: 10px;
  border-right: 3px solid #ccc;
  position: absolute;
  height: 100%;
  /* 箭头处关闭边栏功能失效问题 */
  z-index: 11111;
}
.content-side .side-toggle {
  position: absolute;
  top: 50%;
  text-align: center;
  background: #f6f6f6;
  padding: 10px 0;
}
.content-side .content-wrap { padding-left: 20px; height: 100%; overflow: auto; }
.content-side .content { border-radius: 5px; padding: 0 10px; background: #fff; height: 100%; }
.content-side .content-wrap .close-content { position:absolute;right:0;margin:8px;z-index:200;cursor: pointer; }


.block-1{width:32%;display:inline-block;vertical-align: top;}
.block-2{width:64%;display:inline-block;vertical-align: top;}
.ion{font-size:16px;width:20px;}
#menuh-0 li.layui-nav-item .ion, #menu2-0 li.layui-nav-item .ion, #menu2-1 li.layui-nav-item .ion{width:0;}
.layui-body{right:0px;overflow:inherit;background: #f6f6f6;position: absolute;}
.block{width:33.333333333%;float:left; margin-bottom: 5px; min-height: 400px;}
.block2{width:66.666666666%;float:left;}
.block3{width:100% !important;float:left;}
.half_block{width:50% !important;float:left;}
.block_box .block.block--50{width: 50%;}
.block_c{margin:0 10px 0 0;border:solid 1px #eee;}
.block h4{padding:10px 15px;font-size: 14px;color:#333;background: #f2f2f2;}
.block-content{min-height:85%;padding:0;}
.block_box .block_c span.ion {color: #fe9b33;}
.block[data-url*="comment"] h4+hr {
  display: none;
}
.block_magictap{
  width:100% !important;
  min-height: 120px !important;
}

.block-content .shortcut {
  display: flex;
  flex-wrap: wrap;
}
.block-content .shortcut-btn {
  margin: 0;
  padding: 0;
  border: 0;

  width: calc(20% - 1px);
  padding: 1em 0;

  min-width: 72px;

  border-radius: 0;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;

  display: border-box;
}
.block-content .shortcut-btn:nth-child(5n) {
  border-right: 0;
}

.layui-form-label{text-align:center;width: 105px}
.laydate_box{font-family: arial;}
.pepm-form .layui-form-label{text-align:left;width:auto;float:none;}
.pepm-form .layui-form-switch{margin:8px;}
.pepm-form { padding:10px; background: #fff; border-radius: 5px; }
.editintime td[readonly] { cursor: not-allowed; }

/* table - list - style */
.dataTables_filter{margin:0 0 10px;}
.btns{margin-top:10px;}
.datatables td{cursor: pointer;}
.dataTables_filter input{display: inline-block;width:auto;}
.datatables .filter td{overflow:visible;}
.datatables td.nc{width:30px;}
.layui-layer-content{ padding:8px;}
.layui-layer-setwin{height: 42px;top: 0 !important;right: 0 !important; min-width: 42px ;}
.layui-layer-setwin a{margin: 6px !important;}
.layui-input-block{margin-left:12px;margin-right: 12px;}
.item .item-filter .layui-input-block{margin-left:0;}
.item .item-order{height: 40px;}
.pepm-view .layui-input-block{color: #333;padding: 5px;min-height: 14px;}
.pepm-view .layui-form-label{width:160px;text-align:right;padding:6px;}
.pepm-view .layui-form-item{margin-bottom:0;}
.layui-layer-content .block-1,  .layui-layer-content .block-2{width:48%;display:inline-block;}
.etitle { padding: 10px; font-size: 20px; }
h1.pepm-title,h2.pepm-title{font-size:26px;font-weight:300;padding:10px; }
h2.pepm-title{font-size:18px;font-weight: bold;}
.layui-layer-content .layui-input-block{line-height: 3;}
.layui-layer-content .layui-input-block [lay-ignore]{margin-right: 5px;}
.layui-layer-content .layui-form-item .layui-input-inline .layui-select{width: 100%}
.layui-layer-content .databox-title .databox-list-title{padding-left: 10px;}
.layui-layer-content .databox-muti{padding: 5px 10px;}
.layui-layer-content .layui-input-inline{margin-top: 0 !important}
.layui-layer-content #submit-redirect-prop .layui-col-md12{padding-bottom: 5px;}
.pepm-radio {
  padding: 0px 10px;
}
.pepm-radio[data-direction] {
  display: flex;
  flex-direction: row;
}
.pepm-radio[data-direction="row"] {
  flex-direction: row;
}
.pepm-radio[data-direction="column"] {
  flex-direction: column;
}
.pepm-radio div.layui-form-radio{
  display: flex;
}
.pepm-radio[data-direction=""] div.layui-form-radio,
.pepm-radio[data-direction="row"] div.layui-form-radio {
  align-items: center;;
}
.pepm-radio div.layui-form-radio .layui-icon{
  display: inline-block;
}
.pepm-radio div.layui-form-radio span{
  display: inline-block;
}

.layui-input,.layui-select{line-height:38px;}
.pepm-view h4{text-align: center;font-size:16px;font-weight:bold;}
.redirect-title{font-size:20px;font-weight: bold; color:#009688;margin-bottom:10px 0;}
.redirect{padding:40px;}
.layui-layer-content .hide,.hide{display:none;}
.puretext{font-size:15px;padding:0 0px 10px;}
.layui-form-selected dl{
  width: 100%;
}

.pepm-list li{padding:10px;}
.pepm-list li .label {padding:10px 0;}
.pepm-list li .value {text-decoration: underline;color:#369;}

/*表单内关联数据border*/
.pepm-form .rel_data .layui-table th,.pepm-form .rel_data .layui-table td,.pepm-view .rel_data .layui-table th,.pepm-view .rel_data .layui-table td{ border: 1px solid #ccc;}

/*Excel插件 start */
.excelBox .layui-table th,
.excelBox .layui-table td,
.excelBox .layui-table[lay-skin="line"],
.excelBox .layui-table[lay-skin="row"],
.excelBox .layui-table-view,
.excelBox .layui-table-tool,
.excelBox .layui-table-header,
.excelBox .layui-table-col-set,
.excelBox .layui-table-total,
.excelBox .layui-table-page,
.excelBox .layui-table-fixed-r,
.excelBox .layui-table-tips-main,
.excelBox .layui-table-grid-down{border-color: #ccc;}
.excelBox .layui-table-view{position: relative;}
.excelBox .layui-table .tablerow{overflow: hidden;text-overflow: ellipsis;}
.excelBox .layui-table .tablerow a{display: none;}
.excelBox .layui-table .tablerow:hover a{display: inline;}
.excelBox .layui-table thead th a{display: none;}
.excelBox .layui-table thead th:hover a{display: inline;}
/*Excel插件 end */

.pepm-form .notifybox{ background: #fff;padding:5px 10px;margin-bottom: 10px; border: 1px solid #ccc; }
.notifybox h4{color:#009688;display: inline-block;padding-right:5px;width:50px}
.notify-to{
  line-height: 20px;
  padding: 0 5px;
  margin: 5px 1px!important;
  display: inline-block!important;
  background: #DDD;
  cursor: pointer;
  border-radius: 2px;
}
.notifybox input[type='checkbox']{
  display: none !important;
}
.notifybox .active{
  color: #FFF;
  background: #5cb85c}
.notifybox .zactive{
  color: #FFF;
  background: #ff0000;
}

.noitify{background: #fff;margin-bottom:10px;}
.notify h4{color:#009688;display: inline-block;padding-right:10px;}
.pepm-action-btns .layui-input-block{margin:0;}
.layui-open{max-width: 1020px;margin:0 auto;background:#fff;}
.layui-open .pepm-action-btns{position:relative;}
.pepm-action-btns:nth-of-type(1){margin: 10px 0;}
.layui-open .msg{padding:20px;}
.layui-open .msg h1{font-size:28px;margin-bottom:20px;}
.body--mobile .layui-open #canvas { padding-bottom: 10px !important; top: 0; }
@media screen and (max-width: 1030px) {
  .layui-open {
    margin:0px auto;
  }
}

/* 正常状态 */
/* 2022-08654 顶部按钮不再浮动 */
/* .pepm-action-btns--float.pepm-action-btns--top {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  z-index: 2000;
  width: fit-content;
} */
.pepm-action-btns--float.pepm-action-btns--bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 10px;
  z-index: 2000;
  width: fit-content;
}
 /* 弹窗 */
.pepm-action-btns--top.pepm-action-btns--float.pepm-action-btns--in-modal:not(.pepm-action-btns--mobile) {
  top: -40px;
}
.pepm-action-btns--bottom.pepm-action-btns--float.pepm-action-btns--in-modal:not(.pepm-action-btns--mobile) {
  bottom: -40px;
}

/* 移动端正常状态 浏览页面 */
.pepm-action-btns--mobile.pepm-action-btns--top:not(.pepm-action-btns--in-modal) {
  top: 8px !important;
  transition: transform 0.2s;
}
.pepm-action-btns--mobile.pepm-action-btns--bottom:not(.pepm-action-btns--comment):not(.pepm-action-btns--in-modal) {
  top: 8px !important;
  bottom: calc(var(--mobile-menu-height) + 8px);
}
.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--comment:not(.pepm-action-btns--in-modal) {
  top: 8px !important;
  bottom: calc(var(--mobile-menu-height) + 52px + 8px);
}

/* 2022-08654 顶部按钮不再浮动 */
/* .toolbar.show[data-toolbar-on-top="false"] ~ .layout.layout--mobile .pepm-action-btns--top {
  transform: translateY(48px);
}
.toolbar.hide--smooth[data-toolbar-on-top="false"] ~ .layout.layout--mobile .pepm-action-btns--top {
  transform: translateY(0px);
} */

/* 移动端正常状态 编辑页面 */
.pepm-action-btns--mobile.pepm-action-btns--top.pepm-action-btns--in-modal {
  top: 0px !important;
}
.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--in-modal:not(.pepm-action-btns--comment) {
  bottom: 58px;
}
.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--in-modal.pepm-action-btns--comment {
  bottom: var(--mobile-menu-height);
}

.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--in-modal.pepm-action-btns--view-page:not(.pepm-action-btns--comment) {
  bottom: 8px;
}
.pepm-action-btns--mobile.pepm-action-btns--bottom.pepm-action-btns--in-modal.pepm-action-btns--view-page.pepm-action-btns--comment {
  bottom: var(--mobile-menu-height);
}

/* 移动端无评论框 编辑页面 */
.layout--mobile .pepm-action-btns.pepm-action-btns--float.pepm-action-btns--no-comment.pepm-action-btns--bottom {
  bottom: calc(var(--mobile-menu-height) + 10px);
}

.openlink{display: block;margin-top:5px;}
.openlink-link{padding:5px 10px;border:solid 1px #cde;background: #def;}
.copylink {
  position: relative;
}
.copylink input {
  width: 200px;
  font-size: 13px;
  border: 1px solid #dddee0;
  border-radius: 4px;
  padding: 8px;
}
.copylink a {
  padding: 2px 8px;
  background: #fff;
  position: absolute;
  top: 2px;
  right: 4px;
}
#filebox-wrap{padding:20px;}
.uploader select{display:none!important;}
table.dataTable thead th, table.dataTable thead td { padding: 10px; }
.captable_class{width:100%;overflow:auto;}
.captable_class table.dataTable th, .captable_class table.dataTable td { padding: 5px 10px;}
table.dataTable thead th.checkall { padding: 8px 10px; }
.data-table .noprint{text-align:right;padding:5px;}
.rel_data_btn > .noprint {padding: 0 10px;}
.file-list .file-del {position: relative;top: 2px;cursor:pointer}
form .pepm-table td[ftype][readonly] .file-list .file-del {pointer-events:none}
.html{padding:10px;line-height: 200%;}
input[type=search]{-webkit-appearance:none;}
.config-btn .layui-inline { margin-bottom:10px; }
.config-btn .layui-input-block { margin-left: 0; }
.table_canvas{
  overflow-x: auto;
  clear:both;
  width:100%;
  -webkit-overflow-scrolling: touch;
}
.table_canvas table {
  box-sizing: border-box;
}
.ajax_block .table_canvas{
  overflow-x: scroll;
}
@media (min-width: 58em){
  #canvas>form>.dataTables_wrapper>.table_canvas{
    max-height:calc(100vh - 115px);
    overflow-y: scroll;
    overflow-x: scroll;
  }
}
.table_canvas::-webkit-scrollbar {
    height: 8px;
    width:8px;
}
.table_canvas::-webkit-scrollbar-thumb {
  background: grey;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table_canvas::-webkit-scrollbar-track{
  background: #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table_canvas::-webkit-scrollbar-corner{
  background: #f6f6f6;
}
.ios_handle{
  border-right:solid 10px #ccc;
  overflow-x: visible !important;
  overflow-y: visible !important;
}
@media (max-width: 767px) {
  .block-content .ajax_block .ios_handle{
    overflow-x: scroll !important;
    border-right: 0 !important;
  }
}
.list-table .ios_handle { overflow: auto !important; } /*会否造成 IOS 无法拖拽?*/

.datatables th,.datatables td {
    cursor: pointer;
    white-space: nowrap;
    max-width: 200px;
    overflow:hidden;
    text-overflow: ellipsis;
}
.datatables td div.data, .datatables td .muti {
    overflow:hidden;
    text-overflow: ellipsis;
}
.entity_wrap {
  position: relative;
}
.entity_info{margin-bottom: 10px; padding: 10px; background: #fff; border-radius: 5px; position: relative;}
@media screen and (max-width: 767px) {
  .entity_info{margin-bottom: 4px; padding-top: 30px;}
}
/*打印属性设置*/
@media print {
  .noprint,.noprint *{ display: none }
  .layui-body{left:0px !important;}
  .entity_info{width:100% !important;}
 }
/* 下面代码需考虑屏幕自适应*/

@media (max-width: 58em){
  .block,.block2,.block_box .block.block--50{width:100%;}
  .layui-layer-content{padding:5px;}
  #layui-layim-chat,#layui-layim,.layui-layer-msg{ padding:unset;}
}

@media (max-width:480px){
  /* 为顶部菜单提供间距 防止出现滚动条 */
  .table_canvas{
    display: block;
    border-bottom: none !important;
    background: none;
    width: auto !important;
  }

  .layui-layer-page .layui-layer-content,.layui-layer-modal .layui-layer-content{background: #f6f6f6;padding:5px;}
  .layui-layer-content .pepm-view{margin:0px;}
  .b-header{padding-left:40px;}
  #etitle,.layui-field-title{text-align: center;}
  .config-btn .layui-inline{ float: none !important; display: block; }
  .layui-btn{line-height: 32px;height:32px;padding:0 10px;}

  .pepm-table .label{width:30%;}
  .pepm-table td.label[colspan="1"]{width:30%}
  .pepm-table td.value[colspan="1"]{width:70% !important;}
   /*2023-08534补充-兼容移动端设备问题*/
   .ajax.pepm-form .pepm-table td.label[colspan="1"],.pepm-view .pepm-table td.label[colspan="1"]{width:30%;}
   .ajax.pepm-form .pepm-table td.value[colspan="1"],.pepm-view .pepm-table td.value[colspan="1"]{width:70%;}
  .pepm-table .value{width:70%;}
  .layui-table tbody tr:hover, .layui-table-hover { background: #fff !important; }

  .pipeline-box:not(.mydeal) .poolbox-l li{box-sizing: border-box;margin-right: 0;width: calc(50% - 3px);}
  .pipeline-box:not(.mydeal) .poolbox-l li:nth-of-type(even){float:right;}
  .pipeline-box:not(.mydeal) tr:nth-of-type(n+2){border-bottom:7px solid #f6f6f6;background: #f6f6f6;}
  .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td{width:50%;float:left;box-sizing: border-box;}
  .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td:last-child{border-right: none;}
  .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td:nth-of-type(odd){float:left;border-right: 3px solid #f6f6f6;clear: both;}
  .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td:nth-of-type(even){float:right;border-right:none;border-left: 3px solid #f6f6f6;}
  .pipeline-box:not(.mydeal) tr:nth-of-type(n+2) td:nth-of-type(n+3){border-top: 7px solid #f6f6f6;}
}
td.value[ftype=sign] {
  padding: 8px 10px;
}

.card-action-btn{
  margin-top: 0px;
  margin-bottom:15px;
}
.card-action-btn .layui-btn{
  padding:0 15px;
  font-size: 18px;
}

.pull-right {
  float: right !important;
}

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

.layui-icon.page {
  position: relative;
  top: 1px;
  display: inline-block;
  line-height: 1;
}

.sidebar {
    display: inline-block;
}

/*desktop*/
.layui-layedit-tool .layui-icon {
  position: relative;
  width: 22px;
  height: 20px;
  line-height: 20px;
  margin: 2px 3px;
  color: #777;
  cursor: pointer;
  border-radius: 2px;
}

.layui-layer-title{background: #fff !important;}
.layui-layer-page .layui-layer-content,.layui-layer-modal .layui-layer-content{background: #f6f6f6;padding:10px;}
.layui-layer-content.layui-layer-content--float-btn {
  overflow-y: visible !important;
}
.layui-layer-content.layui-layer-content--float-btn {
  overflow-y: visible !important;
}
#layui-layim-chat,#layui-layim { padding: 0; }
/*btn*/
.layui-btn{background:#38bca5;color:#fff;margin-top:-1px;}
.doc-action>span.layui-btn{background: #fff;color:#555}
.layui-btn-primary {background-color: #fff;color: #555;}
.dt-buttons .layui-btn,.dt-button+.layui-btn { margin-left: 0; }
div.dt-button-collection { width: 80px; }
/*shortcut*/
.shortcut{display: inline-block;}
.shortcut-btn{
  text-align: center;
  border-radius: 3px;
  padding: 5px;
  margin: 0 10px 10px 0;
  border: 1px solid #CCC;
  float: left;
  overflow: hidden;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.shortcut-btn:hover{
  background: #ec7728;
  color: #FFF;
  border-color: #ec7728;
}
.shortcut .shortcut-btn .shortcut-name{
  overflow: hidden;
  height: 17px;
}
.shortcut-btn .ion{
  font-size: 34px;
  margin-bottom: 5px;
  margin-top: 5px;
  height: 28px;
  width: 100%;
  line-height: 28px;
}
.shortcut-btn p{
    font-size: 12px;
    margin-bottom: 5px;
}

#desktop-search-box-wrapper {
  display: none;
}
#shortCut~#desktop-search-box-wrapper {
  display: block;
}

@media screen and (max-width: 767px) {
  .shortcut.shortcut-mobile {
    padding: 0 ;
    display: flex;
    flex-wrap: wrap;
    min-height: 70px;
    width: 100%;

    margin-bottom: 8px;

    background: var(--pepm-white);
    z-index: 9999999;

    overflow: hidden;
    -webkit-overflow-scrolling : touch;
  }

  .shortcut.shortcut-mobile .shortcut-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    box-sizing: border-box;

    flex: 0 0 25%;

    border: 0;
    padding: 0;
    margin: 0;

    height: 70px;

    width: 25%;
  }
  .shortcut.shortcut-mobile .shortcut-btn:hover {
    background: transparent !important;
  }

  .shortcut.shortcut-mobile .shortcut-btn p:first-child {
    margin: 0;
  }
  .shortcut.shortcut-mobile .shortcut-btn p:first-child span{
    /* color: var(--pepm-red); */
    color: var(--secondary-color);
    font-size: 20px;
    margin: 0;
  }
  .shortcut.shortcut-mobile .shortcut-btn .shortcut-name {
    color: var(--pepm-text-color);
    font-weight: bold;
    font-size: var(--pepm-secondary-font-size);
    margin: 0;
    overflow: auto;
    overflow-y: hidden;
  }

  .shortcut.shortcut-mobile .shortcut-btn:nth-last-child(2):first-child,
  .shortcut.shortcut-mobile .shortcut-btn:nth-last-child(2):first-child~.shortcut-btn
  {
      flex: 0 0 50%;
  }
  .shortcut.shortcut-mobile .shortcut-btn:nth-last-child(3):first-child,
  .shortcut.shortcut-mobile .shortcut-btn:nth-last-child(3):first-child~.shortcut-btn
  {
    flex: 0 0 33.3%;
  }
}

/*愉悦不需要必填提示*/
.required-input{color:#f33;}
/*高亮不必填*/
.highlighted-input{color:red;}
@media (max-width: 480px){
  .dataTables_wrapper .dataTables_filter input {margin-left: 0;width: 100%;}
  .shortcut{padding: 10px 0 0 10px;}
}

/* shortcut navbar */
.scnavbar {
  display: block;
  overflow: hidden;

  width: 100%;
  margin: 4px 0;
  background:#fff;

  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.scnavbar .scnavitem {
  float: left;

  padding: 10px 0;
  text-align: center;
  width: 20%;
}
.scnavbar .scnavitem p {
    height: 32px;
}
.scnavbar .scnavitem .scnavitem-icon {
  font-size: 28px;
  padding: 4px 4px 0 4px;
}
.scnavbar .scnavitem .scnavitem-name {
  padding: 4px 4px 0 4px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

/*search*/
input[type=search]::-webkit-search-cancel-button{-webkit-appearance: none;width: 32px;height: 32px;background: url("images/close.svg") no-repeat center; background-size: 20px 20px;}
/*mydeal*/
.mydeal {border-collapse: separate;border-spacing: 7px 0;}
.mydeal td{padding-top: 0;}
.mydeal .had .poolbox li{background: #38bca5;color:#fff;}
.mydeal .having .poolbox li{background: #dcdcdc}
.mydeal td.poolbox-b h6{color:#666;float: left;margin: 10px 10px 0 0;}

/*news*/
.show-more{font-size: 12px;}
.block_box .block_c{background:#fff;}
.block h4{
  background: #fff;font-size: 16px;
  height: 20px;
  line-height: 20px;

  /* ie hack */
  height: auto\9;
  height: auto\0;
}
.block_c>hr{margin: 0 10px;}
#news-content .file-list li h1{ font-size: 16px; margin:5px 0 5px; }
#news-content .file-list li{ border-bottom: 0; padding:0; line-height: 1.5;  }
#news-content .file-list li>hr{ margin:10px 0; }
#news-content .file-list li .info span i{color:#fe9c34;}
  @media (max-width: 58em){
    .block_c{ margin-right:0; }
}

.edui-notadd td{ border:none;}
/*datatable*/
.checklist{padding:8px 10px;}
.checklist .layui-progress-big,.checklist .layui-progress-big .layui-progress-bar {margin-bottom: 10px;}
.checklist .addcheck{margin:10px 21px 10px 41px;display: none;}
.checklist .addcheck .check_edit{
  overflow: hidden;
  width: 100%;
  resize: none;
  border-radius: 3px;
  border: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,.33);
  box-sizing: border-box;
  -webkit-appearance: none;
  margin-bottom: 10px;
  padding: 7px;
  word-wrap: break-word;
  height: 32px;
  background: #fff;
}
/* 2023-08139 checklist控件数据显示一行改动*/
.checklist .check_options .check_item{padding-top: 5px;padding-bottom: 5px;display: flex;}
.checklist .check_options .check_item .layui-form-checkbox{max-width: calc(100% - 15px);display: inherit;}
.checklist .check_options .check_item .layui-form-checkbox span{padding-right: 5px;max-width: 100%;word-break: break-word;}
.data-wrap .checklist{padding:0; min-width: 100px;}
/* 2023-10196 checklist控件移动端 换行显示*/
.layout.layout--mobile .checklist .check_options .check_item .layui-form-checkbox span{word-break: break-all;white-space:unset}
.checklist .check_options .check_item .layui-form-checkbox i {font-size: 16px;}
.checklist .check_options .check_item .layui-form-checkbox *{-webkit-box-sizing: unset;box-sizing: unset;}
.checklist .check_options .check_on_edit .layui-form-checkbox span{display: none;}
.checklist .check_options .check_on_edit .check_to_edit{display:none;}
.checklist .check_options .check_to_edit{cursor: pointer; transform: translateY(-3px);}
.checklist .check_options .check_on_edit .addcheck{
  display: inline-table;
  width: calc(100% - 48px);
  margin:0 8px;
}
.checklist .check_to_add{margin:10px 0 10px 40px;}
.checklist .check_to_save{margin:10px;}
.checklist select{display: none !important;}
.check_options input[type="checkbox"]{
  display: none !important;
}
@media screen and (max-width: 767px) {
  .checklist .check_options .check_item {
    display: flex;
    align-items: center;
  }
  .checklist .check_options .check_item .layui-form-checkbox {
    display: flex;
  }
}
 /*表格*/
/*.pepm-table-wrap{overflow:auto;}*/
.pepm-table-wrap .pepm-table{table-layout: fixed;word-break: break-word;}
form .pepm-table td{
  background: #f6f9ff;
  vertical-align: middle;
  cursor: pointer;
  height: 100%;
}
form .pepm-table td[readonly]{background: #eee;vertical-align: middle;cursor: pointer;}
.pepm-table td{background: #fff;vertical-align: middle;cursor: pointer;}
.pepm-table tr[mobile_tr_hide],
.pepm-table td[colspan="-1"]{display: none;}
.pepm-table td[colspan="1"]{width:16.7%;}
.pepm-table td[colspan="2"]{width:33.4%;}
.pepm-table td[colspan="3"]{width:50.1%;}
.pepm-table td[colspan="4"]{width:66.8%;}
.pepm-table td[colspan="5"]{width:83.5%;}
.pepm-table td[colspan="6"]{width:100%;}
@media (min-width: 767px) {
   /* 2023-08534 优化关联数据表格和主表单对不齐问题*/
  .ajax.pepm-form .pepm-table td[colspan="1"],.pepm-view .pepm-table td[colspan="1"]{width: calc((100% - 60px) / 6);}
  .ajax.pepm-form .pepm-table td[colspan="3"],.pepm-view .pepm-table td[colspan="3"]{width: calc(50% - 20px);}
  .ajax.pepm-form .pepm-table td[colspan="5"],.pepm-view .pepm-table td[colspan="5"]{width: calc((100% - 20px) / 6 * 5);}
  /* 2023-09783 详情页在safari浏览器中，样式显示错位 */
  .ajax.pepm-form .pepm-table td[colspan="2"],.pepm-view .pepm-table td[colspan="2"]{width: calc((100% - 60px) / 6 * 2)}
  .ajax.pepm-form .pepm-table td[colspan="4"],.pepm-view .pepm-table td[colspan="4"]{width: calc((100% - 20px) / 6 * 4);}
  .ajax.pepm-form .pepm-table td[colspan="6"],.pepm-view .pepm-table td[colspan="6"]{width: 100%;}
}

.pepm-table td img{max-width:100%;}
.pepm-table td .pic{margin-bottom: 5px;}
.pepm-table td .logo_pic{margin-bottom: 5px;}
.pepm-table td .data .list-paddingleft-2 , .pepm-table td .data .list-paddingleft-1{
  padding-left: 20px;
  box-sizing: border-box;
}

table.dataTable {border-collapse: collapse;}
table.dataTable.no-footer{border-bottom: 1px solid var(--divider-color)}
.weekTable{
  position: relative;
}
.weekTable::before, .weekTable::after{
  content: '';
  position: absolute;
  display: block;
  z-index: 9999;
  pointer-events: none;
  left: 0;
  top: 47px;
  background: var(--divider-color);
}
.weekTable::before{
  width: calc(100% - 18px);
  height: 1px;
}
.weekTable::after{
  width: 1px;
  height: 100px;
}
.layui-table:not([no-even]) tr:nth-of-type(even) {
  background-color: #f6f6f6;
}
table.dataTable tr.filter th{padding: 5px;}
table.dataTable thead .checkall{padding:8px 10px;background-image:none;width:30px;}
table.dataTable  .layui-form-checkbox{margin:0;}
.dt-button-background { background: rgba(0,0,0,0) !important; }
.pepm-table .layui-form-checkbox{margin:0 4px;}
.op-excel td{padding:5px;min-width:50px;}

.layui-form-horizontal .layui-input-block{clear:both;}
table.datatables .filter td{padding:2px;}
.dataTables_info{float:left;}
.datatables td{cursor: pointer;}

table.dataTable th {
  background-color: #eeeeee;
}
table.dataTable tbody tr:hover {
  box-shadow: 0px 0px 8.1px 0.9px rgba(15, 15, 15, 0.15);
}
table.dataTable tbody tr:hover + tr {
  box-shadow: inset 0  5px 5px  rgba(15, 15, 15, 0.15);
}
table.dataTable tbody td,table.dataTable th{
  border-color: #dddddd;
}
.layui-table:not([no-even]) tr:nth-of-type(even) {
  background-color: #f9f9f9;
}

.select2-choice_count {
  float: left;
  color: #000;
  cursor: default;
  padding: 5px 5px 0;
}
.list_chosen_actions{float:right;padding:8px;}
div.dt-buttons { float: right; margin-left: 5px; }
.markdown ul{list-style-position: inside;}
/*!
 * Handsontable ContextMenu,结局部分游览器handsontable控件隐藏失效问题
 */
.htContextMenu {
  display: none;
  position: absolute;
  z-index: 999999999;
}
textarea#HandsontableCopyPaste {
  position: fixed !important;
  bottom: 100% !important;
  right: 100% !important;
  outline: 0 none !important;
}
.edui-notadd .edui-editor{
  background: #f6f9ff !important;
}
/* 流程 */
.flow-node-icon { color: #5FB878; }
.flow-node-icon:hover { color: #FF5722; }
.flow-node-title { font-size: 18px; color: #333; font-weight: 500; vertical-align: middle; }
.flow-node-meta { font-size: 16px; float: right; font-weight: normal; }
.flow-node-reject, .flow-node-reject .flow-node-icon { color: #a7a4a4; }
.flow-info { color: #1E9FFF; }
@media screen and (max-width: 767px) {
  .flow-btn-group .flow-act-btn {
    box-sizing: border-box;
    width: calc(20%);
    margin: 0 10px 10px 0;
    padding: 0;
    text-align: center;
  }
  .flow-btn-group .flow-act-btn:nth-child(1),
  .flow-btn-group .flow-act-btn:nth-child(6),
  .flow-btn-group .flow-act-btn:nth-child(10) {
    margin-left: 5px;
  }
  .flow-btn-group .flow-act-btn:nth-child(5),
  .flow-btn-group .flow-act-btn:nth-child(9) {
    margin-right: 5px;
    margin-left: 5px;
    width: calc(23% - 10px);
  }
}
/* end of 流程 */
.link_style{
   color:blue;
   text-decoration: underline;
}
.link_style:hover{
   color:rgb(236,120,40);
}
.proced[data-lc-label-type='colorborder'] .link_style{
  text-decoration: unset;
}

.layui-layer-setwin a{
    width:30px !important;
    height:30px !important;
    background-size: 300px 80px;
    margin-top:-10px;
    margin-right:-10px;
}
.layui-layer-setwin a.layui-layer-min {
  display: none !important;
}
.layui-layer-setwin a.layui-layer-maxmin,
.layui-layer-setwin a.layui-layer-max
{
  width: 16px !important;
  height: 16px !important;
  background-size: auto;
  top: 8px;
}
.layui-layer-setwin .layui-layer-close1{
    background-position: 8px -46px !important;
}

.layui-layer-rim .layui-layer-content{
    position:static !important;
}

/*系统载入动画背景样式*/
.bg_gray{
    width:100%;height:100%;position:fixed;background:#fcfcfc;z-index:9999;text-align:center;
}


/* 重写select2 选中样式 */
.select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-container--default .select2-selection__rendered,
  .select2-container--default .select2-selection--single .select2-selection__arrow
  {
  outline: none;
  line-height: initial;
  height: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
  vertical-align: top;
  height: 20px;
  line-height: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline{
  width:100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline .select2-search__field{
  height: 26px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
  vertical-align: top;
  padding-left:5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  line-height:26px;
  overflow:hidden;
  padding:0 5px;
  padding-right:0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  float: right;
  padding: 0;
  margin-left: 5px;
  line-height: 21px;
  margin-right: 0;
  height: 26px;
  background: #FFF;
  width: 26px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    line-height:18px;
    height:18px;
}
.filter-wrap .select2-container .select2-selection--single .select2-selection__rendered{
  background-color: #fff;
  margin-top: -10px;
  border: 1px solid #e6e6e6;
}
.filter-wrap .select2-container--default .select2-selection--single .select2-selection__clear{
    line-height:27px;
    height:27px;
}

/*列表搜索*/
.list-filter .row-wrapper {
  width: 100%;
}
.list-filter .select2-selection__rendered { height: auto; padding-left: 5px; }
.list-filter .select2-selection--multiple .select2-selection__choice  { margin: 0 2px 0 0; line-height: 18px; font-size: 12px; }
.list-filter .select2-selection--multiple .select2-selection__choice__remove {
  height: 26px;
  line-height: 22px;
}
.list-filter .select2-selection--multiple .select2-selection__clear {
  font-size: 13px;
  line-height:28px;
  height:28px;
}
.list-filter .select-mu { height: 28px; width: 100%; }
.list-filter .select2-selection--multiple {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background: #fff;
  min-height: 30px;
}
.list-filter .select2-search__field { padding: 0 !important; margin: 0 !important; }
.list-filter .select2-container--default .select2-selection--multiple { margin: 0; }

.arrow-down {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
  border-width: 6px;
  border-top-color: #c2c2c2;
  border-top-style: solid;
}

.list-filter [data-ftype=range] input[type=number] {
  width: calc(50% - 0.5em - 2px) !important;
  margin: 0px;
}
.list-filter [data-ftype=range] input[type=number]:last-child {
  width: calc(50% - 0.5em + 2px) !important;
}

/* 手机端样式 */
#load_more{
  height:40px;line-height:40px;text-align:center;background:#fff;cursor:pointer;display: none;
}

#all_items .layui-table tr {
  border-bottom: 1px dashed #DDD;
  background: #FFF;
}
#all_items .layui-table tr td{
  padding: 5px 0 ;
  vertical-align: top;
  width: 50%;
}
#all_items .layui-table tr td:last-child{
  text-align: right;
}
#all_items{
  padding: 0;
  margin-bottom:30px;
}
#all_items>.jumbotron{
  background:#fff;
  margin-top:10px;
}
.block_box #all_items>.jumbotron{
    text-align: center;
}
#all_items .each_item{
  background:#fff;
  padding: 10px;
  margin-top:10px;
}
#all_items .each_item:first-child{
  background:#fff;
  padding: 10px;
  margin-top:6px;
}
#all_items .title{
  padding-left:10px;
  font-size:16px;
  line-height: 2.5;
  background:#EEE;
}
#all_items .title .layui-icon{
  font-size: 1.5em;
  float: right;
  line-height: 40px;
  padding-right:10px;
  cursor:pointer;
}
#all_items>div{
  background:#fff;
  margin-top:10px;
}
#all_items div.data{
    display:inline-block;
}

.vcbox{
  background: #FFF;
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0;
  font-size: 14px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.vc-news-list ul li{
  width: 50%;
}
.vcbox_suc{
  background: #FFF;
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  box-sizing: border-box;
}

.vcbox_suc .justify {
  padding: 5px;
  font-size: 14px;
  background: #FFF;
  text-indent: 2em;
  overflow: auto;
}

.vcbox_suc .box-fix-l {
  float: left;
  width: 100%;
  padding:0 5px;
  overflow: hidden;
}
.project-top .txt {
  margin-top: 18px;
  padding-top: 10px;
  border-top: 1px dotted #ddd;
  font-size: 15px;
  line-height: 28px;
  color: #797979;
  overflow: hidden;
  clear: both;
}

.project-top .info-box .info p {
  line-height: 28px;
  color: #797979;
  margin: 0;
  padding: 0;
}

.detail-top>div>div>div.txt>div.box-fix-l {
  width: 1000px;
}

.project-top .txt>a,
.project-top .txt .box-fix-l span {
  margin-right: 12px;
  display: inline-block;
  color: #797979;
  font-size: 13px;
}

.box-fix-r {
  width: 350px;
  float: right;
  overflow: hidden;
}

.detail-top .share {
  float: right;
  line-height: 38px;
}

.avatar-list {
  overflow: hidden;
}

.avatar-list ul {
  margin-left: -12px;
}

.avatar-list li {
  float: left;
  width: 60px;
  height: 60px;
  margin: 6px 0px 8px 12px;
}

.avatar-list li a,
.avatar-list li a img {
  display: block;
}

.avatar-list li a img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #f0f0f0;
}

.hide {
  display: none !important;
}

/*list*/

.table-list {
  width: 100%;
  margin-top: 0px;
}

.table-list .thead {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e5e5e5;
  border-top: none;
}

.table-list tr {
  line-height: 24px;
  height: 120px;
  border-top: 1px dotted #e5e5e5;
  font-size: 14px;
}

.table-list td.td1 {
  width: 12%;
  text-align: left;
  padding-left: 20px;
  word-break: break-all;
  word-wrap: break-word;
}

.table-list .thead td {
  font-size: 15px;
  color: #888;
}

.news-list {
  background: #FFF;
  padding: 15px;
}

.news-list li .img {
  background-size: 200px;
  float: left;
  overflow: hidden;
  height: 100px;
  margin-right: 20px;
  border-radius: 0px;
}

.news-list li .img,
.news-list li .img img {
  width: 200px;
}

.news-list li {
  width: 100%;
  padding: 20px 0px 20px 0px;
  overflow: hidden;
  margin: 0px;
  position: relative;
}

.news-list-card li {
  float: left;
  width: 360px;
  margin-left: 50px;
}

.news-list-card li .img {
  background-size: 360px;
  float: none;
  overflow: hidden;
  height: 180px;
  margin-right: 0px;
  border-radius: 0px;
}

.news-list-card li .img,
.news-list-card li .img img {
  width: 360px;
}

.news-list-card li h3 {
  margin-top: 10px;
  font-size: 16px;
  padding: 0 4px;
  height: 56px;
  overflow: hidden;
}

.news-list li h3 {
  margin: 0px;
  padding: 0px 0px 20px 0;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  border-bottom: none;
  height: auto;
  min-height: 3em;
}

.news-list li .tag {
  position: absolute;
  bottom: 25px;
  width: 100%;
  padding-left: 260px;
  font-size: 13px;
  color: #bfbfbf;
  line-height: 28px;
  overflow: hidden;
  height: 28px;
}

.news-list li .tag .info {
  color: #bfbfbf;
  font-size: 12px;
  float: right;
  overflow: hidden;
}

.news-list li .tag .info span {
  float: left;
  display: inline-block;
}

.news-list li .tag .info span {
  float: left;
  display: inline-block;
}

.news-list li .tag .info span.dot {
  padding: 0 4px;
}

.news-list li .tag a {
  margin-right: 10px;
  font-size: 12px;
  color: #bfbfbf;
  line-height: 28px;
}

.news-list-card li .tag {
  position: static;
  padding: 0px;
  margin-top: 2px;
}
.detail-top .info .subinfo {
  overflow: hidden;
  padding-left: 0;
}

.project-top .info-box ul {
  margin-top: -5px;
}

.detail-top .info .subinfo li.l {
  float: left;
  width: 620px;
}

.project-top .info-box .info p {
  line-height: 28px;
  color: #797979;
  margin: 0;
  padding: 0;
}
.detail-top {
  padding: 15px;
  margin: 0 -15px;
}

.project-top .info-box {
  overflow: hidden;
  position: relative;
}

.project-top .info-box .img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 6px;
  float: left;
  border: 1px solid #f0f0f0;
  width: 100px;
  height: 100px;
}

.project-top .info-box .img .img-middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100px;
  height: 100px;
}

.project-top .info-box .img .img-middle img {
  max-width: 100px;
  max-height: 100px;
}

.project-top .info-box .info {
  padding-left: 130px;
  font-size: 15px;
}

.project-top .info-box .info h1.title {
  margin: 0 0 15px 0;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 1px;
}

.project-top .info-box .info h1.title span {
  color: #797979;
  font-size: 16px;
  margin-left: 20px;
}

.project-top .info-box .btn-list {
  text-align: right;
}

.project-top .info-box .btn-list {
  position: absolute;
  top: 0;
  right: 0;
}

.project-top .info-box .btn-list a {
  margin: 0 3px;
  padding: 0 25px;
}

.project-top .info-box .info p span {
  margin-right: 20px;
}

.project-top .info-box .info p a {
  color: #797979;
  margin-right: 10px;
}

.project-top .info-box ul li {
  color: #797979;
  line-height: 28px;
  margin-bottom: 6px;
  font-size: 15px;
}
.info-box>div.info>h1 {
  text-align: left;
}

.box-fix-r {
  width: 350px;
  float: right;
  overflow: hidden;
}

/* media query */

@media screen and (max-width:1200px) {
  .left-side,
  .article {
    width: 100%;
  }
  .article {
    padding-right: 0;
  }
  .right-side {
    float: left;
  }
  .tags_wrapper {
    margin: 0 10px;
  }
  /* org-single */
  .btn-follow {
    display: none;
  }
  .main {
    width: 100%;
  }
  .project-top .info-box .img {
    display: none;
  }
  .project-top .info-box .info {
    padding-left: 24px;
  }
  .project-top .info-box .info h1.title span {
    margin-left: 0;
    display: block;
  }
  .box-fix-l,
  .detail-top .info .subinfo li.l {
    width: 100% !important;
  }
  .box-fix-r {
    float: left;
  }
  .detail-all .data-show-nav a {
    margin: 0px 15px 0 0;
  }
  .item-list li .info .title {
    text-overflow: clip;
  }
  .table-list td.td1 {
    padding-right: 20px;
  }
  .project-top .txt {
    padding: 0 25px;
  }
  .right-side {
    margin-top: 20px;
    width: 90%;
  }
}

@media screen and (max-width:900px) {
  .tools,
  .td6 {
    display: none;
  }
  .not-page {
    width: 80%;
  }
  .not-page .long {
    display: none;
  }
  .not-page .short {
    display: block;
  }
}

@media screen and (max-width:600px) {
  .td4,
  .ttd5,
  .ttd3 {
    display: none;
  }
  .page_a {
    display: none !important;
  }
  #site-desc {
    letter-spacing: 4px;
  }
  #site-name {
    font-size: 33px;
  }
  #site-name .slash {
    line-height: 60px;
  }
  .vc-list .table-list td.td5 {
    width: 26%;
  }
  .detail-all .data-show-nav a {
    margin: 0px 8px 0px 0px;
  }
  .detail-all .data-show-nav-fix {
    padding-left: 23px;
  }
  .detail-all .box-fix-l .item-list li {
    float: initial !important;
    width: 100%;
  }
  .item-list li .info .title {
    padding-right: initial !important;
  }
  .item-list #news-box ul li h3 a {
    display: block;
    height: 20px !important;
    overflow: hidden;
  }
  .tagsbanner .content .note {
    display: none;
  }
  #navHeight {
    display: none;
  }
  .data-search-module {
    display: none;
  }
}

.item-list {
  padding: 15px;
  overflow: hidden;
}

.detail-all .box-fix-l .item-list li {
  width: 46%;
  margin-right: 4%;
  float: left;
  margin-bottom: 35px;
  height: 82px;
}

.investor-all .box-fix-l .vc-list li {
  width: 100%;
  margin: 0;
}

.item-list li {
  width: 33.333333%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .item-list li {
    width: 100% !important;
  }
  .item-list li .img,
  .item-list li .img a,
  .item-list li .img img {
    height: 48px !important;
    width: 48px !important;
  }
  .item-list li .info .title{
    padding-bottom: 0 !important;
  }
  .item-list li .info p{
    font-size:12px;
  }
  .pepm-view .rel_data .layui-table th{
    min-width: 45px;
  }
  .pepm-form .rel_data .layui-table th{
    min-width: 45px;
  }
  .datatables th{
    min-width: 45px;
  }
}

.project-list,
.people-list {
  padding: 15px;
  background: 15px;
  background: #FFF;
}

.people-list li .img {
  border-radius: 50% !important;
}

.item-list li .img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  float: left;
  border-radius: 8px;
  margin-right: 10px;
  border: 1px solid #f0f0f0;
}

.item-list li .img a {
  width: 80px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
}

.item-list li .img img {
  width: 80px;
  height: auto;
  max-height: 80px;
  vertical-align: middle;
}

.item-list li .info {
  line-height: 28px;
  font-size: 14px;
}

.item-list li .info .title {
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 50px;
  padding-bottom: 6px;
}

.item-list li .info .title span {
  color: #b5b5b5;
  margin-left: 20px;
  font-size: 15px;
}

.item-list li .info p {
  margin: 0;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #787878;
  line-height: 24px;
}

.item-list li .info p>span {
  margin-right: 10px;
  float: left;
}

.item-list li .info p.tag {
  font-size: 13px;
  color: #bfbfbf !important;
  padding: 0;
}

.item-list li .info p.tag a {
  padding-right: 10px;
  color: #bfbfbf;
}

.item-list li .info::after {
  content: " ";
  display: table;
  clear: both;
  zoom: 1;
}

.item-list li .btn-yue,
.item-list li .btn-follow {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 22px;
}


.unit-ipt-box{
  position: relative;
}
.unit-ipt-box span{
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 10px;
}
.unit-ipt-box span.pre-symbol{
  right: unset;
  left: 6px;
}
.unit-ipt-box input.num{
  padding-right: 28px;
}
.unit-ipt-box span.pre-symbol+input.num{
  padding-left: 22px;
}

/* capaccount */
.capaccount {
}

.capaccount .table-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.capaccount .control {
  margin: 8px 0;
}

@media(max-width:480px) {
  .capaccount .control {
    margin:8px 8px 0 8px;
  }
}

.capaccount table thead th {
  white-space: nowrap;
}
.capaccount table tbody .portfolio-name {
}
.capaccount table tbody .portfolio-name span {
  color: #1010bc;
  cursor: pointer;
  white-space: nowrap;
}
.capaccount table tbody .data-cell div[data-ca-id]{
  cursor: pointer;
}
.capaccount .capaccount-table tbody td.data-cell{
  padding: 0;
  vertical-align: top;
}
.capaccount .capaccount-table tbody td ul{
  list-style: none;
}
.capaccount .capaccount-table tbody td ul li:not(.end){
}
.capaccount .capaccount-table tbody td .end{
  cursor: pointer;
}
.capaccount .capaccount-table tbody td ul li hr{
  margin: 0;
}
.capaccount .capaccount-table tbody td ul li.end i.ion-plus{
  font-size: 20px;
  margin: 0;
  color: #666666bb;
}
.capaccount .capaccount-table .l2-thead tr th{
  width:33%;
  padding: 8px 2px;
  text-align: center;
  border-bottom: 0;
}
.capaccount .capaccount-table .l2-thead tr th input{
  text-align: center;
  padding: 0;
  border: 0;
  background: #f2f2f2;
  color: #666;
  height: 24px;
}
.capaccount .capaccount-table .l2-thead tr th:nth-child(1){
  border-left: 0;
}
.capaccount .capaccount-table .l2-thead tr th:nth-child(4){
  border-right: 0;
}
.capaccount .capaccount-table .l2-thead tr th{
  width:33%;
  padding: 8px 2px;
  text-align: center;
  border-bottom: 0;
  background: #f2f2f2;
}
.capaccount .layui-table tbody tr:not([data-ca-id]):hover{
  background: transparent !important;
}
.capaccount .capaccount-table .tr-portofolio{
  border-bottom: 2px solid #cccccccc;
}
.capaccount .capaccount-table .data-cell-table {
  border: 0;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
}
.capaccount .capaccount-table .data-cell-table th {
  width:33%;
}
.capaccount .capaccount-table .data-cell-table td {
  width:33%;
  padding: 8px 2px;
  text-align: center;
}
.capaccount .capaccount-table .data-cell-table td div {
  word-break: break-word;
  overflow:hidden;
  vertical-align:bottom;
  text-overflow:ellipsis;
}

.timeline {
  padding: 8px;
}

.timeline .name-time{
  width:120px;
}

.timeline .name-time .time{
  color: #bbb;
  font-style: italic;
}

.timeline .content .title{
  display:inline-block
}
.timeline .content .entity{
  cursor: pointer;
  display:inline-block
}

.search-box{
  float:right;margin-right:12px;min-height:82px;
}
.search-box .search-icon {
  position: absolute;
  line-height: 32px;
  box-sizing: border-box;
  text-align: center;
  width:40px;
  font-size:20px;
  color: #ccc;
}
.search-box .search-icon-2 {
  display: none;
}
.search-box .layui-nav-item .search-input {
  padding-left: 35px;
}
.search-box .search-input:hover {
  border-color: #009688 !important;
}
@media (max-width:768px){
  .search-box{
    float:none;
    margin-right:0;
    min-height:1px;
    padding: 0;
    background:#FFF;
    margin-top: calc(46px + 8px);
    margin-bottom:8px;
  }
  .search-box .search-input{
    height: 38px;
    line-height: 38px;
  }
  .search-box .desktop_search_box{
    width:100%;
  }
  .search-box .search-icon {
    line-height:38px;
  }
}

.dataTables_filter label:before{
  content:"\f21f";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-size:22px;
  position: absolute;
  line-height: 36px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color:#CCC;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left:10px;
  padding-top:8px;
}
.dataTables_filter label input{
  padding-left:35px;
  width: 100%;
}
.rel_data .dataTables_filter label:before {
  display: none;
}
.rel_data>.dataTables_wrapper{
  margin-bottom:10px;
}

.pepm-table .value-mb-rte {
  padding-left: auto;
}

.pepm-table .label-mb-rte{
  text-align: left;
  padding: 8px 23px;
}
@media screen and (min-width: 768px) {
  .body--mobile .pepm-table .label-mb-rte{
    padding: 8px 118px !important;
  }
}

.rte--loading {
  background: #f6f9ff !important;
    height: 10em !important;
}
.rte--loading[data-loading-placeholder]:before {
    float: left;
    content: attr(data-loading-placeholder);
    color: #777;
    padding-left: 2em;
}

/* entity archive */
.entity-archive .folder {padding-left: 15px !important;}
.entity-archive div.footer {text-align: left !important;padding-top: 8px;}
.entity-archive .folder.folder-this {background: #5FB878;color: #fff;}
.entity-archive .footer .confirm {width: 95%;margin-left: 2.5%;margin-right: 2.5%;}
.entity-archive .show {display:block;}
.entity-archive .hide {display:none;}

table.pepm-table td.changed{
  background-color: #fcffba;
 }

.loading-ring{
    /*固定loading*/
    position: relative;
    top: 38%;
    left: 50%;
    /*垂直水平居中*/
    margin: 24px 0 0 -20px;
    width: 40px;
    height: 40px;
    border: 2px solid;
    border-color: #333 #333 transparent;
    border-radius: 50%;
    box-sizing: border-box;
    /*动画时间1s，线性变化，无限循环*/
    animation: loading 1s linear infinite;
}


@keyframes loading{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

.loading-part .loading-ring{
  top: 0;
  left: 0;
  display: inline-block;
}
.loading-layer .loading-ring{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}

.progress-bar-wrapper {
  width: 100%;
  height: 20px;
  line-height: 20px;
  background-color: #e2e2e2;
  border-radius: 4px;
  position: relative;
}
.progress-bar-wrapper .bar{
  position: absolute;
  width: 0;
  max-width: 100%;
  height: 20px;
  border-radius: 4px;
  text-align: right;
  background-color: #09BB07;
  transition: all .618s;
  -webkit-transition: all .618s;
  white-space:nowrap
}
.progress-bar-wrapper .bar[progress="20"]{
  background-color:#3A6FD6;
}
.progress-bar-wrapper .bar[progress="40"]{
  background-color:#2FC284;
}
.progress-bar-wrapper .bar[progress="60"]{
  background-color:#E5A910;
}
.progress-bar-wrapper .bar[progress="80"]{
  background-color:#A05DB1;
}
.progress-bar-wrapper .bar[progress="100"]{
  background-color:#C35489;
}
.progress-bar-wrapper .bar .text {
  position: static;
  line-height: 20px;
  top: -20px;
  padding: 0 1rem;
  color: #fff;
  font-size: 1rem;
}
.progress-bar-wrapper .bar+.text {
  position: absolute;
  line-height: 20px;
  padding: 0 1rem;
  color: #fff;
  font-size: 1rem;
  width: calc(100% - 2rem);
}

[ftype='progress_bar'] select[disabled]+div input {
  color: #666 !important;
}

/* 下拉(new)样式优化 */
.v-table-header-row{
  background-color: #f2f2f2;
}

.draggable-cursor {
  cursor: pointer;
}
.v-table-header .v-table-header-inner table tbody tr{
  background-color: #f2f2f2;
}

/* ajax-block */
.ajax-block {
  padding: 8px;
  margin: 8px;
}

.ajax-block-loaded.entity {
  margin: 0 -8px;
}

.select-mu-selector {
  margin: 0 4px 8px 4px;
  border: 1px solid #aaa;
  padding: 4px;
  height: 24px;
  line-height: 24px;
}
.select-mu-selector input {
  width: 100% !important;
  border: 0 !important;
}

.select-mu-no-result {
  padding: 0 10px;
  line-height: 3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container.select2-container--default.select2-container--open.select-mu-offseted {
  margin-top: 1px;
}

.area-filter .area{
  width: calc(20% - 2px);
  height: 30px;
  background: #fff;
  margin-right: 2px;
  border: 1px solid #e6e6e6;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
/*.area-filter .area:last-child{*/
/*    width: 25% !important;*/
/*  margin-right: 0 !important;*/
/*}*/
/*.area-filter {*/
/*  height: 30px;*/
/*}*/
.account .pepm-table .label {
  width: 4%;
}

.filter-wrap select[lay-search] {
  max-width: 100%;
}

.each_item .data-wrap {
  width: 100%;
  word-break: break-all;
}
.each_item .title .data {
  display: block !important;
  min-height: 40px;
}

.each_item .title .enter-arrow{
  position: relative;
  top: -40px;
}
.each_item .card-detail {
  position: relative;
  top: -25px;
}

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

.select-mu-selector input {
  height: 100%;
}

.v-table-rightview.slimed .slimScrollDivH .v-table-footer,
.v-table-rightview.slimed .slimScrollDivH .slimScrollDiv .v-table-body
{
  overflow-x: hidden !important;
}
.slimScrollBarH{ background:none !important; }

.hdate{
  position: absolute;
  margin-top: 9px;
  margin-left: 10px;
  border: 1px solid transparent;
  background-color: #f6f9ff;
}
input[type=datetime-local],input[type=date],input[type=month]{
  -webkit-appearance:none;
  width: 100%;
}
.hdate{
  color: #000 ;
  opacity: 1 !important;
  min-width: 180px;
}
.hdate[readonly]{
  background: #fff !important;
}
.pepm-table .layui-input[readonly] {
opacity: 1 !important;
}

.name-logo {
  border-radius: 4px;
  text-align: center;
  color: #f2f2f2;
  background: coral;
}

.default_dtype{
  color: transparent;
}

.gs-search-btn i,.gs-new-search-btn i{
  position: absolute;
  right: 10px;
  top: 10px;
}

@-moz-document url-prefix() {
  form .pepm-table .value{
    position:unset;
  }
  .gs-search-btn,.gs-new-search-btn {
    position: relative;
    float: right;
    margin-top: -40px;
    margin-right: 0px;

}
}
input[type=datetime-local].datetimepicker2-datetime {
  padding: 0 0 0 4px;
  display: flex;
  align-items: center;
}

[data-proxy-target]+button {
  display: none;
}

.text-justify {
  text-align: justify;
}
@media screen and (max-width: 767px) {
  #mb-search-wrapper {
    height: 40px;
  }
  #mb-search-wrapper:after{
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  #mb-search-wrapper .search__icon {
    display: inline-block;
    height: 40px;
    width: 100%;
  }
  #mb-search-wrapper .search__icon:before {
    content: "";
    background: url("/static/images/new/search.png") no-repeat center center;
    -webkit-background-size: 25px 25px;
    background-size: var(--primary-font-size);

    float: left;
    position: absolute;
    line-height: 40px;
    height: 40px;
    width: 50px;
  }
  #mb-search-wrapper .mb_search_box {
    height: 40px;
    width: calc(100% - 50px);

    padding-left: 50px;

    font-size: var(--primary-font-size);

    background: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  #mb-search-wrapper .mb_search_box::-webkit-input-placeholder {
    line-height: 1em;
  }

}

.pepm-table .muti2table {
  text-align: center;
  font-weight: bold;
}

.pepm-table .muti2table th{
  background-color: #b8d4d4;
  border: 0px;
}

.pepm-table .muti2table td{
  background-color: #e1f1f1;
  border: 0px;
}

.xdsoft_datetimepicker.binded[data-target-id] {
  position: absolute !important;
  display: none !important;
}
.xdsoft_datetimepicker.binded[data-target-id].show {
  display: block !important;
}

.pepm-table, .layui-table, .layui-collapse, .block_c, .shortcut-btn {
    padding-top: 5px;
}

.block_c {
  padding-top: 0;
}

.doing-task-widget-li-info{
  clear:both;
}
.table-vertical{
  width: 100%;
  border-top: 1px solid #ccc;
}
.table-vertical td:first-child{
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
@media screen and (max-width: 767px) {
  .table-vertical td:first-child{
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }
}
.table-vertical td:first-child div,
.table-vertical td.show_count div{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-vertical td.show_count{
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}
.table-vertical td.option_show_count{
  background: var(--table-thead-background--color) !important;
  position: sticky;
  z-index: 800;
}
.table-vertical td.show_count div div{
  text-align: center !important;
}

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

.scroll-top {
  height: 8px;
  background: transparent;
  user-select: none;
}
.scroll-top .scroll-top-progress {
  height: 8px;
  border-radius: 4px;
  background: grey;
  user-select: none;
}

/*导航定位条 start*/
.section-nav-box{
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  overflow-x: auto;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  background: white;
  z-index: 99999;
}
.section-nav{
  position: relative;
  border-radius: 2px;
  box-sizing: border-box;
  width: max-content;
}
.section-nav .section-nav-item{
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  line-height: 40px;
}
.section-nav .section-nav-item a{
  display: block;
  padding: 0 20px;
  color: #fff;
  color: var(--secondary-text-color);
  transition: all .3s;
  -webkit-transition: all .3s;
}
.section-nav .section-nav-bar{
  position: absolute;
  left: 0;
  top: 35px;
  width: 0;
  height: 2px;
  background-color: #5FB878;
  background: #ff9c36;
}
.section-nav .section-nav-bar.animation{
  transition: all .2s;
  -webkit-transition: all .2s;
}
.section-nav-box::-webkit-scrollbar {
  height: 8px;
  width:8px;
}
.section-nav-box::-webkit-scrollbar-thumb {
background: grey;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.section-nav-box::-webkit-scrollbar-corner{
background: #f6f6f6;
}
/*导航定位条 end*/

.float-button{
  position: absolute !important;
  width: 120px !important;
  box-sizing: border-box !important;
  background-color: #f6f6f6
}

/*列表 抬头颜色区分*/
.layui-table thead th:not([class='checkall sorting_disabled']):hover{
  background-color: #d2d2d2 !important;
}
.footer_width div:hover{
  background-color: #d2d2d2 !important;
}
.v-table-sort-icon span{
  font-weight: 700;
}
.table-title span{
  font-weight: 700;
}
.config-help{
  width:calc(100% - 30px);
  font-weight: bold;
  font-size: 16px;
}
.table-title { position: relative; padding: 0 6px; }
.v-table-sort-icon { display: none; position: absolute; top: 0; right: -3px; }
.table-title .sorted { display: inline-block; }
.clearfix {
  clear: both;
  display: block;
}
.list-table{
  /* cursor: pointer; */
}
.select2-search__field{
  width:100% !important;
}
.style_notify{
  margin-left: 0px;
}

.business-frame .business-loadmore {
  border-radius: 4px;
  padding: 2px 4px;
  text-align: center;
  cursor: pointer;
}

.body--mobile #canvas {
  padding-bottom: 60px !important;
  width: 100%;
}
.tab-title:not(.layui-tab-title),
.collapse-title:not(.layui-colla-title){
  display:none;
}
#canvas .tab-title--progress {
  --arrow-width: 20px;

  display: flex;

  padding-right: var(--arrow-width);
  border-bottom: 0;
}
#canvas .tab-title--progress li {
  --bgc: #ffdbb6;
  --bgc-cur: #ff9c36;

  flex: 1;
  background: var(--bgc);
  padding-left: var(--arrow-width);
  padding-right: 0;
  margin-left: 6px;

  color: #4c4c4c;

  transition: 0s;
}
#canvas .tab-title--progress li:before,
#canvas .tab-title--progress li:after {
  transition: 0s;
}
#canvas .tab-title--progress li:before {
  content: '';

  position: absolute;
  left: 0;

  border-width: var(--arrow-width);
  border-right-width: 0px;
  border-style: solid;

  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
}
#canvas .tab-title--progress li:after {
  content: '';

  position: absolute;
  right: -20px;

  border-width: var(--arrow-width);
  border-right-width: 0px;
  border-style: solid;

  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: var(--bgc) !important;

  z-index: 1;
}
#canvas .tab-title--progress li:first-child {
  margin-left: 0;
  padding-left: calc(var(--arrow-width) / 2);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#canvas .tab-title--progress li:first-child:before {
  display: none;
}
#canvas .tab-title--progress li.layui-this {
  background: var(--bgc-cur);
  color: white;
}
#canvas .tab-title--progress li.layui-this:after {
  left: unset !important;
  width: var(--arrow-width);
  border-left-color: var(--bgc-cur) !important;
}
#canvas .tab-title--progress .layui-unselect {
  display: none;
}

#canvas .tab-title--progress li.tab--divide~li{
  --bgc: #efefef;
  --bgc-cur: #8c8c8c;
}

/* 2023-11902 jhqin@pepm.com.cn 弹窗打开的tab进度条样式 */
.layui-layer-modal .tab-title--progress {
  --arrow-width: 20px;

  display: flex;

  padding-right: var(--arrow-width);
  border-bottom: 0;
}
.layui-layer-modal .tab-title--progress li {
  --bgc: #ffdbb6;
  --bgc-cur: #ff9c36;

  flex: 1;
  background: var(--bgc);
  padding-left: var(--arrow-width);
  padding-right: 0;
  margin-left: 6px;

  color: #4c4c4c;

  transition: 0s;
}
.layui-layer-modal .tab-title--progress li:before,
.layui-layer-modal .tab-title--progress li:after {
  transition: 0s;
}
.layui-layer-modal .tab-title--progress li:before {
  content: '';

  position: absolute;
  left: 0;

  border-width: var(--arrow-width);
  border-right-width: 0px;
  border-style: solid;

  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
}
.layui-layer-modal .tab-title--progress li:after {
  content: '';

  position: absolute;
  right: -20px;

  border-width: var(--arrow-width) !important;
  border-right-width: 0px !important;
  border-style: solid !important;

  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: var(--bgc) !important;

  z-index: 1;
}
.layui-layer-modal .tab-title--progress li:first-child {
  margin-left: 0;
  padding-left: calc(var(--arrow-width) / 2);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.layui-layer-modal .tab-title--progress li:first-child:before {
  display: none;
}
.layui-layer-modal .tab-title--progress li.layui-this {
  background: var(--bgc-cur);
  color: white;
}
.layui-layer-modal .tab-title--progress li.layui-this:after {
  left: unset !important;
  width: var(--arrow-width);
  border-left-color: var(--bgc-cur) !important;
}
.layui-layer-modal .tab-title--progress .layui-unselect {
  display: none;
}

.layui-layer-modal .tab-title--progress li.tab--divide~li{
  --bgc: #efefef;
  --bgc-cur: #8c8c8c;
}

.wxshare-login {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 48px;
  line-height: 48px;

  background: #fff;
  text-align: center;

  z-index: 2000;
}
.wxshare-login button {
  background: #9a0000;
  border: 0;
  color: white;
  border-radius: 64px;
  width: calc(100% - 200px);
  height: 32px;
}
.paginate_button.previous,.paginate_button.next{
  display:inline-block !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled{
  color:#ccc !important;
}

#v-tcontainer {
  width: 100%;
  height: auto;
  /* task/2021-06348 绝对定位使canvas高度不正确，导致列表new计算高度错误 */
  /* position: absolute; */
  top: 0px;
}
/*禁用数据窗口的拖拽缩放*/
.layui-layer-modal .layui-layer-resize{
  display: none !important;
}

/*pc端高级搜索枚举类型css start*/
.enumerate{
  /* max-height: 20px;
  overflow: hidden; */
}
.enumerate.show_more{
  max-height: unset;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 5px;
}
.enumerate .enumerate_head{
  width: 78px !important;
  float: left;
  color: #9c9c9c;
}
.enumerate .enumerate_foot{
  width: 100px;
  float: left;
  position:relative;
  user-select: none;
}
.enumerate .enumerate_foot span{
  display: none;
  cursor:pointer;
}
.enumerate .enumerate_foot span:hover{
  color:#5FB878;
}
.enumerate .enumerate_foot span:hover .ion{
  color: #666;
}
.enumerate .enumerate_body{
  width: calc(100% - 200px);
  float: left;
}
.enumerate .enumerate_body .items .layui-form-checkbox .layui-icon{
  display:none;
}
.enumerate.select_multi .enumerate_body .items .layui-form-checkbox .layui-icon{
  display: inline-block;
}
.enumerate .enumerate_body .items .layui-form-checkbox{
  margin: 0 5px;
  transition: none;
}
.enumerate.show_more .enumerate_body .items .layui-form-checkbox{
  margin-bottom:5px;
}
.b2table .list-filter-applied  .list-filter-item{
  margin-left: 15px;
  padding: 1px 10px;
}

.enumerate .enumerate_body .items .layui-form-checkbox span{
  border-radius: 3px;
  line-height: 20px;
  padding: 1px 10px;
  max-width: 100px;
  /* background: none !important; */
  background: none;
}
.enumerate .enumerate_body .items .layui-form-checkbox.layui-form-checked:hover span{
  /* background-color: #fff !important; */
  background-color: #fff;
}
.enumerate:not(.select_multi) .enumerate_body .items .layui-form-checkbox.layui-form-checked span{
  background-color: var(--primary-color);
  border-radius: 3px;
  color: #fff;
}
.enumerate .enumerate_body .enumerate_btn{
  text-align:center;
  display:none;
}
.enumerate.select_multi .enumerate_body .enumerate_btn{
  display:block;
  margin-top: 5px;
}
.enumerate .enumerate_foot .switch_multi{
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 0 3px;
}
.enumerate .enumerate_foot .switch_multi{
  display:none;
}
.enumerate .enumerate_foot .show_more{
  top:-2px;
}
.enumerate .enumerate_foot .show_more.hide_more{
  display:none;
}
.enumerate .enumerate_foot .show_less,.enumerate.show_more .enumerate_foot .show_more{
  display:none;
}
.enumerate.show_more .enumerate_foot .show_less{
  display: inline-block;
}

/* task/2024-09036 枚举字段总是显示全部 */
.enumerate .enumerate_body > .items {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5em; 
}

/* task/2022-06078  */
.b2table #search_details .row-wrapper[data-row-types*="enumerate"],
.b2table #search_details .row-wrapper[data-row-types*="enumerate"] .layui-col-md12 {
  width: 100%;
}
#search_details .row-wrapper[data-row-types*="enumerate"] .enumerate {
  max-height: unset;
  display: flex;
  align-items: center;
}
#search_details .row-wrapper[data-row-types*="enumerate"] .enumerate .enumerate_body {
  line-height: 36px;
  flex: 1;
}
.b2table #search_details .row-wrapper[data-row-types*="enumerate"] .enumerate_foot {
  display: none !important;
}
/*pc端高级搜索枚举类型css end*/
.noright_div_img{
  margin:5px auto;
  max-width:100%;
  display: none;
  background-repeat:no-repeat;
  background-size:contain
}

.stepbar-wrapper {
  display: flex;
  line-height: 1em;
  font-size: 14px;
  height: 46px;
  align-items: center;
  background: white;
  margin-bottom: 10px;
}
.stepbar-wrapper .stepbar-btn {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  line-height: 40px;

  text-align: center;

  cursor: pointer;
}

.stepbar-wrapper .stepbar-btn.disabled {
  color: #eee;
  pointer-events: none;

  cursor: pointer;
}
.stepbar-wrapper .stepbar-btn.disabled:before,
.stepbar-wrapper .stepbar-btn.disabled:after {
  visibility: hidden;
}
.stepbar-wrapper .stepbar-btn:before,
.stepbar-wrapper .stepbar-btn:after {
  display: block;
  width: 20px;
  height: 40px;
  position: relative;
  background: #ffffffba;

  pointer-events: none;
}
.stepbar-wrapper .stepbar-btn__scroll-left .ion {
  position: relative;
  left: 10px;
}
.stepbar-wrapper .stepbar-btn__scroll-left:after {
  content: '';
  float: right;
  left: 20px;
}
.stepbar-wrapper .stepbar-btn__scroll-right .ion {
  position: relative;
  right: 10px;
}
.stepbar-wrapper .stepbar-btn__scroll-right:before {
  content: '';
  float: left;
  right: 20px;
}
.stepbar-wrapper .stepbar-content {
  display: flex;
  justify-content: start;

  flex: 0 0 auto;
  width: calc(100% - 80px);

  overflow: hidden;

  counter-reset: icounter;
}
.stepbar-wrapper .stepbar-content .stepbar-item {
  flex: 0 0 auto;
  text-align: center;

  margin: 0 12px;

  height: 22px;
  line-height: 22px;
}
.stepbar-wrapper .stepbar-content .stepbar-item:before {
  content: counter(icounter);
  counter-increment: icounter;

  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  border: 1px solid #333;

  margin-right: 0.5em;

  display: block;

  font-size: 13px;

  float: left;
}
.stepbar-wrapper .stepbar-content .stepbar-item:after {
  content: '';
  display: block;
  float: right;

  width: 20px;
  height: 1px;
  background-color: #acb5be;
}


.stepbar-wrapper {
  display: flex;
  line-height: 1em;
  font-size: 14px;
  height: 46px;
  align-items: center;
  background: white;
  margin-bottom: 10px;
}
.stepbar-wrapper .stepbar-btn {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  line-height: 40px;

  text-align: center;

  cursor: pointer;
}

.stepbar-wrapper .stepbar-btn.disabled {
  color: #eee;
  pointer-events: none;

  cursor: pointer;
}
.stepbar-wrapper .stepbar-btn.disabled:before,
.stepbar-wrapper .stepbar-btn.disabled:after {
  visibility: hidden;
}
.stepbar-wrapper .stepbar-btn:before,
.stepbar-wrapper .stepbar-btn:after {
  display: block;
  width: 20px;
  height: 40px;
  position: relative;
  background: #ffffffba;

  pointer-events: none;
}
.stepbar-wrapper .stepbar-btn__scroll-left .ion {
  position: relative;
  left: 10px;
}
.stepbar-wrapper .stepbar-btn__scroll-left:after {
  content: '';
  float: right;
  left: 20px;
}
.stepbar-wrapper .stepbar-btn__scroll-right .ion {
  position: relative;
  right: 10px;
}
.stepbar-wrapper .stepbar-btn__scroll-right:before {
  content: '';
  float: left;
  right: 20px;
}
.stepbar-wrapper .stepbar-content {
  display: flex;
  justify-content: start;

  flex: 0 0 auto;
  width: calc(100% - 80px);

  overflow: hidden;

  counter-reset: icounter;
}
.stepbar-wrapper .stepbar-content.disabled .stepbar-item {
  color: #acb5be;
}
.stepbar-wrapper .stepbar-content.disabled .stepbar-item:before {
  border-color: #acb5be;
}
.stepbar-wrapper .stepbar-content .stepbar-item {
  flex: 0 0 auto;
  text-align: center;

  margin: 0 12px;

  height: 22px;
  line-height: 22px;
}
.stepbar-wrapper .stepbar-content .stepbar-item:before {
  content: counter(icounter);
  counter-increment: icounter;

  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  border: 1px solid #333;

  margin-right: 0.5em;

  display: block;

  font-size: 13px;


  cursor: pointer;
}

.stepbar-wrapper .stepbar-btn.disabled {
  color: #eee;
  pointer-events: none;

  cursor: pointer;
}
.stepbar-wrapper .stepbar-btn.disabled:before,
.stepbar-wrapper .stepbar-btn.disabled:after {
  visibility: hidden;
}
.stepbar-wrapper .stepbar-btn:before,
.stepbar-wrapper .stepbar-btn:after {
  display: block;
  width: 20px;
  height: 40px;
  position: relative;
  background: #ffffffba;

  pointer-events: none;
}
.stepbar-wrapper .stepbar-btn__scroll-left .ion {
  position: relative;
  left: 10px;
}
.stepbar-wrapper .stepbar-btn__scroll-left:after {
  content: '';
  float: right;
  left: 20px;
}
.stepbar-wrapper .stepbar-btn__scroll-right .ion {
  position: relative;
  right: 10px;
}
.stepbar-wrapper .stepbar-btn__scroll-right:before {
  content: '';
  float: left;
  right: 20px;
}
.stepbar-wrapper .stepbar-content {
  display: flex;
  justify-content: start;

  flex: 0 0 auto;
  width: calc(100% - 80px);

  overflow: hidden;

  counter-reset: icounter;
}
.stepbar-wrapper .stepbar-content.disabled .stepbar-item {
  color: #acb5be;
}
.stepbar-wrapper .stepbar-content.disabled .stepbar-item:before {
  border-color: #acb5be;
}
.stepbar-wrapper .stepbar-content .stepbar-item {
  flex: 0 0 auto;
  text-align: center;

  margin: 0 12px;

  height: 22px;
  line-height: 22px;
}
.stepbar-wrapper .stepbar-content .stepbar-item:before {
  content: counter(icounter);
  counter-increment: icounter;

  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  border: 1px solid #333;

  margin-right: 0.5em;

  display: block;

  font-size: 13px;

  float: left;
}
.stepbar-wrapper .stepbar-content .stepbar-item:after {
  content: '';
  display: block;
  float: right;

  width: 20px;
  height: 1px;
  background-color: #acb5be;

  position: relative;
  top: 11px;
  left: 12px;
}
.stepbar-wrapper .stepbar-content .stepbar-item:last-of-type:after {
  display: none;
}
.stepbar-wrapper .stepbar-content .stepbar-item.stepbar-item--cur {
  font-weight: bold;
}
.stepbar-wrapper .stepbar-content .stepbar-item.stepbar-item--cur:before {
  background: black;
  color: white;
}
.stepbar-wrapper .stepbar-content .stepbar-item.stepbar-item--cur~.stepbar-item {
  color: #acb5be;
  font-weight: normal !important;
}

.slide-loading {
  margin-top: 20vh;
}
.slide-anim-ph .ph.logo {
  max-width: 100vw;
  margin-bottom: 5vh;
  background-color: transparent;
  display: flex;
  justify-content: center;
}
.slide-anim-ph .ph.logo img {
  width: 80%;
}
.slide-anim-ph .loading-ring {
  display: block !important;
}

@media screen and (max-width: 767px) {
  .menu-ph {
    display: block;
    width: 100vw;
    height: 50px;
    background-color: #f6f6f6;
  }
}
.form-item-half{
  width:49%;
}
.stepbar-wrapper .stepbar-content .stepbar-item.stepbar-item--cur~.stepbar-item:before {
  border-color: #acb5be !important;
  background: white !important;
  color: #acb5be !important;
  font-weight: normal !important;
}

.step-link-bar {
}
.step-link-bar .step {
}
.step-link-bar.step-link-bar--not-matching .step > .active {
  background-color: #006bb6 !important;
}
.step-link-bar.step-link-bar--not-matching .step > .active {
  color: #fff !important;
}
.step-link-bar.step-link-bar--not-matching .step > .active:before {
  border-top-color: #006bb6 !important;
  border-bottom-color: #006bb6 !important;
}
.step-link-bar.step-link-bar--not-matching .step > .active:after {
  border-left-color: #006bb6 !important;
}

.step-link-bar:not(.step-link-bar--not-matching) .step > .active {
  background-color: #c1e3f3 !important;
}
.step-link-bar:not(.step-link-bar--not-matching) .step > .active a {
  color: #006bb6 !important;
}
.step-link-bar:not(.step-link-bar--not-matching) .step > .step-cur a {
  color: #fff !important;
}
.step-link-bar:not(.step-link-bar--not-matching) .step > .active:before {
  border-top-color: #c1e3f3!important;
  border-bottom-color: #c1e3f3!important;
}
.step-link-bar:not(.step-link-bar--not-matching) .step > .active:after {
  border-left-color: #c1e3f3!important;
}

.step-link-bar .step > .finished {
  background-color: #c1e3f3 !important;
}
.step-link-bar .step > .finished a {
  color: #006bb6 !important;
}
.step-link-bar .step > .finished:before {
  border-top-color: #c1e3f3!important;
  border-bottom-color: #c1e3f3!important;
}
.step-link-bar .step > .finished:after {
  border-left-color: #c1e3f3!important;
}

.step-link-bar .step > li:not(.active):not(.finished) {
  background-color: #bfbfbf !important;
  color: #fff !important;
}
.step-link-bar .step > li:not(.active):not(.finished)::before {
  border-top-color: #bfbfbf !important;
  border-bottom-color: #bfbfbf !important;
}
.step-link-bar .step > li:not(.active):not(.finished)::after {
  border-left-color: #bfbfbf !important;
}

.step-link-bar .step > li:not(.active):not(.finished).step-cur {
  background-color: #7d7d7d !important;
  color: #fff !important;
}
.step-link-bar .step > li:not(.active):not(.finished).step-cur::before {
  border-top-color: #7d7d7d !important;
  border-bottom-color: #7d7d7d !important;
}
.step-link-bar .step > li:not(.active):not(.finished).step-cur::after {
  border-left-color: #7d7d7d !important;
}

.step-link-bar .step > .step-cur.finished,
.step-link-bar .step > .step-cur.active {
  background-color: #006bb6 !important;
  color: #fff !important;
}
.step-link-bar .step > .step-cur.finished::before,
.step-link-bar .step > .step-cur.active::before {
  border-top-color: #006bb6 !important;
  border-bottom-color: #006bb6 !important;
}
.step-link-bar .step > .step-cur.finished::after,
.step-link-bar .step > .step-cur.active::after {
  border-left-color: #006bb6 !important;
}

.visibility-hidden {
  visibility: hidden;
}
.tip_box{
  transition: 0.5s;
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.tip_box p{
  font-size: 16px;
}
.tip_box .ion{
  align-items: center;
  padding: .75rem 1.25rem;
  color: inherit;
  font-size: 16px;
}
.tip_box i{
  padding: .75rem 1.25rem;
  color: inherit;
  font-size: 16px;
  margin-left: auto;
}
.open_tip .tip_box i{
  display: none;
}

@media screen and (max-width: 1200px) {
  .tip{
    padding: 0 10px;
  }
}

/* 移动端列表调整 */
@media screen and (max-width: 767px) {
  /* .content-main .b2table .list-header-wrap {
  } */
  .content-main .b2table .list-header-wrap .list-search-wrap {
    display: flex;
    margin: 0.5em 0.5em 0;
    width: calc(100% - 1em);
  }
  .content-main .b2table .list-header-wrap .list-search-wrap .list-header-search {
    flex: 1;
  }

  .content-main .b2table .list-header-wrap .list-search-wrap .list-header-btn-primary {
    flex: 0 0 auto;
    width: 7.5em;
  }

  .content-main .b2table .list-header-wrap .list-header-btns {
    display: none;
  }

  /* .content-main .b2table .list-header-wrap #search_details {

  }
  .content-main .b2table .list-header-wrap #search_details .row-wrapper {
  } */
  .content-main .b2table .list-header-wrap #search_details .row-wrapper > div {
    padding: 0;
  }
  .content-main .b2table .list-header-wrap #search_details .row-wrapper > div > .layui-form-item {
    margin-right: 0;
  }

  /* .content-main .b2table .list-table {
  } */
  .content-main .b2table .list-table .table_canvas::-webkit-scrollbar {
    height: 12px;
  }

  .list-header-wrap ~ .list-table .ios_handle {
    border-right: 0;
  }
}


/*数据窗口新版样式*/
/*单选*/
.databox_new{
  border: 1px solid  #ffffff !important;
  box-shadow: 1px 1px 50px rgba(0,0,0,.3) !important;
}
.layui-layer-modal .databox_new .layui-layer-content{
  background: #ffffff;
  padding: 30px;
}
.databox_new .layui-layer-title{
  font-size: 18px;
  padding: 10px 30px 10px 30px;
}
.databox_new .databox-wrap{
  padding: 16px 0px 6px 0px;
  border: 1px solid #e2e2e2;
  border-collapse: separate;
  width: 94%;
}
.databox_new .databox-wrap .search_title_box{
  padding: 0 10px;
}
.databox_new .databox-search{
  border: 1px solid #e2e2e2;
  border-radius: 25px;
  font-size: 13px;
}
.databox_new .databox-search::-webkit-input-placeholder{
        color: #a7a7a7;
        font-weight: 500;
}
.databox_new .databox-search::-moz-placeholder{
        color: #a7a7a7;
        font-weight: 500;
}
.databox_new .databox-search:-ms-input-placeholder{
        color: #a7a7a7;
        font-weight: 500;
}

.databox_new .databox-list{
  border: none;
  margin-top: 10px;
}
.databox_new .databox-list .databox-item{
  border-bottom: none;
  padding-left: 0px;
  font-size: 13px;
  color: #6a6a6a;
  min-height: 22px;
  line-height: 22px;
  padding-right: 10px;
  position: relative;
  padding-right: 12%;
  padding-left: 4%;
}
.databox_new .search_check{
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  outline: none;
}
.databox_new .detail-eye{
  position: absolute;
  right: 32px;
  top: 10px;
  outline: none;
  z-index:10;
}
.databox_new .detail-list{
  position: relative;
}
.databox_new .check{
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  bottom: 11px;
  top: 11px;
  display: none;
}

.databox_new .selected .search_check{
  /*display: none;*/
   background-color:transparent;
   border:0;
}
.databox_new .selected .check{
  display: block;
}

.databox_new .databox-wrap .loaded,.databox-wrap .loadmore{
  color: #aeaeae;
  border-bottom:none;
  padding-left: 0px;
}
.databox-wrap .loadmore{
  color: #3fa9ff;
}

.databox_new .databox-list::-webkit-scrollbar {
/*滚动条整体样式*/
width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.databox_new .databox-list::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
background   : #dddddd;
}
.databox_new .databox-list::-webkit-scrollbar-track {
/*滚动条里面轨道*/
border-radius: 10px;
background   : #f3f6f9;
}
.databox_new .layui-btn-primary:hover{
  border-color: #0375fe;
  color: #0375fe;
}
.databox_new .layui-btn-primary{
  -webkit-transition: color .3s cubic-bezier(.65,.05,.35,.5);
  transition: color .3s cubic-bezier(.65,.05,.35,.5);
}

.databox_new .databox-list .selected{
  background: #ffffff;
  color: #0375fe;
}
.databox_new .databox-parent{
  background: #ffffff;
  font-weight: 600;
}
.databox_new .databox-parent .ion{
  width: unset;
}
.databox_new .databox-parent .ion:before{
  color: #acacac;
  width: 14px;
  height: 14px;
  font-size: 18px;
}

.databox_new .databox-list.has_parent .databox-item{
  padding-left: 19px;
  /*padding-right: 33px;*/
}
.databox_new .databox-list.has_parent .databox-parent{
  padding-left: 0px;
}
.databox_new .layui-btn{
  background: #1e9ffe;
}
.databox_new .layui-btn-primary{
  background-color: #fff;
}
.databox_new .databox-parent .ion:before{
  content: '';
  width: 0px;
}
.databox_new .databox-parent .ion{
  width: 14px;
  text-align: center;
}

/*多选*/
.databox_new .databox-muti{
  padding:0;
}
.databox_new .databox-muti .databox-wrap{
  padding:0;
  border:none;
}
.databox_new .databox-muti .databox-muti-list{
  border: 1px solid #e2e2e2;
  width: 332px;
}
.databox_new .databox-muti .databox-bar{
  width: 86px;
}
.databox_new .databox-muti .databox-list-title{
  width: 332px;
  border-bottom: 1px solid #e2e2e2;
  line-height: 40px;
  height: 40px;
  box-sizing: border-box;
  background: #e8f5fd;

}
.databox_new .databox-muti .databox-muti-list .databox-list-title p{
  padding-left: 10px;
  font-size: 20px;
  font-weight: 400;
  color: #434343;
}
.databox_new .databox-muti .databox-list-search{
  padding: 10px;
}
.databox_new .databox-muti .databox-list{
  padding: 0 10px;
}
.databox_new .databox-muti .databox-multiple-check.checked:before{
  content: '';
}
.databox_new .databox-muti .databox-bar img{
  width: 50px;
}
.databox_new .databox-muti .databox-muti-is-selected .ion-ios-close:before{
  content: '';
}
.databox_new .databox-muti .databox-muti-is-selected .search_check{
  display: none;
}
.databox_new .databox-muti .search_check{
  right: 0px;
  top: 10px;
}
.databox_new .databox-muti .check{
  right: 0px;
}
.databox_new .databox-muti .muti_num{
  float: right;
  padding-right: 10px;
  font-size: 14px;
  color: #a7a7a7;
}
.databox_new .databox-muti .ion-arrow-move:before{
  color: #1e9ffe;
}
.databox_new .databox-muti .databox-wrap .sortable-ghost{
  background: #e8f5fd;
}
.databox-multiple-check.checked{
  /*display: none;*/
}

@media screen and (max-width: 767px){
  .databox_new .databox-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .databox_new .layui-layer-title{
    padding: 0px 10px 0px 10px;
  }
  .databox_new .layui-layer-setwin .layui-layer-close1{
    top: 6px !important;
    left: 10px !important;
  }
  .databox_new .layui-layer-content{
    background: #ffffff;
    padding: 0px;
  }
  .databox_new .databox-wrap{
    border: none;
  }
  .databox_new .databox-footer{
    display: flex;
    margin: 10px;
    /*margin-top: 30px;*/
  }
  .databox_new .databox-footer button{
    width: 100%;
  }


  /*多选*/
  .databox_new .databox-muti .databox-wrap td{
    display: block;
  }
  .databox_new .databox-muti .databox-muti-list{
    width: 100%;
    border: none;
  }
  .databox_new .databox-muti .databox-list-title{
    width: 100%;
  }
  .databox_new .databox-muti .databox-bar{
    display: none !important;
  }
  .databox_new .databox-muti .databox-list{
    margin: 0 10px 10px;
    height: calc((100vh - 320px)/2);
  }
  .databox_new .databox-muti .databox-muti-list .databox-list-title p{
    font-size: 18px;
  }
  .databox_new .check{
    width: 20px;
    height: 20px;
    bottom: 9px;
  }
}

/*人员选择器样式*/
.layui-layer-modal .databox_new.department .layui-layer-content{
  padding: 0px 0px 24px 0px;
}
.databox_new .databox-muti .right_box{
  width: 291px;
  padding-top: 43px;
}
.databox_new.department .layui-btn{
  width: 68px;
  height: 34px;
  line-height: 34px;
  padding: 0px;
}
.department .databox-footer{
  padding-right: 24px;
}
.databox_new.department .databox-muti .right_box .databox-list-title{
  width: 242px;
  border: none;
  height: 34px;
  line-height: 34px;
}
.databox_new.department .databox-muti .right_box .databox-muti-list{
  width: 291px;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.databox_new.department .databox-muti .databox-list-search{
  width: 242px;
}
.department .layui-layer-title{
  font-size: 16px;
  font-weight: 400;
  padding: 10px 10px 10px 24px;
  height: 22px;
  line-height: 22px;
}
.databox_new.department .databox-muti .databox-list{
  padding:0px;
  width: 242px;
}

.databox_new.department .databox-muti .databox-bar{
  position: relative;
  width: 80px;
}

.databox_new .shu{
  height: 618px;
  position: absolute;
  width: 1px;
  background: #00000030;
  top: 44px;
}

.databox_new .shu_right{
  right: 0px;
}

.databox_new.department .databox-muti .databox-muti-list .databox-list-title p{
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}

.databox_new.department .databox-muti .muti_num{
  font-size: 14px;
  color: #36a9fe;
}
.databox_new.department .databox-list{
  height: 390px;
}

.databox_new.department .databox-muti .databox-bar img{
  width: 34px;
}
.department .past_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
}
.department .past_box img:first-child{
  padding-bottom: 40px;
}
.department .past_box img:last-child{
  transform:rotate(180deg);
}
.department .left_box{
  padding: 0px 24px 5px 22px;
}
.databox_new.department .databox-muti .databox-muti-list{
  width: unset;
  border: none;
}
.databox_new.department .change_box ul{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 44px;
  line-height: 44px;
}
.databox_new.department .change_box ul li{
  margin-right: 30px;
  font-size: 16px;
  color: #252c31;
  list-style: none;
  cursor: pointer;
}
.databox_new.department .change_box ul li.this_type{
  color: #36a9fe;
  border-bottom: 2px solid #36a9fe;
}
.databox_new.department .databox-muti .databox-list-title{
  width: unset;
}
.databox_new.department .databox-muti .left_box .databox-list-search{
  width: unset;
  padding: 0px;
}
.databox_new.department .databox-muti .databox-list-search{
  box-sizing: border-box;
  position: relative;
}
.databox_new.department .databox-muti .databox-list-search::before{
  content: "\f4a4";
  font-size: 1.5rem;
  position: absolute;
  line-height: 32px;
  text-align: center;
  width: 40px;
  left: 0;
  top: 4px;
  display: inline-block;
  font-family: "Ionicons";
  padding: 0;
}
.databox_new.department .databox-muti .databox-list-search .databox-search{
  padding-left:35px;
}
.databox_new.department .databox-search{
  border-radius: 3px;
  font-size: 13px;
  background: #FAFAFA;
}
.databox_new.department .databox-muti .left_box .databox-list{
  width: unset;
  margin-top:0px;
  height: 195px;
}
.databox_new.department .databox-muti .left_box .down_box .databox-list{
  height: 150px;
}
.department i#check_num{
  font-style: unset;
}

.databox_new.department .top_box .databox-list.has_parent .databox-parent{
  padding-right: 10px;
}
.department img#shou{
  padding-right: 5px;
}
.databox_new.department .databox-list .databox-item{
  font-weight: 400;
}
.databox_new.department .databox-item .ion:before{
  content: '';
  width: 0px;
}
.databox_new.department .databox-item .ion{
  width: 14px;
}
.department .databox-parent:hover,.department .databox-item:hover,.department .databox-wrap .loadmore:hover{
  background-color: #f8fafc;
}
.department .top_box .this_top_select{
  background-color: #ebf1f8;
}
.databox_new.department .databox-muti .search_check{
  right: 10px;
}
.databox_new.department .databox-muti .check{
  right: 10px;
  top: 12px;
}

@media screen and (max-width: 767px){
  .databox_new.department .layui-layer-title{
    font-weight: bold;
    text-align: center;
    color: #252c31;
  }
  .department .layui-layer-title{
    padding:9px;
  }
  .databox_new.department .change_box ul{
    justify-content: space-around;
    font-weight: 400;
  }
  .databox_new.department .change_box ul li.this_type{
    font-weight: bold;
    color: #1f9ffe;
  }
  .databox_new.department .change_box ul li{
    text-align: center;
    margin-right:0px;
  }
  .databox_new.department .databox-footer{
    justify-content: space-around;
  }
  .databox_new.department .layui-btn{
    width: 100px;
    height: 44px;
    line-height: 44px;
  }
  .department .databox-footer{
    padding-right: 0px;
    display: flex;
    position: absolute;
    bottom: 16px;
    width: calc(100% - 32px);
    justify-content: space-around;
    left: 16px;
    margin: 0px;
  }
  .databox_new.department .databox-muti .right_box .databox-muti-list{
    width: 100%;
  }
  .databox_new.department .databox-muti .right_box{
    padding-top: 0px;
    width: 100%;
  }
  .databox_new.department .databox-muti .right_box .databox-list-title{
    width: 100%;
    background: #ffffff;
  }
  .databox_new.department .databox-muti .databox-list{
    width: 100%
  }

  .databox_new.department .databox-muti .right_box .databox-list-title{
    height: unset;
    line-height: unset;
  }
  .databox_new.department .right_box .databox-list{
    /*height: unset;*/
    height: calc(100vh - 220px);
  }
  .databox_new.department .databox-muti .databox-muti-list .databox-list-title p{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-bottom: 1.5px solid;
    border-color: rgba(151, 151, 151, 0.3);
  }
  .databox_new.department .databox-list .databox-item{
    height: 50px;
    line-height: 50px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px solid #eff3f8;
  }
  .databox_new.department .databox-selected .remove{
    position: unset;
  }
  .databox_new.department .databox-item .ion{
    width: 18px;
  }
  .databox_new .databox-muti .databox-list{
    margin:0px;
  }
  .department .left_box{
    padding:0px;
  }
  .databox_new.department .databox-muti .left_box .databox-list{
    height: calc(45vh - 100px);
  }
  .databox_new.department .databox-muti .left_box .down_box .databox-list{
    height: calc(50vh - 100px);
  }
  .databox_new.department .databox-muti .databox-muti-is-selected.left_box .search_check{
    display: block;
    top: unset;
  }
  .databox_new.department .databox-muti .check{
    right: 9px;
    top: 17px;
  }
  .databox_new.department .mobile_none{
    display: none !important;
  }
  .databox_new.department .mobile_show{
    display: block !important;
  }
}

/*多行文本常用语*/
.pepm-form .quick-msg {
  margin: 5px 0 5px 5px;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 0 5px;
  display: inline-block;
}
.refresh_bi{
  display: none;
}

.refresh_bi_content{
  width: 130px;
}

/*列表多行文本*/
.data .data-wrap .list_muti{
  line-height:20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.data .data-wrap .list_muti.word_wrap{
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  text-overflow: initial;
}
.data .data-wrap .list_muti.list_line_number{
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.data .data-wrap .list_muti.list_line_number[list_line_number="1"]{
  -webkit-line-clamp:1;
}
.data .data-wrap .list_muti.list_line_number[list_line_number="2"]{
  -webkit-line-clamp:2;
}
.data .data-wrap .list_muti.list_line_number[list_line_number="3"]{
  -webkit-line-clamp:3;
}
.data .data-wrap .list_muti.list_line_number[list_line_number="4"]{
  -webkit-line-clamp:4;
}
.data .data-wrap .list_muti.list_line_number[list_line_number="5"]{
  -webkit-line-clamp:5;
}
.data .data-wrap .list_muti.list_line_number[list_line_number="6"]{
  -webkit-line-clamp:6;
}
.data .data-wrap .list_muti.list_line_number[list_line_number="7"]{
  -webkit-line-clamp:7;
}

.tip_scroll_bar .layui-layer-content::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.tip_scroll_bar .layui-layer-content::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #535353;
}
.tip_scroll_bar .layui-layer-content::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
}
.tip_scroll_bar .layui-layer-content{
  overflow-x: hidden; /*x轴禁止滚动*/
  overflow-y: auto;/*y轴滚动*/
}
.d3{
 position: absolute;
 float: right;
 width: 0;
 height: 0;
 border-width: 5px;
 border-style: solid;
 border-color:#000 transparent transparent transparent;
 opacity:0.7;
}
.top_d3{
  border-color:transparent transparent #000 transparent;
}

.list-card-header__title {
  font-size: 16px;
}
.align-left [data-type="select_new"] [data-lc-label-type]{
  flex-direction: row;
  justify-content: flex-start;
}
.align-right [data-type="select_new"] [data-lc-label-type]{
  flex-direction: row;
  justify-content: flex-end;
}
.align-center [data-type="select_new"] [data-lc-label-type]{
  flex-direction: row;
  justify-content: center;
}
.align-left [data-type="select_new"] [data-lc-label-type=colordot] [item],
.align-right [data-type="select_new"] [data-lc-label-type=colordot] [item],
.align-center [data-type="select_new"] [data-lc-label-type=colordot] [item]{
  margin-right: 0;
}
.list-table .v-table-views .data-wrap{
  vertical-align: middle ;
}
[data-lc-label-type]:not(.select2-results__option) {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

[data-lc-label-type=colorall] [item],
[data-lc-label-type=colorall] ~ .select2-container [data-label-id] {
  padding:2px 5px;
  border-radius:5px;
  line-height: 1.5em;
  color: var(--lc-color) !important;
  border-color: var(--lc-bgcolor) !important;
  background-color: var(--lc-bgcolor) !important;

  margin-right: 4px;
  margin-bottom: 2px;
  margin-top: 2px;
}
[data-lc-label-type=colorall] [item]:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
}

.ajaxtable [data-lc-label-type=colorall] [item] {
  margin-top: 2px;
  margin-bottom: 2px;
}
[data-lc-label-type=colorall] .link_style {
  color: var(--lc-color) !important;
}
[data-lc-label-type=colorall] ~ .select2-container [data-label-id] .select2-selection__choice__remove {
  background-color: transparent !important;
}
[data-lc-label-type=colorall] ~ .select2-container [data-label-id] .select2-selection__choice__remove::after {
  color: white;
}

[data-lc-label-type=colorall].select2-results__option[data-label][role="treeitem"] {
  border-radius:5px;
  color: var(--lc-color) !important;
  border-color: var(--lc-bgcolor) !important;
  background-color: var(--lc-bgcolor) !important;

  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
  word-break: break-all;
}

[data-lc-label-type=colorborder] [item],
[data-lc-label-type=colorborder] ~ .select2-container [data-label-id] {
  border:2px solid transparent;
  padding:2px 5px;
  border-radius: 5px;
  line-height: 1.5em;
  color: var(--lc-color) !important;
  border-color: var(--lc-border-color) !important;

  margin-right: 4px;
  margin-bottom: 2px;
  margin-top: 2px;
}
[data-lc-label-type=colorborder] ~ .select2-container [data-label-id] .select2-selection__choice__remove::after {
  /* color: var(--lc-color) !important; */
}

[data-lc-label-type=colorborder].select2-results__option[data-label]:not([data-label=""]) {
  background: none;
  border:2px solid transparent;
  border-radius: 5px;
  color: var(--lc-color) !important;
  border-color: var(--lc-border-color) !important;

  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
  word-break: break-all;
}

[data-lc-label-type=colorborder].select2-results__option[data-label][role="treeitem"][aria-selected=true]:not([data-label=""])::after {
    content: "\f122";
    color: var(--lc-color) !important;
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.ajaxtable [data-lc-label-type=colorborder] [item] {
  margin-top: 2px;
  margin-bottom: 2px;
}
[data-lc-label-type=colordot] {
  /* task/2024-10380 下拉菜单彩色标签圆点模式横排展示 */
  /* flex-direction: column; */
  align-items: flex-start;
}
[data-lc-label-type=colordot] [item],
[data-lc-label-type=colordot] ~ .select2-container [data-label-id] {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 1em !important;
  /* line-height: 38px !important; */
}
[data-lc-label-type=colordot] [item]::before,
[data-lc-label-type=colordot] ~ .select2-container [data-label-id]::before {
  content: '';
  display: inline-block;
  min-width: 12px;
  height: 12px;
  border-radius: 6px;
  vertical-align: text-top;
  margin-right: 4px;
  line-height: 26px;
  background-color: var(--lc-bgcolor);
}
[data-lc-label-type=colordot] ~ .select2-container [data-label-id]::before {
  order: 0;
}
[data-lc-label-type=colordot] ~ .select2-container [data-label-id],
[data-lc-label-type=colordot] ~ .select2-container [data-label-id] .select2-selection__choice__remove {
  background-color: transparent !important;
  border-color: transparent !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  line-height: 26px;
  order: 1;
}

[data-lc-label-type=colordot] ~ .select2-container [data-label-id] .select2-selection__choice__remove::after {
  /* color: var(--lc-bgcolor) !important; */
}

[data-lc-label-type=colordot].select2-results__option[data-label][role="treeitem"]:not([data-label=""]) {
  display: flex;
  align-items: center;
  flex-direction: row;
}
[data-lc-label-type=colordot].select2-results__option[data-label][role="treeitem"]:not([data-label=""])::before {
  content: '';
  display: inline-block;
  min-width: 12px;
  height: 12px;
  border-radius: 6px;
  vertical-align: text-top;
  margin-right: 4px;
  line-height: 26px;
  background-color: var(--lc-bgcolor);
}
[ftype="markdown"][readonly] .CodeMirror-scroll {
  background-color: #eee;
}

@media screen and (max-width:580px){
  .elem-new.toolbar .toolbar__middle .toolbar-middle__title{
    width:200px;
  }
}
.rel_data.editlist {
}
.rel_data.editlist .rel_edit_td {
  /* background-color: white; */
}
.rel_data.editlist .rel_edit_td:empty {
  min-width: 34px !important;
}

.rel_data.editlist .rel_edit_td .unit-ipt-box {
  display: flex;
  align-items: center;
}
.rel_data.editlist .rel_edit_td .unit-ipt-box input ~ span {
  top: unset;
}

.rel_data.editlist .rel_edit_td .merge_data[style*="width:50%"] {
  width: 56% !important;
}
/* .rel_data.editlist .rel_edit_td .merge_data[style*="width:50%"] ~ .merge_data[id^=money] {
}
.rel_data.editlist .rel_edit_td .merge_data[style*="width:50%"] input {
  border-right: 0;
}
.rel_data.editlist .rel_edit_td .merge_data[style*="width:50%"] ~ .merge_data[id^=money] input {
  border-left: 0;
} */

.editormd.layui-form-danger {
  border: 1px solid red;
}
.rel_tr input.layui-form-danger,
.rel_tr select.layui-form-danger,
.rel_tr textarea.layui-form-danger
.rel_edit_td input.layui-form-danger,
.rel_edit_td select.layui-form-danger,
.rel_edit_td textarea.layui-form-danger
 {
  box-shadow: inset 0px 0px 0px 1px red;
}

.new-list-eit {
  counter-reset: new-list-eit-no; 
}
.new-list-eit .f-index-cell .index-cell::before {
    counter-increment: new-list-eit-no;
    content: counter(new-list-eit-no);
    font-size: 14px;
    position: relative;
    top: 1px;
}
.new-list-eit .rel_item.rel_item__no::before,
.new-list-eit .rel_item .index-cell::before {
  counter-increment: new-list-eit-no;
  content: counter(new-list-eit-no);
  font-size: 14px;
  position: relative;
  top: 1px;
}

.b2table[data-table-view="data_list_ajax"] .list-table {
  padding: 0;
}
.checkall[class*=sorting]::after {
  display: none;
}
  /* pc驾驶舱 磁铁 */
.tap_container {
  display: flex;
  flex-wrap: wrap;

  background-color: transparent;

  /* task/2024-06573 磁铁不再默认分布，而是靠左对齐 */
  justify-content: flex-start;
  /* task/2024-06573 补充靠左对齐时，每列之间的空隙 */
  /* column-gap: 0.6%;  */
}
.dashboard .block_tap .block-content {
  padding: 12px;
}
.dashboard .block_tap .block-content .layui-container-chart {
  padding: 0;
  margin-top: 0;
}
.dashboard .block_tl .etitle {
  margin-top: 24px;
}

.layui-col-md10.calendar-wrap.calendar-wrap--new .align-center{
  height:45px !important;
}
.layui-col-md10.calendar-wrap .align-center strong{
  top:20px !important;;
}
.layui-col-md10.calendar-wrap .align-center ul{
  width:45% !important;;
}

.layout-driverroom-driverroom .layui-container.layui-container-chart{
  padding:unset;
  background-color:#eff1f7;
}

.layout-driverroom-driverroom .layui-container.layui-container-chart .list1{
  background-color:#eff1f7;
}
.layout-driverroom-driverroom .layui-container.layui-container-chart .list1 .row div{
    background-color:#fff;
}
.layout-driverroom-driverroom .charts_dom{
  height:430px;
}
.layout-driverroom-driverroom .list1{
  padding:unset;
}
.layout-driverroom-driverroom .chart_canvas_table{
  padding:0 2.5%;
}

.block_box.dashboard {
  width: 100%;
  margin: 0;
}
.block_box.dashboard .block_c {
  margin: 0;
}
.block_box.dashboard .block_tl .block_c {
  background-color: transparent;
  box-shadow: none;
}

.block_box.dashboard .block_tap {
  margin: 0;
}
.block_box.dashboard .block_tap .block_c {
  box-shadow: none;
}

.block_box.dashboard .block_tl .block_c .block-content {
  padding: 0;
}
.block_box.dashboard .block_tl .block_c .block-content .layui-container-chart {
  padding: 0;
}
[id^=bireport] > [class|=col] > [id^=list] {
  padding: 0;
  background: transparent;
  margin-bottom: 0px;
}

[id^=bireport] > [class|=col] > [id^=list] .row > ul {
  margin: 0;
  background: transparent;
}
[id^=bireport] > [class|=col] > [id^=list] .row > ul li {
  height: 100%;
}

[id^=bireport] > [class|=col] > [id^=list] .row > ul:first-of-type [dkey][domid] {
  margin-left: 0 !important;
}

[id^=bireport] > [class|=col] > [id^=list] .row > ul:last-of-type [dkey][domid] {
  margin-right: 0 !important;
}
[id^=bireport] > [class|=col] > [id^=list] .row > ul [dkey][domid] {
  margin: 12px;
  padding: 24px;
  background: white;
  border-radius: 4px;
  height: calc(100% - 72px); /*24padding * 2 + 12 margin * 2*/
}

[id^=bireport] > [class|=col] > [id^=list] .row > ul [dkey][domid] [id$=title]{
  font-size: 16px;
  text-align: left !important;
  margin-top: 0 !important;
  padding-bottom: 12px;
}

.chart_canvas_table {
    min-height: 422px !important;
    height: auto !important;
}
.layui-col-xs12.layui-col-sm12.layui-col-md12 .chart_canvas_table {
    min-height: auto !important;
}
.chart_canvas_table table {
    margin: 12px 0 !important;
    table-layout: fixed;
}


.chart_canvas_table thead tr{
    background-color: #D8E7FF;
}
.tap_item .item_unit__unit {
  font-size: 12px;
}
.chart_canvas_table th,.chart_canvas_table td {
  /* border-color: transparent; */
  border-left: 0;
  border-right: 0;
}
.list-easy-header-statistic .table-title {
  width: 100%;;
}
.list-easy-header-statistic .v-checkbox-wrapper {
  display: none !important;
}
.v-dropdown-dd {
  position: relative !important;
}
.layui-layer-modal .v-dropdown-dd .v-dropdown-items {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
}
.layui-layer-modal .v-dropdown-dd .v-dropdown-items.v-dropdown-items--top {
  transform: translateY(calc(-100% - 38px));
}
.layui-layer-modal .block_box.dashboard #etitle {
  display: none;
}

.block_box.dashboard .block_tl {
  margin-bottom: 0;
}

.layui-container-chart .bireport:last-of-type .row[col]:last-of-type [dkey][domid] {
  margin-bottom: 0px;
}
.entitytable[data-del="0"][data-edit="0"] .checkall,
.entitytable[data-del="0"][data-edit="0"] [aria-label="序号"] {
  display: table-cell !important;
}
.entitytable[data-del="0"][data-edit="0"] [aria-label="操作"] {
  display: none !important;
 }
.rel_data table [data-type="upload"] .uploader-view > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.rel_data table [data-type="upload"] .uploader-view > li::before {
  content: '';
  flex: 0 0 auto;
  display: block;
  width: 5px;
  height: 5px;
  background: black;
  border-radius: 50%;
  margin-right: 8px;
}

.rel_data table [data-type="upload"] .uploader-view > li a[title] {
  max-width: calc(100% - 16px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.content-main .content-wrap .layui-form.ajax .clear+.layui-table.datatables.dataTable.flowtable {
  display: block;
  overflow: scroll;
  padding-top: 0px!important;
}

.draggable-list .dragging {
  background-color: transparent;
  color: transparent;
  border: 1px dashed #ccc;
}
.file-list [fileid].dragging a {
  color: transparent;
}
.meetingroom-table tbody tr .meeting-start .meeting-detail{
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.data.align-default [data-lc-label-type],
.data.align-left [data-lc-label-type] {
  justify-content: flex-start;
}
.data.align-right [data-lc-label-type] {
  justify-content: flex-end;
}
.data.align-center [data-lc-label-type] {
  justify-content: center;
}
select.layui-form-danger~.select2-container.select2-container--focus {
  border: 1px solid red;
}
[type="rte"].layui-form-danger:focus ~ .edui-notadd {
  border: 1px solid red;
}

/* select[multiple].layui-form-danger~.select2-container::after {
  content: "";
  width: 100%;
  height: calc(100% + 16px);
  border: 1px solid red;
  float: right;
  position: absolute;
  top: -8px;
  box-sizing: border-box;
  pointer-events: none;
} */


.list-table .page-goto-wrapper {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
.list-table .dataTables_wrapper.no-footer span.page_go_index{
  float:right;
  margin-top: 24px;
  padding: 1px 7px;
  line-height:34px;
}
.list-table .dataTables_wrapper.no-footer #inp{
  float:right;
  height:30px;
  width:50px;
  margin-top: 24px;
  padding: 1px 7px; 
  border:1px solid #c8cdd4;
  border-radius:4px;
}
.pepm-radio[data-direction]{
  flex-wrap: wrap!important;
  justify-content: space-around;
  
}
.pepm-radio[data-direction] > div{
  margin-right: 0px!important;
}
/* .v-table-rightview .v-table-body, .v-table-rightview .v-table-footer{
  overflow-x: auto!important;//暂时没发现有什么用处，先取消，否则会影响滚动条
} */

/* 列表关联数据多选筛选问题 */
.rel_data .table_canvas thead td[data-type="selectmu"] .select2-container {
  height: auto !important;
}
table.dataTable thead td, table.dataTable thead th{
  padding: 10px 16px !important;
}
.content-main .content-wrap .layui-form.ajax .clear+.layui-table.datatables.dataTable.flowtable{
  display: table!important;
}
/*pc钉钉工作台部分样式处理*/
.layout-dingtalk .layui-tab #menuh-1 .back{display: none;}

.doc-filename {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
.doc-body th[data-name="size"],
.doc-body th[data-name="update_date"],
.doc-body th[data-name="create_people_name"] {
  display: none;
}
.doc-body tbody td:nth-child(3),
.doc-body tbody td:nth-child(4),
.doc-body tbody td:nth-child(5) {
  display: none;
}
}

#mobile-fullscreen-action {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  background: white;
  z-index: 999999;

  opacity: 0;
  pointer-events: none;

  transition: opacity 0.38s;
}
#mobile-fullscreen-action.mobile-fullscreen-action--show {
  display: flex;

  opacity: 1;
  pointer-events: inherit;
}
#mobile-fullscreen-action .mobile-fullscreen-action__close {
  position: absolute;
  top: 12px;
  /* left: auto; */
  right: 12px;
  font-size: 24px;
}
#mobile-fullscreen-action .mobile-fullscreen-action__content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
}
#mobile-fullscreen-action .mobile-fullscreen-action__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#mobile-fullscreen-action .mobile-fullscreen-action__item .ion {
  width: 58px;
  height: 58px;
  margin-bottom: 12px;
  font-size: 34px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 50%;
}
#mobile-fullscreen-action .mobile-fullscreen-action__item p {
  font-size: 16px;
  color: #333;
}
.block_box.dashboard ~ .jumbotron {
  display: none;
}


.v-jump-loading {
  position: relative;
  top: 38vh;
}
.layui-layer-content .v-jump-loading {
  position: relative;
  top: 0;
}

.body--mobile .layui-layer-content .v-jump-loading {
  height: calc(100dvh - 43px - 20px);
}
.flow-body .sidebar .layui-timeline .layui-timeline-item:last-of-type {
  padding-bottom: 0 !important;
}

.navigation-tab {
  position: sticky;
  top: 0px; 
  z-index: 99;
  width: calc(100% + 4px);
  margin-left: -2px;
  height: 40px;
}
.navigation-tab::after {
  content: "";
  width: calc(100% + 12px * 2);
  height: 1px;
  position: absolute;
  bottom: 0;
  background: #ccc;
  left: -12px;
}
[data-style_menu="tradition"] .navigation-tab {
  top: 46px; 
}
.navigation-tab .navigation-tab-item--active {
  color: var(--primary-color);
  font-weight: bold;
  border-bottom: 3px solid var(--primary-color);
}
.layui-layer-content--has-navigation-bar {
  overflow: unset !important;
}
.layui-layer-content--has-navigation-bar .navigation-tab {
  top: -50px;
}

@media screen and (max-width: 767px) {
  .body--mobile #toolbar ~ .layout .navigation-tab {
    top: var(--menuh-height); 
  }
  .body--mobile #toolbar.hide--smooth ~ .layout .navigation-tab {
    top: 0px; 
  }
  .body--mobile .layui-layer .navigation-tab {
    top: -2px;
  }
  .body--mobile .navigation-tab {
    justify-content: space-around;
    margin: 12px 0 !important;
  }
  .body--mobile .navigation-tab .navigation-tab-item {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .body--mobile .flow-body .formarea.flow .flow-reject-collapse {
    border: none;
  }
  .body--mobile .flow-body .formarea.flow .flow-reject-collapse .layui-colla-content.layui-show {
    margin-bottom: 24px;
  }
  .body--mobile .flow-body .formarea.flow .flow-reject-collapse .layui-colla-content.layui-show::after {
    content: "";
    background: #eee;
    width: 100vw;
    display: block;
    position: absolute;
    height: 12px;
    left: -16px;
  }
  .body--mobile .flow-body .flow-reject-collapse .layui-colla-title {
    width: calc(100vw + 0px);
    left: -16px;
  }
  
  .body--mobile .flow-body.flow-tab-proced .navigation-tab {
    width: 100%;
    left: 0px;
  }

  .body--mobile .flow-body.flow-tab-proced .flow-node-meta {
    position: relative;
    left: calc(-1em - 4px);
  }

  .body--mobile .flow-body.flow-tab-proced .flow_item .layui-timeline-title.flow-node-title::after {
    position: relative;
    left: calc(-1em - 4px);
  }

  .body--mobile .formarea.flow .flow-node-title.title--new,
  .body--mobile .flow-body--comment .formarea.flow ~ .Comment {
    border-top: none !important;
  }
}
  .formarea .flow_edit_content{
    width: 270px;
    margin:auto;
    margin-top: 20px;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .formarea .flow_edit_content .auth_content_btn{
    font-weight: normal;
    width: 126px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    border-radius: 0.2rem;
    box-sizing: border-box;
    background-color: var(--border_button_bg);
    color: var(--border_button_color);
    border: 1px solid var(--border_button_border_color);
  }
  .formarea .flow_edit_content .edit_content_btn,  .formarea .flow_edit_content .histroy_content_btn{
    /* color: rgb(190, 60, 60); */
    margin-left: 8px;
    font-weight: normal;
    width: 64px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    border-radius: 0.2rem;
    box-sizing: border-box;
    background-color: var(--border_button_bg);
    color: var(--border_button_color);
    border: 1px solid var(--border_button_border_color);
  }

  .formarea .flow_edit_content>a:first-child span{
    background: var(--normal_button_bg);
    color: var(--normal_button_color);
    border-color: var(--normal_button_bg);
  }

  .flow_edit_white_btn{
    background-color: var(--border_button_bg)!important;
    color: var(--border_button_color)!important;
    border: 1px solid var(--border_button_border_color)!important;
  }
  .flow_edit_btn_group{
    padding-bottom:15px;
    width: 100%;
    margin: auto;
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
@media screen and (max-width: 767px) {
  .flow_edit_white_btn,.flow_edit_add_btn{
    width: 64px!important;
  }

}

.body-feishu .mobile-menu{
  bottom: var(--lpp-safe-area-inset-bottom) !important;
}
[env-feishu] .mobile-menu::after{
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    height: var(--lpp-safe-area-inset-bottom);
    background: white;
    bottom: calc(var(--lpp-safe-area-inset-bottom) * -1);
}

.body-safe-area-filler::after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: var(--lpp-safe-area-inset-bottom);
    background: white;
    bottom: calc(var(--lpp-safe-area-inset-bottom) * -1 - 8px);
}

.home_search_container{
  display: none;
  width: 100vw;
  /* height: 100vh; */
  background-color: rgba(0,0,0,0.30);
  position: fixed;
  right: 0;
  top: 0;
  z-index:99999999;
} 
.home_search_view{
  width: 88.53%;
  height: calc(100% - 54px);
  position: relative;
  right: -88.53%;
  padding-top: 54px;
  background:#FFFFFF;
}
.home_search_view .search_box{
  margin: 0 12px 12px;
  border: 1px solid #B7B7B7;
  height: 32px;
  width: calc(100% - 24px);
  border-radius: 110px;
  display: flex;
  justify-content: center;
}
.gs-search-btn-new::before{
  position: unset !important;
  line-height: 34px !important;
}
.home_search_view .search_box>input{
  width: calc(100% - 48px);
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 18px;
  font-weight: normal;
  color: #5f6569;
}

.home_search_view .search_history{
  height: calc(100% - 81px);
  width: 100%;
  background-color: #f6f6f6;
}

.home_search_view .search_history .search_history_title{
  font-size: 14px;
  font-family: 700;
  font-weight: bold;
  color: #252c31;
  text-indent: 12px;
  padding-top: 9px;
}
.home_search_view .search_history .search_history_title>span{
  float: right;
  margin-right: 30px;
}
.home_search_view .search_history .search_history_content{
  padding: 0 0 0 12px;
  display: flex;
  justify-content: left;
  flex-wrap:wrap;
}
.home_search_view .search_history .search_history_content .search_history_item{
  box-sizing: border-box;
  height: 32px;
  background: #ffffff;
  border-radius: 50px;
  font-size: 14px;
  font-family: 700;
  font-weight: normal;
  color: #5f6569;
  line-height: 14px;
  padding: 9px 7px;
  margin-right: 16px;
  margin-top: 8px;
}
.home_search_view .history_bottom{
  height: 47px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.home_search_view .history_bottom .history_bottom_cancel{
  width: 34.03%;
  height: 47px;
  background: #ffffff;
  font-size: 16px;
  font-family: 700;
  font-weight: normal;
  color: #5f6569;
  line-height: 40px;
  text-align: center;
}
.home_search_view .history_bottom .history_bottom_search{
  width: 65.97%;
  height: 47px;
  background: #3875c6;
  font-size: 16px;
  font-family: 700;
  font-weight: normal;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}
.bussiness_list{
  position: absolute;
  left: 860px;
  top: 250px;
  width: 480px;
  z-index: 999999999;
  padding: 20px;
  line-height: 24px;
  word-break: break-all;
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 383px;
  box-shadow: 0 2px 4px rgba(0,0,0,.12);
  border: 1px solid #d2d2d2;
  background: #fff;
}

@media (max-width:480px){
  #bussiness_list{
    width: 89%;
  }
}

/*checklist样式修改*/
.pepm-table-wrap .pepm-table .checklist .check_options  .layui-form-checkbox span {
  white-space: normal;
}

 /* 2023-13505 日程全局搜索 */
.menu-calendar-search-input {
  display: inline-block !important;
  top: 6px;
  position: relative;
}

.select_detailes .select2-results__options .select2-results__option--highlighted[data-lc-label-type].select2-results__option[data-label][role="treeitem"][aria-selected ='false']{
  background-color: #f2f2f2 !important;
}
.select_detailes .select2-results__options [data-lc-label-type="colorall"].select2-results__option[data-label][role="treeitem"][aria-selected="false"]{
  background-color: white !important;
  color: #000 !important;
}
 

#search_details [data-lc-label-type=colorall] ~ .select2-container .select2-selection__rendered{
  background-color: var(--lc-bgcolor) !important;
  color: white !important;
}
#search_details [data-lc-label-type=colordot] ~ .select2-container .select2-selection__rendered[title]::before{
  content: '';
  display: inline-block;
  min-width: 12px;
  height: 12px;
  border-radius: 6px;
  vertical-align: text-top;
  margin-right: 4px;
  line-height: 26px;
  background-color: var(--lc-bgcolor);
  margin-top: 2px; 
}
#search_details [data-lc-label-type=colorborder] ~ .select2-container .select2-selection__rendered[title]{
  border: 2px solid var(--lc-border-color) !important;
  color: var(--lc-color) !important;
  border-radius: 4px !important;
}

/*列表new针对占据多行显示的字段的css样式调整*/
.v-table-views .v-table-body-cell .data-wrap[data-type=muti],
.v-table-views .v-table-body-cell .data-wrap[data-type=rte],
.v-table-views .v-table-body-cell .data-wrap[data-type=markdown],
.v-table-views .v-table-body-cell .data-wrap[data-type=checklist],
.v-table-views .v-table-body-cell .data-wrap[data-type=upload],
.v-table-views .v-table-body-cell .data-wrap[data-type=pic],
.v-table-views .v-table-body-cell .data-wrap[data-type=logo_pic]
{
  margin-top:10px;
}
.body--mobile .flow_table_new table thead th{
  white-space: nowrap;
}
.body--mobile .flow_table_new{
  overflow: auto;
}
.rel_data_btn .layui-btn.layui-btn-disabled {
  background-color: var(--disabled-color);
  border: none;
}

.rel_data_btn .layui-btn.layui-btn-disabled:hover  {
  background-color: var(--disabled-color);
}
.v-table-views .v-table-body-cell .data-wrap[data-type="muti"],
.v-table-views .v-table-body-cell .data-wrap[data-type="pic"],
.v-table-views .v-table-body-cell .data-wrap[data-type="logo_pic"]
{
  margin-top: 0px !important;
}
.body--mobile a.layui-layer-ico.layui-layer-close.layui-layer-close1 {
  background: unset;
}
.boardbox #typform #pretyp ~ .layui-form-select input{
  height: 32px !important;
}
@media screen and (max-width: 767px){
  .block_box .block_c .block-content [id^=bireport] > [class|=col] > [id^=list] .row > ul > li > div + p{
    display: none;
  }
  .block_box .block_c  .block-content [id^=bireport] > [class|=col] > [id^=list] .row > ul [dkey][domid] > .charts_dom{
    display: flex;
    justify-content: center;
  }
  .block_box .block_c  .block-content [id^=bireport] > [class|=col] > [id^=list] .row > ul [dkey][domid] {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
  }
  .block_box .block_c  .block-content .layui-container.layui-container-chart{
    padding-left: 0px;
    padding-right: 0px;
  }
  #form_config .config-btn{
    display: flex;
    align-items: center;
  }
  #form_config #config_table{
    overflow: scroll;
    width: 100%;
  }
  #form_config .config-btn .layui-inline.pull-right .layui-input-inline{
    padding: 0 12px;
  }
  .dataTables_wrapper .dataTables_paginate{
    justify-content: center;
  }

}
@media screen and (max-width: 400px){
  .block_box .block_c .block-content form.layui-form.ajax .dataTables_paginate.paging_simple_numbers,
  .block_box .block_c .block-content form.layui-form.ajax .dataTables_paginate.paging_simple_numbers > span{
    display: flex !important;
    width: 100%;
  }
}

/* 甘特图 */

/* 传统主题 */
.lpp-gantt-wrapper .lpp-gantt[data-main-list="1"] .gantt-container,
[data-style_menu="tradition"] .lpp-gantt-wrapper .lpp-gantt[data-main-list="1"] .gantt-container {
  height: min(calc(var(--paged-height) - 20px), calc(100vh - 104px));
}

/* 顶栏主题 */
[data-style_menu="fashion"] .lpp-gantt-wrapper .lpp-gantt[data-main-list="1"] .gantt-container {
  height: min(calc(var(--paged-height) - 20px), calc(100vh - 104px));
}

/* 现代和时尚主题没有顶部菜单 */
[data-style_menu="fashion"] .lpp-gantt-wrapper .lpp-gantt[data-main-list="1"] .gantt-container,
[data-style_menu="modern"] .lpp-gantt-wrapper .lpp-gantt[data-main-list="1"] .gantt-container {
  height: min(calc(var(--paged-height) - 20px), calc(100vh - 56px));
}

.lpp-gantt-wrapper .gantt-data-empty {
  width: 100%;
  height: 100%;

  position: absolute;
  background-color: #eeeeee55;
  z-index: 9999;

  top: 50%;
  padding-top: 19px;
  padding-left: calc(var(--task-manager-width) / 2);
}

/* task/2024-13867 */
[data-main-list="1"] .gantt-data-empty {
  top: calc(50% + 4px);
}

.lpp-gantt-wrapper {
  overflow: hidden;
}
.lpp-gantt-wrapper .gantt-wrapper {
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  box-sizing: border-box;

  background: white;

  position: relative;
}

.lpp-gantt-wrapper .gantt-container {
  width: var(--gantt-body-width);
  height: calc(var(--paged-height) - 56px);
  left: var(--task-manager-width);

  overflow-y: auto;
}

.lpp-gantt-wrapper .lpp-gantt.lpp-gantt--empty {
  border-right: 1px solid var(--border-color);
  overflow: hidden;
}
.lpp-gantt-wrapper .lpp-gantt.lpp-gantt--empty .gantt-container {
  height: var(--height);
  overflow: hidden;
}

.lpp-gantt-wrapper .gantt-container>.gantt {
  position: absolute;
}

/* 视图切换 */
.lpp-gantt-wrapper .gantt-view-mode {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 4px;
}
.lpp-gantt-wrapper .gantt-view-mode [data-view-mode] {
  display: inline-block;

  padding: 5px 12px;
  border: 1px solid var(--border-color);
  border-right: 0px;

  cursor: pointer;
}
.lpp-gantt-wrapper .gantt-view-mode .current[data-view-mode] {
  background-color: var(--primary-color);
  color: white;
}
.lpp-gantt-wrapper .gantt-view-mode [data-view-mode]:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.lpp-gantt-wrapper .gantt-view-mode [data-view-mode]:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid var(--border-color);
}

/* 任务列表 */
.lpp-gantt-wrapper .task-manager {
  position: absolute;
  top: 0px;
  left: 0;
  width: var(--task-manager-width);
  height: calc(var(--height) - 12px);

  border: 1px solid var(--border-color);
  border-right: 0;
  border-left: 0;
  background-color: white;
  box-shadow: 1px 0px 0px 0px lightgrey;

  overflow-y: hidden;
}
.lpp-gantt-wrapper .task-manager .task-manager__header {
  box-sizing: border-box;
  height: 61px;
  width: 100%;
  display: flex;
  border-bottom: 1px solid var(--border-color);
  background-color: #fff;

  position: relative;
  z-index: 100;
}
.lpp-gantt-wrapper .task-manager .task-manager__header .task-manager__header-item {
  flex: 0 0 auto;
  text-align: center;
  height: 60px;
  line-height: 60px;

  width: var(--field-width);
}
.lpp-gantt-wrapper .task-manager .task-manager__header .task-manager__header-item.task-manager__header-item-action {
  width: 60px;
}

.lpp-gantt-wrapper .task-manager .task-manager__body {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;

  transform: translateY(calc(var(--scroll-top) * -1));
}
.lpp-gantt-wrapper .task-manager .task-manager__body .task-manager__body-item-row {
  box-sizing: border-box;
  flex: 1;
  text-align: center;
  /* 高度等于配置中的bar_height + padding - 1边框 */
  height: calc(var(--bar-height) + 16px + 1px); 
  line-height: calc(var(--bar-height) + 16px + 1px); 

  display: flex;

  border-bottom: 1px solid var(--border-color);
}
.lpp-gantt-wrapper .task-manager .task-manager__body .task-manager__body-item-cell {
  flex: 0 0 auto;
  text-align: center;

  width: var(--field-width);

  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lpp-gantt-wrapper .task-manager .task-manager__body .task-manager__body-item-cell span.text {
  margin: 0 0.5em;
  box-sizing: border-box;
}

.lpp-gantt-wrapper .task-manager .task-manager__body .task-manager__body-item-cell.task-manager__body-item-cell-action {
  width: 60px;
}

.lpp-gantt-wrapper .task-manager__body-item-timeline {
  padding-left: 3em;
  position: relative;
}
.lpp-gantt-wrapper .task-manager__body-item-timeline::before {
  content: "";

  border-left: 1px solid black;
  border-bottom: 1px solid black;
  transform: rotateZ(-135deg);

  position: absolute;

  width: 8px;
  height: 8px;
  left: 1.5em;
  bottom: calc(var(--bar-height) / 2 + 4px); 
}
.lpp-gantt-wrapper .task-manager__body-item-timeline.task-manager__body-item-timeline--collapsed::before {
  transform: rotateZ(-45deg);
  bottom: 25px
}
.lpp-gantt-wrapper svg.gantt .date {
  transform: translateY(var(--scroll-top));
}



[data-url*="msg/msg_mode"] > .block_c {
  display: flex !important;
  flex-direction: column ;
}
[data-url*="msg/msg_mode"] > .block_c > div.block-content:first-child{
  margin: auto 0 !important;
}
@media screen and (max-width: 767px){
  .body--mobile .list-header-wrap {
    position: static;
  }

  /* task/2024-14168 关联数据高级搜索样式 */
  .body--mobile  .b2table[data-table-view="data_list_ajax"] #search_details .row-wrapper > div,
  .body--mobile  .table_canvas_easy #search_details .row-wrapper > div{
    width: 100%;
  }
  .body--mobile  .b2table[data-table-view="data_list_ajax"] #search_details .row-wrapper > div:nth-child(2),
  .body--mobile  .table_canvas_easy #search_details .row-wrapper > div:nth-child(2){
    margin: 0px !important;
  }
  .body--mobile  .b2table[data-table-view="data_list_ajax"] .list-header-wrap,
  .body--mobile  .table_canvas_easy .list-header-wrap {
    display: block;
  }

  /* task/2024-14168 关联数据高级搜索样式 */
  .body--mobile .b2table[data-table-view="data_list_ajax"] #search_details .row-wrapper {
    margin-bottom: 4px !important;
  }
  .body--mobile .b2table[data-table-view="data_list_ajax"] #search_details .row-wrapper > div,
  .body--mobile .b2table[data-table-view="data_list_ajax"] #search_details .row-wrapper > div:nth-child(2) {
    width: calc(100% - 4px);
    margin: 4px 0 0 4px !important;
  }
  .body--mobile  .table_canvas_easy #search_details .row-wrapper > div [data-key]{
    margin-right: 0;
  }
}
.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{
  border: 1px solid #e6e6e6 !important;
  background-color: #FBFBFB!important;
  color: #C9C9C9!important;
  cursor: not-allowed!important;
  opacity: 1!important;
}
.layui-layer.layout--mobile .layui-layer-content{
  height: 100%;
}
.layout--mobile .flow-body.flow-body--comment::after {
  content: "";
  height: calc(100px + var(--menuh-height));
  display: block;
}


/* task/2024-02571 将new_ui.css中的移动端按钮样式迁移至lpp.css中 */
/* 6.9有单独的样式更新 */

/* task/2024-07178 宽屏手机不适用该媒体查询，因此调整为使用.body--mobile选择器进行限制 */
/* @media screen and (max-width: 767px) { */

  .body--mobile .mobile-fixed-button-container {
    --wrapper-height: 100vh;

    --height: 48px;

    height: var(--height);
    width: 100vw;

    padding: 8px;

    position: fixed;
    left: 0;

    /* task/2024-02746 移动端底部按钮偏移问题 */
    /* 优先使用运行时计算的值，原有的变量作为默认值提供 */
    top: calc(var(--wrapper-height) - var(--height) - var(--runtime-mobile-menu-height, --mobile-menu-height) - var(--global-mfb-offset));

    border-top: 1px solid var(--border-color);
    /* border-bottom: 1px solid var(--border-color); */

    background-color: white;
    z-index: 999999999999999999999;

    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    box-sizing: border-box;

    align-items: flex-start;
  }

   /* task/2024-17632 外部填报场景下，不存在移动端菜单，因此底部需要添加padding */
  .body--mobile .mobile-fixed-button-container.mobile-fixed-button-container--no-menu{
    --height: calc(48px + 34px) !important;

    top: calc(var(--wrapper-height) - var(--height) - var(--runtime-mobile-menu-height, --mobile-menu-height) - var(--global-mfb-offset)) !important;
  }
  .body--mobile .mobile-fixed-button-container.qywx-navigator_height.mobile-fixed-button-container--no-menu{
    --qywx-navigator_height: 0px !important;
  }

  .body--mobile .mobile-fixed-button-container.qywx-navigator_height{
    --qywx-navigator_height: 85px;
    top: calc(var(--wrapper-height) - var(--height) - var(--qywx-navigator_height) - var(--global-mfb-offset)) ;
  }
  .body--mobile .qywx-navigator_height_comment{
    margin-bottom: 80px  !important;
  }
  .body--mobile .layui-layer .mobile-fixed-button-container {
    top: calc(var(--wrapper-height) - var(--height) - var(--global-mfb-offset-in-layer));
  }

  .body--mobile .layui-layer .layui-layer-content:has(.mobile-fixed-button-container) {
    height: calc(var(--wrapper-height) - 42px - var(--global-mfb-wrapper-offset)) !important;
  }

  /* 钉钉环境就算支持dvh属性也需要额外减掉 */
  .body--mobile[env-dingding] .mobile-fixed-button-container {
    top: calc(var(--wrapper-height) - var(--height) - var(--mobile-menu-height) - var(--global-mfb-offset) - 0px);
  }

  .body--mobile[env-dingding] .layui-layer .mobile-fixed-button-container {
    top: calc(var(--wrapper-height) - var(--height) - var(--global-mfb-offset-in-layer) - 0px);
  }

  .body--mobile[env-feishu] .mobile-fixed-button-container {
    top: calc(var(--wrapper-height) - var(--height) - var(--mobile-menu-height) - var(--global-mfb-offset) - var(--lpp-safe-area-inset-bottom));
  }
  .body--mobile[env-feishu] .layui-layer .mobile-fixed-button-container {
    top: calc(var(--wrapper-height) - var(--height) - var(--global-mfb-offset-in-layer) - var(--lpp-safe-area-inset-bottom));
  }
  .body--mobile[env-feishu] .layui-layer .mobile-fixed-button-container::after {
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    height: var(--lpp-safe-area-inset-bottom);
    background: white;
    bottom: calc(var(--lpp-safe-area-inset-bottom) * -1);
  }

  .body--mobile .mobile-fixed-button-container .mobile-fixed-button {
    padding: 6px 12px;
    margin-left: 12px ;

    border: 1px solid var(--border-color);
    border-radius: 4px;
    flex: 1;

    text-align: center;
    box-sizing: border-box;

    position: relative;
  }
  .body--mobile .mobile-fixed-button-container .mobile-fixed-button:first-of-type {
    margin-left: 0;
  }

  .body--mobile .mobile-fixed-button-container .mobile-fixed-button.mobile-fixed-button--highlight {
    background-color: var(--primary-color);
    color: white;
  }

  .body--mobile ul.mobile-fixed-button__more{
    /* display: none; */
    position: absolute;
    bottom: 0px;
    width: calc(100vw - 24px);
    left: 12px;
    border-radius: 4px;
    z-index: 100000001;

    transition: all 0.38s cubic-bezier(0.22, 1, 0.36, 1);

    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);

    position: fixed;
  }

  .body--mobile ul.mobile-fixed-button__more.mobile-fixed-button__more--show {
    transform: translateY(0%);

    opacity: 1;
    pointer-events: inherit;

    position: absolute;
  }

  .body--mobile ul.mobile-fixed-button__more li {
    padding: 14px 12px;
    border-bottom: 1px solid var(--border-color); 
    text-align: center;
    background: white;
  }

  .body--mobile ul.mobile-fixed-button__more li:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .body--mobile ul.mobile-fixed-button__more li:nth-last-child(2) {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .body--mobile ul.mobile-fixed-button__more li[action='cancel'] {
    margin: 12px 0;
    border-radius: 8px;
  }

  .body--mobile .mobile-mask {
    background-color: #000000;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 100000000;

    opacity: 0;
    pointer-events: none;
    transition: all 0.38s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .body--mobile .mobile-mask.mobile-mask--show {
    opacity: 0.6;
    pointer-events: inherit;
  }

  .body--mobile #mobile-comment-new__popup {
    width: 100%;
    height: calc(100% - 43px);
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    background-color: white;
  }

  .body--mobile #mobile-comment-new__popup + .layui-layer-setwin .layui-layer-close {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .body--mobile #mobile-comment-new__popup + .layui-layer-setwin .layui-layer-close::after {
    content: "\f129";
    display: block;
    display: inline-block;
    font-family: "Ionicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    width: 18px;
    height: 18px;
  }

  .body--mobile #mobile-comment-new__popup .mobile-comment-new__textarea {
    width: 100%;
    height: 10em;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 8px;
    box-sizing: border-box;
  }
  .body--mobile #mobile-comment-new__popup .mobile-comment-new__upload {
    /* margin-top: 8px;
    font-size: 28px;
    padding: 0px 8px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    outline: none;
    background: white; */

    position: absolute;
    bottom: 12px;
    left: 12px;
    padding: 12px 12px;
    width: calc(50% - 16px);
    box-sizing: border-box;
    background: white;
    color: var(--secondary-text-color);
    border: 0;
    border-radius: 4px;

    border: 1px solid var(--border-color);
  }
  .body--mobile #mobile-comment-new__popup .mobile-comment-new__submit {
    position: absolute;
    bottom: 12px;
    left: calc(50% + 4px);
    padding: 12px 12px;
    width: calc(50% - 16px);
    box-sizing: border-box;
    background: var(--primary-color);
    color: white;
    border: 0;
    border-radius: 4px;
  }
  .body--mobile .comment-box--mobile {
    display: none;
  }
/* } */

/* 签名版 系统内弹窗 */
.sign-board {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sign-board .sign-board__orientation-check {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;

  text-align: center;
  line-height: 100vh;

  background: #ffffffcc;
  z-index: 999;
}

.sign-board .sign-board__label {
  text-align: center;
  height: 48px;
  line-height: 48px;
}

.sign-board .drawing-board-controls {
  position: fixed;
  top: 12px;
  left: 12px !important;
}
.sign-board .submit-btn {
  text-align: center;
  width: 38%;
  height: 36px;
  line-height: 36px;
  margin: 8px 0;
  padding: 0;
}

/* 横屏状态 */
@media (orientation: landscape) {
  .sign-board .sign-board__orientation-check {
    display: none;
  }
  .sign-board .sign-board-container {
    display: block;
  }
  .sign-board #sign_board {
    height:calc(100vh - 48px - 36px - 36px) !important;
    width:calc(100vw - 42px) !important;
  }
  .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board button.submit-btn{
    display: block;
    position: fixed;
    top: calc(100vh - 36px - 36px - 36px);
    left: 50%;
    transform: translateX(-50%);
  }
  .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board #sign_board{
    display: block;
    height: calc(100vh - 48px - 36px - 36px - 36px)!important;
    position: fixed;
    top: 50px;
    left: 20px;
  }
  .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board .sign-board__label{
    position: fixed;
    top: 0px;
  }
  body[env-dingding] .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board button.submit-btn,
  body[env-wx] .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board button.submit-btn{
    top: calc(100vh - 36px - 36px );
  }
  body[env-dingding] .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board #sign_board,
  body[env-wx] .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board #sign_board{
    height: calc(100vh - 48px - 36px - 36px )!important;
  }
}
/* 竖屏状态 */
@media (orientation: portrait) {
  .sign-board .sign-board__orientation-check {
    display: block;
  }
  .sign-board .sign-board-container {
    display: none;
  }
  .sign-board #sign_board{
    height:calc(100vw - 48px - 36px - 36px) !important;
    width:calc(100vh - 42px) !important;
  }
  .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board button.submit-btn{
    display: none;
  }
  .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board #sign_board{
    display: none;
  }
  .sign-board .isIosDd{
    width: 100vw !important;
    height: 100vh !important;
    position: relative;
    padding: 36px 42px 0 54px;
    box-sizing: border-box;
  }
  .sign-board .isIosDd .drawing-board-controls{
    right: 0 !important;
    left: auto !important;
    top: 0 !important;
    transform: rotate(90deg) translate(66px, -33px);
  }
  .sign-board .isIosDd #sign_board{
    height:calc(100vh - 72px) !important;
    width:calc(100vw - 96px) !important;
  }
  .sign-board .isIosDd .sign-board__label{
    position: absolute;
    right: 0;
    left: auto !important;
    top: 50%;
    transform: rotate(90deg) translateX(-50%);
    width: auto !important;
  }
  .sign-board .isIosDd .submit-btn{
    position: absolute;
    left: -16%;
    top: 50%;
    transform: rotate(90deg) translateY(-50%);
    z-index: 999;
  }
  .sign-board .isIosDd .sign-board__orientation-check{
    display: none;
  }
  .sign-board .isIosDd .sign-board-container,
  .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board .isIosDd button.submit-btn,
  .layer-sign_board.layui-layer.layui-layer-page .layui-layer-content .drawing-form.sign-board .isIosDd #sign_board
  {
    display: block;
  }
}
.boardDiv{
  width: 100%;
  height: 100%;
}
.sign-board .boardDiv .sign-board__label{
  width: 100%;
}
#search_details .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
  padding: 0 5px !important;
}
#search_details select[data-lc-label-type="colordot"] ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
  padding: 0 0px !important;
}
[data-lc-label-type=colordot] [item],
[data-lc-label-type=colordot] ~ .select2-container [data-label-id] {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}
.freject_mobile_left_top_but{
  float:left!important;
  margin-left:12px!important;
  border:none!important;
  line-height:35px!important;
  padding:0!important;
}
.freject_mobile_right_top_but{
  float:right!important;
  margin-right:12px!important;
  border:none!important;
  background:#fff!important;
  color:var(--primary-color)!important;
  line-height:35px!important;
  padding:0!important;
}
.freject_mobile_top_but{
  position:absolute;
  top: 0 !important;;
  padding:0 !important;
  padding-top:0!important;
  width:inherit;
}
.freject_mobile_layui-input-block{
  margin-right:0;
  margin-left:0;
}
.freject_mobile_layui-row{
  display:flex;
  flex-direction:column
}
.freject_pc_layui-form-item_odd{
  border:1px solid var(--divider-color);
  text-align:center;
  background:#f8f8f8;
  box-sizing:border-box
}
.freject_pc_layui-row_top_left{
  border-top:1px solid #eee;
  border-left:1px solid #eee;
}
.freject_pc_layui-row_top_right{
  border-top:1px solid #eee;
  border-right:1px solid #eee;
}
.freject_pc_layui-row_bottom_left{
  border-bottom:1px solid #eee;
  border-left:1px solid #eee;
}
.freject_pc_layui-row_bottom_right{
  border-bottom:1px solid #eee;
  border-right:1px solid #eee;
}
.fdisapprove_mobile_content_fclose{
  background:#fff;
  display:flex;
  flex-direction:column;
}
.flow_mobile_top_but_left{
  float:left!important;
  margin-left:12px!important;
  border:none!important;
  line-height:35px!important;
  padding:0!important;
}
.flow_mobile_top_but_right{
  float:right!important;
  margin-right:12px!important;
  border:none!important;
  background:#fff!important;
  color:var(--primary-color)!important;
  line-height:35px!important;
  padding:0!important;
}
.fclose_mobile_content_fclose{
  background:#fff;
  display:flex;
  flex-direction:column;
}
.flow_mobile_top_but{
  position:absolute!important;
  top:0!important;
  padding:0!important;
  padding-top:0!important;
  width:inherit!important
}
.additems_flow_layui-btn-group_a{
  height:0px!important;
  background:#eee!important;
  width:39px!important;
  color:var(--primary-color)!important;
  border-radius:0!important;
  line-height:39px!important;
  font-size:12px !important;
}
.addon_mobile_addon-btn{
  position:absolute;
  top:0;
  right:0;
  margin:5px 10px;
  background:#fff !important;
  color:var(--primary-color) !important;
}
.addon_pc_layui-row_browse_list_row_button{
  width:100%;
  margin-top:2px;
  color:var(--primary-color);
}
.flows_all_mobile_textarea{
  height:200px!important;
  border-color:#eee;
}
.flows_all_mobile_page_color{
  background:#f6f6f6!important;
}
.flows_all_mobile_content{
  padding:0;
}
.flows_all_mobile_div{
  width:100%;
}
.flows_all_mobile_layui-input-block{
  margin:0;
}
.flows_all_mobile_td_border{
  border:1px solid #eee!important;
}
.flows_all_mobile_layui_flex{
  display:flex;
  flex-direction:column;
}
.flows_all_mobile_addon_input{
  background:#eee;
  border:none;
  border-bottom:1px solid #eee;
  border-radius:0;
  font-size:12px ;
  color:#8a8a8a;
  padding-left:0;
}
.flows_all_mobile_addon_cancel{
  position:absolute;
  left:0;
  margin:5px 10px;
  background:#fff !important;
  border:none;
  color:var(--border_button_color) !important;
}
.flows_all_mobile_addon_layui_a{
  left:13px;
  z-index:999;
}
.flows_all_mobile_addon_primary{
  position: fixed!important;
  width: 90%;
  height: 50px;
  left: 0;
  right: 0;
  border-radius: 5px!important;
  margin: 0 auto;
  background: var(--primary-color)!important;
  color: #fff!important;
  bottom: 10px!important;
}
.layui-layer .layui-layer-content>div.flow_addon_padding:first-child{
  padding: 0!important;
}
.flows_pc_md3_xs3{
  text-align:center!important;
  background:#f8f8f8!important;
  border:1px solid var(--divider-color)!important;
  border-right: none!important;
}
.flows_all_pc_addon_th{
  text-align:center;
  background:var(--pepm_table_label_bg)!important;
}
.flows_mobile_pc_white{
  background:#fff!important;
}
.flows_pc_ftransfer_page{
  padding:34px 39px!important;
  background:#fff!important;
}
.flows_pc_ftransfer_td{
  border:1px solid var(--divider-color)!important;
}
.flows_pc_ftransfer_td_first{
  width:25%!important;
}
.flows_mobile_ftransfer_td{
  margin-bottom:10px!important;
}
.flows_all_bottom{
  margin-bottom:0!important;
}
.flows_all_left{
  margin-left:0!important;
}
.flows_all_margin{
  margin: 0!important;
}
.flows_all_padding{
  padding: 0!important;
}
.content_click{
  width: 64px;
  height: 32px,;
  border-radius: 40px;
  box-sizing:border-box;
  padding:2px;
  background:#eee;
  display: flex;
}
.content_span{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display:inline-block;
  box-sizing:border-box;
  background:#fff;
}
.content_click.click_true{
  justify-content: flex-end;
  background:var(--primary-color)
}
.freject_pc_position{
  display: flex;
  flex-wrap: wrap;
}
.additems_tr{
  display:flex;
  flex-direction:column;
  background:#fff!important;
}
.additems_tr_first_td{
  font-size:15px;
  font-weight:500;
}
.additems_first_td{
  background:#eee!important;
  padding:0 12px!important;
}
.layui-layer-content.flows_all_padding[id*=flow_addonaddon] #browse_list tbody{
  display: flex;
  flex-direction: column;
}
.flows_pc_freject_bottom{
  margin-bottom: -2px!important;
}
@media screen and (max-width: 768px){
  .layui-layer-setwin a {
    background: unset !important;
  }
  .layui-layer .layui-layer-content>div:first-child {
    padding: 12px!important;
  }
}
td .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 4px 21px 8px 5px;
}
.layer-sign_board #sign_board .drawing-board-canvas,.layer-sign_board #sign_board .drawing-board-canvas-wrapper{
  width: 100% !important;
  height: 100%!important;
  padding: 0px!important;
  margin-top: 0px!important;
}
.layer-sign_board.layui-layer.layui-layer-page .layui-layer-content{
  padding: 0px !important;
}
.block_box .block .block-content [url*="msg/nlist"] {
  height: calc(var(--block_height) - 56px - 6px);
  overflow: auto;
  overflow-x: hidden;
}
.msgbadge{
  display: inline !important;
}


/* task/2023-16024 个性化表头模板 */
.diycol-template {
  float: right;
}
.diycol-template .diycol-template-selector {
  line-height: 32px;
  height: 32px;

  padding: 0 8px;

  background: var(--border_button_bg);
  color: var(--border_button_color);
  border: 1px solid var(--border_button_border_color);
  border-radius: 0.2rem;

  cursor: pointer;
}
.diycol-template .diycol-template__option-container {
  position: absolute;
  z-index: 99999;
  background: white;
  padding: 8px 12px;
  border: 1px solid var(--border-color);
  width: 12em;
  right: 0;
  top: calc(32px - -0.5em);
}
.diycol-template .diycol-template-selector ~ .diycol-template__option-container {
  display: none;
}
.diycol-template .diycol-template-selector.diycol-template-selector--active ~ .diycol-template__option-container {
  display: block;
}
.diycol-template .diycol-template__option-container .diycol-template__diy,
.diycol-template .diycol-template__option-container .diycol-template__option,
.diycol-template .diycol-template__option-container .diycol-template__manage
{
  height: 18px;
  line-height: 18px;
  padding: 6px 0px;
  font-size: 14px;

  display: flex;
  align-items: center;

  cursor: pointer;
}
.diycol-template .diycol-template__option-container .diycol-template__option::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;

  background-color: black;
  border-radius: 50%;

  margin-right: 8px;
}
.diycol-template .diycol-template__option-container .diycol-template__option[data-default-template]::before {
  background-color: transparent;
  border: 1px solid black;
  width: 5px;
  height: 5px;
}

.diycol-template-manage-table {
  width: 100%;
  table-layout: fixed;
}
.diycol-template-manage-table th {
  border: 1px solid var(--border-color);
}
.diycol-template-manage-table tr {
  border-bottom: 1px solid var(--border-color);
}
.diycol-template-manage-table th,
.diycol-template-manage-table td
 {
  padding: 12px 8px;
  text-align: center;
}
.diycol-template-manage-table .action-btn {
  color: var(--link-color);
  cursor: pointer;
}
.diycol-template-manage-table thead {
  background-color: var(--table-thead-background--color) !important;
}

.diycol-template .diycol-template-list,
.diycol-template .diycol-template-editor {
  display: none;
}

.dataTables_empty, .v-table-empty-content .v-table-empty-inner{
  color: #959a9c !important;
  font-size: 14px !important;
}

.rel_data[botton-btn-processing] .rel_data_btn {
  display: none;
}
.rel_data[botton-btn-inited] .table_canvas>table {
  margin-bottom: 0;
}
.rel_data[botton-btn-inited] .rel-bottom-btn-container {
  padding: 8px;

  border: 1px solid var(--border-color);
  border-top: 0;

  display: flex;
  justify-content: center;
  gap: 32px;
}
.rel_data[botton-btn-inited] .rel-bottom-btn-container .rel-bottom-btn {
  color: var(--primary-color);

  cursor: pointer;
}
/* 视频最大高度  */
.layui-layer-content .dplayer-video-wrap .dplayer-video{
  max-height: calc(100vh - 180px) !important;
}

.excel_progress.layui-layer .layui-layer-content>div:first-child{
  padding: 0px !important;
}


 /* task/2024-08276 元素滚动条 */
.scrollbar-container {
  background-color: #fafafa;

  position: absolute;
  left: var(--left-offset);
  bottom: var(--bottom-offset);

  height: 18px;
  width: var(--width);
}
.scrollbar-container .scrollbar-bar {
  background-color: #c7c7c7;

  border-radius: 8px;

  height: 10px;
  width: var(--bar-width);

  position: absolute;
  left: var(--bar-left);
  top: 4px;
}
.scrollbar-container .scrollbar-bar:hover {
  background-color: #777777;
}

/* task/2024-08242 */
.file-analyze-btn {
  float: right;
  cursor: pointer;
  margin-right: 0.5em;

  display: flex;
  justify-content: right;
  align-items: center;

  color: var(--primary-color);
}
.file-analyze-btn i.ion {
  width: 16px;
}

/* task/2024-11202 引导功能通用样式调整 */
.introjs-tooltip {
  max-width: none !important;
}
.introjs-tooltip .introjs-tooltip-header {
  padding: 16px;
  padding-bottom: 0; 
}
.introjs-tooltip .introjs-tooltiptext {
  padding: 16px;

  white-space: nowrap;
}
.introjs-tooltip .introjs-helperNumberLayer {
  float: left;

  height: 58px;
  line-height: 58px;

  padding: 0;
  margin-left: 16px;
}
.introjs-tooltip .introjs-tooltipbuttons {
  float: right;
  border-top: 0;

  padding: 16px;
}
.introjs-tooltip .introjs-tooltipbuttons .introjs-prevbutton,
.introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
  min-width: 4em;
  padding: 4px 8px;

  font-size: 12px;
  border-radius: 4px;

  text-shadow: none;
  text-align: center;
  box-shadow: none;
}
.introjs-tooltip .introjs-tooltipbuttons .introjs-prevbutton {
  background: white;
  color: #333333;
}
.introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
  margin-left: 0.5em;
  background-color: var(--primary-color);
  color: white;
}
.introjs-helperLayer {
  box-shadow: rgba(183, 183, 183, 0.5) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
}


@font-face {
  font-family: 'PingFang SC-R';
  src: url('/static/font/PingFangSC-Regular.otf');
}
[dataroom-mode] .doc-style,
[dataroom-mode] .user-analytics-style,
[dataroom-mode] .config-style {
  font: 14px PingFang SC-R,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif !important;

  --max-row-count: 12;
  --pagination-top: 700px;
}
@media screen and (min-height: 500px) {
  [dataroom-mode] .doc-style {
    --max-row-count: 8;
    --pagination-top: 520px;
  }
}
@media screen and (min-height: 720px) {
  [dataroom-mode] .doc-style {
    --max-row-count: 10;
    --pagination-top: 600px;
  }
}
@media screen and (min-height: 767px) {
  [dataroom-mode] .doc-style {
    --max-row-count: 11;
    --pagination-top: 655px;
  }
}
@media screen and (min-height: 788px) {
  [dataroom-mode] .doc-style {
    --max-row-count: 12.5;
    --pagination-top: 720px;

    min-height: calc(100vh - 100px) !important;
  }
}
@media screen and (min-height: 1024px) {
  [dataroom-mode] .doc-style {
    --max-row-count: 16;
    --pagination-top: 890px;
  }
}
@media screen and (min-height: 1520px) {
  [dataroom-mode] .doc-style {
    --max-row-count: 25;
    --pagination-top: 1300px;
  }
}

@media screen and (min-width:768px){
  [dataroom-mode] .doc-style .doc-body .doc-bar .top-btn-group button{
    border-radius: 6px !important;
    font-size: 14px !important;
    color: #1c1b1b !important;
    margin: 0 8px 0 0 !important;
    border-color: #ccc  !important;
    padding: 15px 12px !important;
  }
  [dataroom-mode] .doc-style .doc-body .doc-bar .top-btn-group button.btn-upload-file{
    color: #fff !important;
    background-color: #1356f0 !important;
    border: none;
    padding: 16px 12px !important;
  }
  [dataroom-mode] .doc-style .doc-body .doc-bar .top-btn-group button.btn-upload-dir .layui-icon {
    font-size: 0;
    background-image: url('/static/icons/shangchuan.svg');
    width: 22px;
    height: 22px;
    background-size: 22px;
  }
  [dataroom-mode] .doc-style .doc-body .doc-bar .top-btn-group button.btn-upload-file .layui-icon{
    font-size: 0;
    background-image: url('/static/icons/shangchuan_white.svg');
    width: 22px;
    height: 22px;
    background-size: 22px;
  }
  [dataroom-mode] .doc-style .doc-body .doc-bar .top-btn-group{
    margin-bottom: 0px;
  }

  [dataroom-mode] .doc-style  .doc-body form.file-form table.dataTable thead tr th,
  [dataroom-mode] .doc-style  .doc-body form.file-form table.dataTable tbody tr td {
    border: 1px solid var(--border-color);
  }

  [dataroom-mode] .doc-style  .doc-body form.file-form table.dataTable tbody tr td{
    /* font-weight: 600; */
    color: #1c1b1b;
    font-size: 13px;
  }
  [dataroom-mode] .doc-style  .doc-body form.file-form table.dataTable tbody tr td span.rename::before{
     color: #1b9aef !important;
  }
  [dataroom-mode] .doc-style .doc-body .file-form .dataTables_info{
    opacity: .8;
  }
  [dataroom-mode] .doc-style .doc-body table tbody tr td i[class^=ion]{
    width: 22px !important;
    height: 22px !important;
    font-size: 18px !important;
  }
  [dataroom-mode] .doc-style .doc-body table tbody tr td i[class^=ion]::before{
    width: 22px !important;
    height: 22px !important;
    background-size: 22px !important;
  }
  [dataroom-mode] .doc-style .doc-body .doc-bar .breadcrumb [doc]{
    font-weight: 800;
    color: #1356f0  !important;
    opacity: .8;
  }
  [dataroom-mode] .doc-style .doc-body table tbody tr td:nth-child(2) span.dir[doc] ~ a{
    margin-left: 0px ;
  }
}

@media screen and (max-width: 768px){
  [dataroom-mode].body--mobile .doc-body table tr td:nth-child(1){
    position: absolute;
    right: 0px;
  }
  [dataroom-mode].body--mobile .doc-body table tr td:nth-child(3){
    position: absolute;
    bottom: 6px;
    left: 130px;
    font-size: 14px;
  }
  [dataroom-mode].body--mobile .doc-body table tr td:nth-child(4){
    position: absolute;
    bottom: 6px;
    left: 40px;
    justify-content: flex-start !important;
    font-size: 14px;
    width: auto !important;
  }
  [dataroom-mode] .doc-body tbody td:nth-child(3):empty{
    display: none;
  }
  [dataroom-mode] .doc-body tbody td:nth-child(4):empty{
    display: none;
  }
  [dataroom-mode] .doc-body tbody td:nth-child(3):empty +
  td:empty +
  td{
    left: 40px;
  }
  [dataroom-mode] .doc-body tbody td:nth-child(3):empty +
  td +
  td{
    left: 130px;
  }
  [dataroom-mode] .doc-body tbody td:nth-child(5){
    display: block !important;
    color: #a6a6a6;
    position: absolute;
    bottom: 6px;
    left: 180px;
  }
  [dataroom-mode].body--mobile #canvas .doc-body table tr td:nth-child(2) .dir[category="folder"] .doc-filename, 
  [dataroom-mode].body--mobile .layui-layer-content .doc-body table tr td:nth-child(2) .dir[category="folder"] .doc-filename{
    top: -8px;
  }
  [dataroom-mode] .doc-body tbody td:nth-child(2) span.tips{
    display: none !important;
  } 
  [dataroom-mode].body--mobile #canvas .doc-body table tr td:nth-child(2) .dir[doc] i[class^=ion], 
  [dataroom-mode].body--mobile .layui-layer-content .doc-body table tr td:nth-child(2) .dir[doc] i[class^=ion], 
  [dataroom-mode].body--mobile #canvas .doc-body table tr td:nth-child(2) .dir[doc] i[class^=ion]::before, 
  [dataroom-mode].body--mobile .layui-layer-content .doc-body table tr td:nth-child(2) .dir[doc] i[class^=ion]::before{
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  [dataroom-mode].body--mobile #canvas .doc-body table tr td:nth-child(2) .dir[doc] .doc-filename, 
  [dataroom-mode].body--mobile .layui-layer-content .doc-body table tr td:nth-child(2) .dir[doc] .doc-filename{
    top: -10px;
  }
  [dataroom-mode].body--mobile #canvas .doc-body table tr td:nth-child(2) .dir[doc] i[class^=ion], 
  [dataroom-mode].body--mobile .layui-layer-content .doc-body table tr td:nth-child(2) .dir[doc] i[class^=ion]{
    margin-right:16px;
  }
  [dataroom-mode] .doc-body .layui-form.file-form .layui-table tr{
    border: none;
  }
  [dataroom-mode].body--mobile #canvas .doc-body table tr td:nth-child(2) .dir[doc], 
  [dataroom-mode].body--mobile .layui-layer-content .doc-body table tr td:nth-child(2) .dir[doc]{
    height: 40px;
  }
  [dataroom-mode].body--mobile .doc-body.doc--show-all-btn table tr td:nth-child(2), 
  [dataroom-mode].body--mobile .layui-layer-content .doc-body table tr td:nth-child(2){
    width: calc( 100% - 40px );
  }
  [dataroom-mode] .doc-style .doc-body .file-table tr td.dataTables_empty{
    width: inherit !important;
    right: unset !important;
    height: 34px;
    line-height: 34px;
    overflow: initial !important;
    justify-content: start;
    position: relative !important;
  }
}

@media screen and (max-width: 768px){
  [dataroom-mode]  .dataroom-mode-addbtn{
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    position: fixed;
    background: #3b72f6;
    right: 12px;
    z-index: 2000;
    border-radius: 50%;
    top: calc(100vh - 52px - 52px - 50px);
  }
  [dataroom-mode]  .dataroom-mode-addbtn::after{
    content: "";
    background: white;
    width: 18px;
    height: 2px;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%) rotate(90deg);
    top: 50%;
    left: 50%;
  }
  [dataroom-mode]  .dataroom-mode-addbtn::before{
    content: "";
    background: white;
    width: 18px;
    height: 2px;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
  }
  [dataroom-mode] #mobile-fullscreen-action.mobile-fullscreen-action--show{
    background-color: rgba(77 ,77 ,77 ,0.7);
    width: 100%;
    height: 100%;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
  }
  [dataroom-mode] #mobile-fullscreen-action.mobile-fullscreen-action--show .mobile-fullscreen-action__content{
    height: 35%;
    background-color: white;
  }
  [dataroom-mode] #mobile-fullscreen-action.mobile-fullscreen-action--show .mobile-fullscreen-action__close{
    display: flex;
    background: white;
    width: 100%;
    justify-content: flex-end;
    padding-right: 12px;
    padding-top: 12px;
    position: relative;
    left: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-sizing: border-box;
  }
  [dataroom-mode] #mobile-fullscreen-action{
    transition: none;
  }
  [dataroom-mode] #mobile-fullscreen-action .mobile-fullscreen-action__item .ion{
    width: 53px;
    height: 53px;
    margin-bottom: 8px;
    background-color: #f7f9fc !important;
    opacity: .7;
  }
  [dataroom-mode] #mobile-fullscreen-action .mobile-fullscreen-action__item p{
    font-size: 13px;
  }
  [dataroom-mode] #mobile-fullscreen-action .mobile-fullscreen-action__item.action-create-folder .ion{
    background-image: url('/static/icons/create_dir.svg');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
  }
  [dataroom-mode] #mobile-fullscreen-action .mobile-fullscreen-action__item.action-upload-file .ion{
    background-image: url('/static/icons/upload_file.svg');
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: center;
  }
  [dataroom-mode].body--mobile .dataroom-layer.layui-layer-prompt{
    border-radius: 10px !important;
    
  }
  [dataroom-mode].body--mobile .dataroom-layer.layui-layer-prompt .layui-layer-title{
    border-radius: 10px !important;
    border-bottom: none;
    font-size: 16px;
    font-weight: 600;
    padding: 0 80px 8px 15px;
  }
  [dataroom-mode].body--mobile .dataroom-layer.layui-layer-prompt .layui-layer-content{
    background-color: #fff;
    padding: 0 15px;
  }
  [dataroom-mode].body--mobile .dataroom-layer.layui-layer-prompt .layui-layer-content .layui-layer-input{
    background-color: #f5f6f7;
    border: 1px solid #f5f6f7;
    height: 50px;
  }
  [dataroom-mode].body--mobile .dataroom-layer.layui-layer-prompt .layui-layer-setwin .layui-layer-close{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  [dataroom-mode].body--mobile .dataroom-layer.layui-layer-prompt .layui-layer-btn a:nth-of-type(2){
    display: none;
  }
  [dataroom-mode].body--mobile .dataroom-layer.layui-layer-prompt .layui-layer-btn a:nth-of-type(1){
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    box-sizing: border-box;
    margin: 16px 0 0;
    border-radius: 6px;
    background-color: #3b72f6;
  }

  [dataroom-mode] .paging_simple_numbers {
    display: none !important;
  }
}

@media screen and (max-width: 768px){
  [dataroom-mode] #tab-menu .tab-menu__btn .ion-ios-trash-outline{
    background-image: url(/static/icons/lajitong.svg);
    font-size: 0;
    height: 20px;
    background-size: 18px;
    position: absolute;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%);
  }
  [dataroom-mode] #tab-menu .tab-menu__btn .ion-ios-cloud-download-outline{
    background-image: url(/static/icons/xiazai.svg);
    font-size: 0;
    height: 20px;
    background-size: 18px;
    position: absolute;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%);
  }
  [dataroom-mode] #tab-menu .tab-menu__btn .ion-android-cancel{
    background-image: url(/static/icons/quxiao.svg);
    font-size: 0;
    height: 20px;
    background-size: 18px;
    position: absolute;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%);
  }
  [dataroom-mode] .elem-new#tab-menu .tab-menu__btn .tab-menu-btn__img-wrapper{
    position: relative;
    margin-bottom: 2px;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item{
    line-height: 52px;
    height: 52px;
    border: none;
    justify-content: start;
    color: black;
    font-size: 15px;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item i[class^='ion']{
    font-size: 26px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-right: 14px;
    margin-left: 14px;
    display: block;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item i.ion-ios-copy-outline{
    background-image: url(/static/icons/fuzhi.svg);
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    display: #1f2329;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item i.ion-scissors{
    background-image: url(/static/icons/jianqie.svg);
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    display: block;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item i.ion-social-buffer-outline{
    background-image: url(/static/icons/zhantie.svg);
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    display: block;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item i.ion-ios-cloud-download-outline{
    background-image: url(/static/icons/xiazai.svg);

  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.cancel{
    justify-content: center;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.cancel i{
    display: none !important;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item i.ion-ios-cloud-download-outline{
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    display: block;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i{
    font-size: 0px;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-word{
    background-image: url(/static/images/file_icons/word.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-excel{
    background-image: url(/static/images/file_icons/excel.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-ppt{
    background-image: url(/static/images/file_icons/ppt.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-pdf{
    background-image: url(/static/images/file_icons/pdf.svg) ;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-txt{
    background-image: url(/static/images/file_icons/txt.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-zip{
    background-image:  url(/static/images/file_icons/zip.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-image{
    background-image: url(/static/images/file_icons/image.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-audio{
    background-image: url(/static/images/file_icons/audio.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-video{
    background-image: url(/static/images/file_icons/video.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-subtitle{
    background-image: url(/static/images/file_icons/subtitle.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-font{
    background-image: url(/static/images/file_icons/font.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-bak{
    background-image: url(/static/images/file_icons/bak.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-tmp{
    background-image: url(/static/images/file_icons/tmp.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-msg{
    background-image: url(/static/images/file_icons/msg.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-folder{
    background-image: url(/static/images/file_icons/folder.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item i.ion-other{
    background-image: url(/static/images/file_icons/other.svg);
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item{
    border-bottom: 1px solid #eee;
    font-size: 16px;
  }
  [dataroom-mode] .elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-head-item p{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}

@media screen and (max-width: 768px){
  [dataroom-mode] .doc-body .doc-search-input{
    display: block !important;
  }
  [dataroom-mode] .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--ion .ion.ion-search{
    display: none !important;
  }
}

[dataroom-mode] .doc-style .doc-body .doc-bar .top-btn-group .btn-more ul.btn-more_dropdown li{
  color: #1c1b1b !important;
  padding: 4px 8px !important;
}
[dataroom-mode] .doc-style .doc-body .doc-bar .top-btn-group .btn-more ul.btn-more_dropdown li:hover{
  background-color: #eee ;
}
[dataroom-mode] .doc-style .doc-body .doc-bar .top-btn-group .btn-more .btn-more_dropdown::before{
  filter: none ;
  border: none ;
  top: -8px ;
  height: 8px ;
  width: 100% ;
  left: 0 ;
}
[dataroom-mode] .doc-style  .doc-body .doc-bar .top-btn-group .btn-more .btn-more_dropdown{
  margin-top: 8px ;
  padding: 0 2px !important;
  font-size: 13px;
}
[dataroom-mode] .doc-style  .doc-body .doc-bar .doc-search-input label input[type='search']{
  border-radius: 6px;
  border-color: #ccc  !important;
  height: 30px !important;
}
[dataroom-mode] .doc-style  .doc-body .doc-bar .doc-search-input label input[type='search']::placeholder{
  color: #959595;
}
[dataroom-mode] .doc-style  .doc-body form.file-form table.dataTable thead tr th{
  color: #000;
  font-weight: 1000;
  background-color: #f8f8fa !important;
  padding: 8px 10px !important;
}
[dataroom-mode] .doc-style .doc-body table tbody tr:hover{
  background-color: #f9f9f9  !important;
}
[dataroom-mode] .doc-style  .doc-body form.file-form table.dataTable tbody tr td span.dir i{
  padding-right: 12px;
}


[dataroom-mode] .doc-style .doc-body .file-table tbody td .btn.rename::before {
  content: "编辑" !important;
}
[dataroom-mode] .doc-style .doc-body .file-table tbody td .btn.rename::after {
  content: " " !important;
  display: inline-block;
  background-color: #d0d3d6;
  margin: 0 4px;
  position: relative;
  top: -1px !important;
  left: 6px !important;
  width: 1px;
  height: 10px;
}
[dataroom-mode] .doc-style .doc-body .btn.del {
  border: 0;
  background-color: transparent !important;
  display: inline-block !important;
}
[dataroom-mode] .doc-style .doc-body .btn.del::before {
  color: #f54b6f  !important;
}
[dataroom-mode] .doc-style .file-table {
  margin-bottom: 0.5em;
}
[dataroom-mode] .doc-style .doc-body .doc-bar .breadcrumb .layui-breadcrumb.back,
[dataroom-mode] .doc-style .doc-body .doc-bar .breadcrumb .layui-breadcrumb.parent
{
  display: none !important;
}
[dataroom-mode] .doc-style .doc-body .doc-bar .breadcrumb .layui-breadcrumb a{
  color: gray !important;
}
[dataroom-mode] .doc-style .doc-body .doc-bar .breadcrumb .layui-breadcrumb a:last-child {
  color: var(--primary-color) !important;
}
[dataroom-mode] .doc-style .doc-body .doc-bar .breadcrumb .layui-breadcrumb a span{
  color: gray !important;
  position: relative;
  bottom: 1px;
}
[dataroom-mode] .doc-style .doc-body .doc-bar .breadcrumb .layui-breadcrumb a span::after {
  content: none !important;
}

[dataroom-mode] .doc-style .doc-body .file-table a[href*="viewfile"] ~ .flag.flag.flag.flag.flag {
  margin-left: 2px !important;
}

[dataroom-mode] .doc-style .doc-body .file-table .ion-android-download::before,
[dataroom-mode] .doc-style .doc-body .file-table .ion-ios-pricetag::before {
  font-weight: bolder;
  font-size: 16px;
  color: black;
  position: relative;
  text-shadow: 0 0 1px #3d3d3d;
}

[dataroom-mode] .doc-style .doc-body .file-table .ion-android-download {
  background-image: url('/static/icons/xiazai.svg');

  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  top: 4px;
  position: relative;
}
[dataroom-mode] #canvas .doc-style .doc-body .file-table .flag.flag.flag.flag {
  height: 22px !important;
  display: inline-flex;
  align-items: center;
}
[dataroom-mode] .doc-style .doc-body .file-table .ion-ios-pricetag {
  background-image: url('/static/icons/biaoqian.svg');

  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  top: 0.5px;
  position: relative;
}
[dataroom-mode] .doc-style .doc-body .file-table .ion-android-download::before {
  content: none !important;
}
[dataroom-mode] .doc-style .doc-body .file-table .ion-ios-pricetag::before {
  content: none !important;
}

[dataroom-mode] .doc-style .doc-body .dataTables_info:has(.pager-wrap) {
  margin-top: 0;
  padding-top: 3px;
  font-size: 0px;
}
[dataroom-mode] .doc-style .doc-body .pager-wrap select {
  width: 10em;
  height: 34px;
  padding: 4px;
  border-color: var(--border-color);
  border-radius: 8px;

  box-sizing: border-box;

  font-size: 12px;
}
[dataroom-mode] .doc-style .doc-body .pager-wrap::before {
  content: "每页显示:";
  display: inline-block;
  width: 5em;
  font-size: 12px;
  color: #aaa;
  margin-left: 2em;
}

[dataroom-mode] .doc-style .doc-body .paginate_button {
  border-radius: 8px !important;
}

[dataroom-mode] .doc-style .doc-body .paginate_button.current {
  background-color: #1356f0  !important;
}

[dataroom-mode] .doc-style .doc-body .paginate_button.previous,
[dataroom-mode] .doc-style .doc-body .paginate_button.next
 {
  width: 1.5em;
}

[dataroom-mode] .doc-style .doc-body .paginate_button.previous.disabled .ion,
[dataroom-mode] .doc-style .doc-body .paginate_button.next.disabled .ion
 {
  color: gray !important;
}

[dataroom-mode] .doc-style .doc-body .paginate_button.previous .ion,
[dataroom-mode] .doc-style .doc-body .paginate_button.next .ion {
  font-size: 12px;
  position: relative;
  bottom: 2px;
}

/* [dataroom-mode] .doc-style .doc-body .file-form-result {
  border: 1px solid var(--border-color) !important;
} */
[dataroom-mode] .doc-style .doc-body .file-form-result .header .th {
  font-weight: bold;
  border-top: none;
}

[dataroom-mode] .doc-style .doc-body .file-form-result .header .th,
[dataroom-mode] .doc-style .doc-body .file-form-result .body .td {
  border-right: 1px solid var(--border-color) !important;
}
[dataroom-mode] .doc-style .doc-body .file-form-result .header .th:last-child,
[dataroom-mode] .doc-style .doc-body .file-form-result .body .td:last-child {
  border-right: none !important;
}
[dataroom-mode] .doc-style .doc-body .doc-search-result .table-wrapper .row:last-child .td {
  border-bottom: none !important;
}

[dataroom-mode] .doc-style .doc-body .doc-search-result .table-wrapper .doc-search-checkbox,
[dataroom-mode] .doc-style .doc-body .doc-search-result .table-wrapper .dsr-item__checkbox {
  width: 28px !important;

  display: flex;
  align-items: center;
  justify-content: center;
}

[dataroom-mode] .doc-style .doc-body .doc-search-result .table-wrapper .dsr-item__checkbox input {
  position: relative;
  left: 3px;
  border-color: var(--border-color);
  box-shadow: inset 0px 0px 6px white;
}

[dataroom-mode] .doc-style .doc-body .file-form-result .body i[class^=ion]::before {
  width: 22px !important;
  height: 22px !important;
  background-size: 22px !important;
}

[dataroom-mode] .doc-style .doc-body .dataTables_wrapper .file-table {
  margin-bottom: 0px;
  border: 0 !important;
}

[dataroom-mode] .doc-style .doc-body .dataTables_wrapper {
  /* height: calc(45px * 18);
  max-height: calc(45px * 18);
  overflow-y: auto;
  overflow-x: hidden;

  border: 1px solid var(--border-color); */
}
[dataroom-mode] .doc-style .doc-body .dataTables_info {
  /* position: fixed;
  right: 24px;
  top: 980px; */
  display: none;
}
[dataroom-mode] .doc-style .doc-body .paging_simple_numbers {
  position: fixed;
  right: 232px;
  top: 980px;
}

[dataroom-mode] .doc-style .doc-body .dataTables_info {
  right: 24px;
}
[dataroom-mode] .doc-style .doc-body .paging_simple_numbers {
  right: 232px;
}
[dataroom-mode] .doc-style .doc-body .dataTables_wrapper {
  /* height: calc(45px * var(--max-row-count));
  max-height: calc(45px * var(--max-row-count));
  overflow-y: auto;
  overflow-x: hidden;

  border: 1px solid var(--border-color); */
}
[dataroom-mode] .doc-style .doc-body .dataTables_info,
[dataroom-mode] .doc-style .doc-body .paging_simple_numbers {
  position: fixed;
  top: var(--pagination-top);
}

[dataroom-mode] .doc-style .doc-body .file-table tr th {
  border-top: 0 !important;
}
[dataroom-mode] .doc-style .doc-body .file-table tr th:first-child,
[dataroom-mode] .doc-style .doc-body .file-table tr td:first-child {
  border-left: 0 !important;
}
[dataroom-mode] .doc-style .doc-body .file-table tr td:last-child {
  border-right: 0 !important;
}

[dataroom-mode] .doc-style .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: white !important;
}


[dataroom-mode] .doc-style .doc-body .paging_simple_numbers[record-count="0"]{
  display: none !important;
}

[dataroom-mode] .doc-style .doc-body .btn-more_dropdown li .ion {
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  width: 20px;
  height: 20px;

  margin-right: 4px !important;
}

[dataroom-mode] .doc-style .doc-body .btn-more_dropdown li .ion-ios-cloud-download-outline,
[dataroom-mode] .doc-style .doc-body .btn-more_dropdown li .ion-share {
  background-image: url('/static/icons/xiazai.svg');
}
[dataroom-mode] .doc-style .doc-body .btn-more_dropdown li .ion-scissors {
  background-image: url('/static/icons/jianqie.svg');
}
[dataroom-mode] .doc-style .doc-body .btn-more_dropdown li .ion-ios-copy-outline {
  background-image: url('/static/icons/fuzhi.svg');
}
[dataroom-mode] .doc-style .doc-body .btn-more_dropdown li .ion-social-buffer-outline {
  background-image: url('/static/icons/zhantie.svg');
}
[dataroom-mode] .doc-style .doc-body .btn-more_dropdown li .ion-social-buffer-outline {
  background-image: url('/static/icons/zhantie.svg');
}
[dataroom-mode] .doc-style .doc-body .btn-more_dropdown li .ion-ios-trash-outline {
  background-image: url('/static/icons/lajitong.svg');
}
[dataroom-mode] .doc-style .doc-body .btn-more_dropdown li .ion-ios-pricetag {
  background-image: url('/static/icons/biaoqian.svg');
}

[dataroom-mode] .config-style .layui-btn-group .layui-btn:first-of-type{
  background-color: #1356f0  !important;
  color: #fff !important;
}
[dataroom-mode] .config-style {
  /* display: flex; */
}
[dataroom-mode] .config-style .layui-btn-group .layui-btn{
  background-color: #fff !important;
  color: #1c1b1b;
  margin-right: 12px !important;
  /* display: block; */
}
[dataroom-mode] .config-style .layui-btn-group .layui-btn, [dataroom-mode] .config-style .layui-btn-group + .layui-inline input,[dataroom-mode] .config-style #usr-list_filter input{
  border-radius: 6px !important;
  border: 1px #ccc solid !important;
}
[dataroom-mode] .config-style .layui-btn-group + .layui-inline label.user-filter-label,[dataroom-mode] .config-style .layui-btn-group + .layui-inline input{
  color: #1c1b1b;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list thead th{
  color: #000;
  font-weight: 1000;
  background-color: #f9f9f9  !important;
  padding: 12px 10px !important;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list tbody tr td{
  color: #1c1b1b;
  font-size: 13px;
  padding: 12px 10px !important;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list tbody tr td .ion-edit::before{
  color: #1b9aef   !important;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list tbody tr td .ion-trash-a::before{
  color: #f54b6f  !important;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper::-webkit-scrollbar-thumb{
  background-color: grey;
  border-radius: 4px;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper::-webkit-scrollbar-track{
  background-color: #ddd;
  border-radius: 4px;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper #usr-list_info{
  color: #919191 !important;
}

[dataroom-mode] .doc-style .doc-body .paging_simple_numbers::before {
  content: '总计: ' attr(record-count);
  line-height: 34px;
  margin-right: 1em;

  font-size: 12px;
  color: #aaa;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list tbody tr:hover{
  background-color: #f7f8fa !important;
}
[dataroom-mode] .config-style .layui-btn-group .layui-btn i{
  margin-right: 6px;
}
[dataroom-mode] .config-style .layui-btn-group .layui-btn{
  padding: 0 12px !important;
  height: 32px;
  line-height: 30px;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper{
  box-shadow: -1px -1px #eee;
}
[dataroom-mode] .config-style .layui-btn-group .layui-btn:nth-of-type(3) svg,
[dataroom-mode] .config-style .layui-btn-group .layui-btn:nth-of-type(4) svg{
  width: 20px;
  height: 20px;
  float: left;
  display: block;
  margin: 6px 6px 0 0;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list thead tr [lay-filter$="checkall"] + .layui-unselect.layui-form-checkbox,
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list tbody tr .layui-unselect.layui-form-checkbox{
  width: 16px !important;
  height: 16px !important;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list thead tr [lay-filter$="checkall"] + .layui-unselect.layui-form-checkbox.layui-form-checked .layui-icon::after,
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list tbody tr .layui-unselect.layui-form-checkbox.layui-form-checked .layui-icon::after{
  border-width: 1px;
  right: 8px !important;
  width: 3px !important;
  height: 6px !important;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list tr:nth-of-type(even){
  background-color: #fff !important;
}
[dataroom-mode] .config-style + form#export_usr #usr-list_wrapper table#usr-list tbody tr td .ion-edit::after {
  background-color: #d0d3d6 !important;
  margin: 0 4px 0 10px;
  height: 10px !important;
  top: 0px !important;
}
[dataroom-mode] .config-style .layui-btn-group + .layui-inline input,[dataroom-mode] .config-style #usr-list_filter input{
  height: 32px;
}
[dataroom-mode] .config-style .layui-btn-group + .layui-inline label.user-filter-label{
  padding: 6px 15px;
}

[dataroom-mode] .config-style table thead tr th {
  color: #000;
  font-weight: 1000;
  background-color: #f9f9f9  !important;
  padding: 12px 10px !important;
}

[dataroom-mode] .config-style table tbody td {
  background-color: white;
}
[dataroom-mode] #config_page {
  display: none;
}

[dataroom-mode] .config-style .config-btn .layui-btn-group .layui-btn#add_btn {
  background-color: #1356f0  !important;
  color: #fff !important;
}
[dataroom-mode] .config-style .config-btn .layui-btn-group .layui-btn {
  background-color: #fff !important;
  color: #000 !important;
}
[dataroom-mode] .config-style input.search-input.search-input.search-input {
  border-radius: 6px !important;
  border-color: #ccc !important; 
}
[dataroom-mode] .config-style .lpp-config-log ~ .layui-table-view th {
  padding: 8px 0 !important;
}
[dataroom-mode] .config-style.lpp-config-log input {
    border-radius: 6px !important;
    border: 1px #ccc solid !important;
}

[dataroom-mode] .config-style.lpp-config-log .layui-laypage {
  display: flex;
  justify-content: flex-end;
}
[dataroom-mode] .config-style.lpp-config-log .layui-table-page {
  padding-right: 0;
}

[dataroom-mode] .config-style.lpp-config-log .layui-laypage-prev,
[dataroom-mode] .config-style.lpp-config-log .layui-laypage-next {
  width: 12px !important;
  height: 34px;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background-color: white;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dataroom-mode] .config-style.lpp-config-log .layui-laypage [data-page] {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background-color: white;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dataroom-mode] .config-style.lpp-config-log .layui-laypage-curr {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: none;
  border: 1px solid #1356FC;
  background-color: #1356FC;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

[dataroom-mode] .config-style.lpp-config-log .layui-laypage-curr,
[dataroom-mode] .config-style.lpp-config-log .layui-laypage [data-page] {
  margin: 0px 0.5em;
}

[dataroom-mode] .config-style.lpp-config-log .layui-laypage-curr .layui-laypage-em {
  display: none;
}

[dataroom-mode] .config-style.lpp-config-log .layui-laypage-skip {
  display: none;
}

[dataroom-mode] .config-style.lpp-config-log .layui-laypage-count {
  color: rgb(170, 170, 170);
  margin: 0 16px;

  position: absolute;
  right: 480px;
}

[dataroom-mode] .config-style.lpp-config-log .layui-laypage-count,
[dataroom-mode] .config-style.lpp-config-log .layui-laypage-limits{
  height: 34px;
  margin: 0;
  line-height: 34px;
}

[dataroom-mode] .config-style.lpp-config-log .layui-laypage-limits select {
  width: 10em;
  height: 34px;
  padding: 4px;
  border-color: var(--border-color);
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 12px;
}
[dataroom-mode] .config-style.lpp-config-log .layui-laypage-limits::before {
    content: "每页显示:";
    display: inline-block;
    width: 5em;
    font-size: 12px;
    color: rgb(170, 170, 170);
    margin-left: 2em;
}

[dataroom-mode] .lpp-config-log ~ .layui-table-view {
  border: none;
}

[dataroom-mode] .user-analytics-style#user-activation {
  padding: 0;
}

[dataroom-mode] .user-analytics-style .layui-btn-group .layui-btn#add_btn {
  /* background-color: #1356f0  !important; */
  color: #fff !important;
}
[dataroom-mode] .user-analytics-style .layui-btn-group .layui-btn {
  background-color: #fff !important;
  color: #000 !important;
}
[dataroom-mode] .user-analytics-style input {
  border-radius: 6px !important;
  border-color: #ccc !important; 
}
[dataroom-mode] .user-analytics-style .layui-btn {
  border-radius: 6px !important;
  /* background-color: #1356f0  !important; */
  color: #fff !important;
}
[dataroom-mode] .user-analytics-style .layui-btn[onclick="show_visit_times(this);"] {
  background-color: white !important;
  color: #000 !important;
  border-color: #ccc !important; 
}

[dataroom-mode] .user-analytics-style .pure-form label,
[dataroom-mode] .user-analytics-style .layui-form-item label {
  font-size: 13px;
  margin-right: 0.5em !important;
}

[dataroom-mode] form[action="/?/config/space"] .layui-btn[action="submit"] {
  border-radius: 6px !important;
  /* background-color: #1356f0  !important; */
  color: #fff !important;
  margin-right: 0.75em !important;
}
[dataroom-mode] form[action="/?/config/space"] .layui-btn,
[dataroom-mode] .elem-btn-cancel {
  border-radius: 6px !important;
  background-color: white !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
  border-color: #ccc !important;
  margin-right: 0.25em !important;
}

[dataroom-mode] .pepm-table .value .layui-btn,
[dataroom-mode] .elem-btn-confirm {
  border-radius: 6px !important;
  background-color: var(--primary-color) !important;
  color: #fff !important;
  margin-right: 0.75em !important;
}

body[dataroom-mode] {
  font: 13px PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif !important;
}

[dataroom-mode] .trash-table {
  font: 12px PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif !important;
  table-layout: fixed;
}

[dataroom-mode] #canvas:has(.trash-table) .trash-table tbody td .data {
  font-size: 13px !important;
}

[dataroom-mode] #canvas:has(.trash-table) .trash-table tbody tr {
  height: 40px !important;
}

[dataroom-mode] #canvas:has(.trash-table) .trash-table th:has([type=checkbox]).sorting.sorting.sorting.sorting{
  width: 30px !important;
  padding: 0 !important;
}

[dataroom-mode] #canvas:has(.trash-table) .trash-table th {
  color: #000;
  font-weight: 1000;
  background-color: #f9f9f9 !important;
  padding: 12px 10px !important;
}

[dataroom-mode] #canvas:has(.trash-table) .paging_full_numbers {
  display: none;
}
[dataroom-mode] #canvas:has(.trash-table) #DataTables_Table_7_wrapper  {
  padding: 0;
  overflow: hidden auto !important;
}
[dataroom-mode] #canvas .entitytable.ajaxtable th {
  color: #000;
  font-weight: 1000;
  background-color: #f9f9f9 !important;
}

[dataroom-mode] #canvas .entitytable.ajaxtable {
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}
[dataroom-mode] .pepm-action-btns .layui-btn[action="submit"],
[dataroom-mode] .pepm-action-btns .layui-btn.edit-btn {
  background: var(--primary-color) !important;
  border: var(--primary-color) !important;
  border-radius: 6px !important;

  margin-right: 0.5em !important;
}
[dataroom-mode] .pepm-action-btns .layui-btn {
  border-radius: 6px !important;

  border-color: #ccc !important;

  margin-right: 0.25em !important;
}
[dataroom-mode] #canvas#canvas>#export_usr>#usr-list_wrapper.dataTables_wrapper {
  overflow: auto !important;
}
[dataroom-mode] .nc .ion-trash-a::before {
  color: red !important
}
[dataroom-mode] .dataTables_info[aria-live="polite"]:not(:has(.pager-wrap)) {
  margin-right: 1.25em;
}
[dataroom-mode] [onclick="v('config/usr/add/')"]::before,
[dataroom-mode] [onclick="v('config/usr/import_usr/')"]::before,
[dataroom-mode] [onclick="$('#export_usr').trigger('submit');"]::before,
[dataroom-mode] #usr-list-drag-switch::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 18px;
  position: relative;
  right: 4px;
  top: 4px;
}

[dataroom-mode] [onclick="v('config/usr/add/')"]::before {
  background-image: url('/static/icons/tianjia_white.svg');
}
[dataroom-mode] [onclick="v('config/usr/import_usr/')"]::before {
  background-image: url('/static/icons/tianjia.svg');
}
[dataroom-mode] [onclick="$('#export_usr').trigger('submit');"]::before {
  background-image: url('/static/icons/xiazai.svg');
}
[dataroom-mode] #usr-list-drag-switch::before {
  background-image: url('/static/icons/caidan_2.svg');
}
/* task2024-11530 输入框dropdown */
.input-dropdown {
  width: 100%;
  position: absolute;
  z-index: 99999;
  background: white;

  opacity: 0;
  pointer-events: none;

  box-sizing: border-box;
}
.input-dropdown.input-dropdown--show {
  display: block;

  opacity: 1;
  pointer-events: initial;
}
.input-dropdown .input-dropdown__list {
  border: 1px solid var(--border-color);
}
.input-dropdown .input-dropdown__list:empty {
  display: none;
}
.input-dropdown .input-dropdown__list .input-dropdown__list-item {
  height: 2em;
  line-height: 2em;

  padding: 8px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  color: #333;
}
.input-dropdown .input-dropdown__list .input-dropdown__list-item:hover {
  background-color: #f3f3f3;
}

.input-dropdown .input-dropdown__list .input-dropdown__list-item.input-dropdown__list-item-clear {
  color: #aaa;
  text-align: center;
  height: 1.5em;
  line-height: 1.5em;
  border-top: 1px solid var(--border-color);
}

/* 2024-11530 有边框的输入框&下拉*/
.input-dropdown-bordered-parent {
  position: relative;
}
.input-dropdown-bordered-parent:has(.input-dropdown) .input-dropdown__input:focus {
  border-bottom: 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.input-dropdown-bordered-parent:has(.input-dropdown .input-dropdown__list:empty) .input-dropdown__input:focus {
  border-bottom: 1px solid var(--primary-color);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-dropdown-bordered-parent .input-dropdown .input-dropdown__list::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 2em);
  height: 1px;
  background: var(--border-color);
  left: 1em;
}
.input-dropdown-bordered-parent .input-dropdown .input-dropdown__list {
  border-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;

  border-color: var(--border-color);

  transition: border-color .3s cubic-bezier(.65,.05,.35,.5);

  transform: translateY(-1px);
}
.input-dropdown-bordered-parent .input-dropdown.input-dropdown--show .input-dropdown__list {
  border: 1px solid var(--primary-color);
  border-top: 0;
}

/* 2024-11530 看板搜索输入框dropdown */
.boardbox #searchKwdiv .input-dropdown {
  width: calc(100% - 12px);
}

#search-box label.input-dropdown-bordered-parent::before {
  top: auto;
}

/* task/2024-13406 华为手机年月日时分(2)点击异常 */
[android-huawei] .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
  width: 82px;
}
[android-huawei] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
  height: 32px !important;
  line-height: 32px !important;
}
.tap_container2{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1%
}
.tap_item2{
  padding-bottom: 1%;
  flex: 1 1 calc(25% - 1%);
  min-height: 70px;
  max-height: 150px;
  border-radius: 5px;
  display:inline-flex;
}

.tap_item2 .item_left{
  width: 0.5rem;
}
.tap_item2 .item_right{
  padding-right: 16px;
  width: 98.6%;
  border: 1px solid #e0e0e0;
}
.tap_item2 .item_right .title{
  text-align: right;
  margin-top: 11px;
  margin-left: 20px;
  font-size: 14px;
  color: #666;
  margin-bottom: 1px;
}
.tap_item2 .item_right .amount{
  margin-top: 2px;
  text-align: right;
  margin-left: 20px;
  font-size: 24px;
  color: #333;
}
.tap_item2 .item_right .unit{
  font-size: 12px;
  vertical-align: inherit;
  color: #999;
}
.tap_item2 .item_left {
  background-color: #4298F2;
}
.tap_item2:nth-child(1) .item_left {
  background-color: #4298F2; 
}
.tap_item2:nth-child(2) .item_left {
  background-color: #15D2B5; 
}
.tap_item2:nth-child(3) .item_left {
  background-color: #7077E5; 
}
.tap_item2:nth-child(4) .item_left {
  background-color: #18C713; 
}
.tap_item2:nth-child(5) .item_left {
  background-color: #F0A563; 
}
.tap_item2:nth-child(6) .item_left {
  background-color: #F8CC1B; 
}
.tap_item2:nth-child(7) .item_left {
  background-color: #EF51ED; 
}
.tap_item2:nth-child(8) .item_left {
  background-color: #FE7DB9; 
}

@media screen and (max-width: 768px){
  .doc-body .doc-search-result .file-form-result .header{
    display: none;
  }
  .doc-body .doc-search-result .file-form-result .body{
    width: 100%;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__path,
  .doc-body .doc-search-result .file-form-result .body .dsr-renanme{
    display: none !important;
  }
  .doc-body .doc-search-result .file-form-result .body .row div{
    border: none;
    border-right: none !important;
  }
  .doc-body .doc-search-result .file-form-result .body .row {
    /* border:1px solid var(--divider-color); */
  }
  [dataroom-mode] .doc-style .doc-body .file-form-result .header .th, [dataroom-mode] .doc-style .doc-body .file-form-result .body .td{
    border-right: none  !important;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__size,
  .doc-body .doc-search-result .file-form-result .body .dsr-item__utime,
  .doc-body .doc-search-result .file-form-result .body .dsr-item__author{
    position: absolute;
    display: block;
    padding: 0px;
    position: absolute;
    left: 40px;
    bottom: 6px;
    height: auto !important;
    min-height: 20px;
    line-height: 20px;
    color:#a6a6a6;
    font-size: 14px;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__name .icon-name{
    height: 100%;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__name .icon-name p{
    display: block;
    position: relative;
    top: -10px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__name{
    max-width: unset !important;
    display: flex !important;
    align-items: center;
    line-height: unset;
    padding: 0;
    height: 40px;
    width: calc( 100% - 40px);
  }
  .doc-body .doc-search-result .file-form-result .body .row{
    padding: 12px 0px;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__size{
    left: 130px;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__author{
    left: 200px;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__size:empty + div:empty + div{
    left: 40px;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__size:empty,
  .doc-body .doc-search-result .file-form-result .body .dsr-item__utime:empty{
    display: none;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__size:empty + div + div{
    left: 130px;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__name .icon-name > i{
    margin-right: 16px;
    padding-right: 0px;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__name .icon-name > i:before{
    width: 24px !important;
    height: 24px !important;
    background-size: 24px !important;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__name .icon-name{
    padding: 0px !important;
  }
  .doc-body .doc-search-result .file-form-result{
    border: none !important;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__checkbox{
    position: absolute;
    right: 0px;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .doc-body .doc-search-result .file-form-result .table-wrapper .row:hover .td{
    background-color: unset !important;
  }
  .doc-body .doc-search-result .table-wrapper .row:hover + .row .td{
    border-top: none !important;
  }
  .doc-body .doc-search-result .file-form-result .table-wrapper .row:hover{
    background-color: #f8f8f8 !important;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__checkbox input[type="checkbox"]{
    appearance: none;
    width: 12px !important;
    height: 12px !important;
    border: 1px solid #a6a6a6;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__checkbox input[type="checkbox"]:checked{
    width: 22px !important;
    height: 22px !important;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__checkbox input[type="checkbox"]:checked:before{
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    padding: 0px;
  }
  .doc-body .doc-search-result .file-form-result .body .dsr-item__checkbox input[type="checkbox"]:checked:after{
    right: 11px;
    top: 4px;
    width: 2px;
    left: 7px;
    height: 6px;
  }
  .doc-body .doc-search-result .file-form-result .body{
    height: calc(100vh - 160px) !important;
  }
  .doc-body .doc-bar .dataTables_filter.doc-search-input{
    padding: 12px 0px;
    margin: 0px !important;
  }
  .doc-body .doc-bar .dataTables_filter.doc-search-input label:before{
    line-height: 54px !important;
  }
  .doc-body .doc-bar .dataTables_filter.doc-search-input label input[type="search"]{
    background: #f5f6f7 !important;
    border: none !important;
  }
  .doc-body .doc-search-result .file-form-result .body div.td.empty{
    color: #959a9c !important;
    padding: 0px;
  }
}

#canvas > .layui-form > .rel_data,
#canvas > .layui-form > [data-table-view="data_list_ajax"] > .layui-form > .rel_data,
[id*=layer_canvas] > .layui-form > .rel_data,
[id*=layer_canvas] > .layui-form > [data-table-view="data_list_ajax"] > .layui-form > .rel_data {
  padding: 12px;
  background: #fff;
  box-sizing: border-box;
}

/*
2024-16208  钉钉侧边栏环境中，弹窗滑动兼容处理
*/
.body--mobile .layui-layer-modalbox .layui-layer-content {
  position: relative;
  overflow: auto;
  overflow-y: auto !important;
}

.layui-layer.layer_search_position{
  top: 100px !important;
}

.layui-layer.confirm_leave_tips_form .layui-layer-content{
  width: 250px;
}
.layui-layer.confirm_leave_tips_form .layui-layer-btn a:first-child{
  float: left;
}

.layui-body #canvas.layer_scrollbar_width{
  margin-right: 15px;
}
.lpp-gantt-wrapper .lpp-gantt .gantt-wrapper .gantt-container svg.gantt{
  width: auto !important;
}
.flow-body.flow--new_process > .Comment{
  float: none;
}

.edui_rte .edui-notadd .edui-editor .edui-editor-toolbarbox.rte_tool_head_sticky{
  z-index:1;
  position:sticky;
  top: 0;
}
.edui_rte .edui-notadd.rte_all_scroll{
  overflow-y: auto;
}
.edui_rte .edui-notadd.rte_all_scroll::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}
.edui_rte .edui-notadd.rte_all_scroll::-webkit-scrollbar-thumb{
  background: grey;
  border-radius: 4px;
}
.edui_rte .edui-notadd.rte_all_scroll::-webkit-scrollbar-track{
  background: #eee;
  border-radius: 4px;
}

/* addon按钮隐藏样式 */
.b2table-addon.addon-hidden {
  display: none !important;
}

[data-base_url] .v-table-header td,
[data-base_url] .v-table-body td, 
[data-base_url] .v-table-footer td{
  padding: 0 !important;
  border: none !important;
}

@media screen and (min-width: 768px) {
  #menuh ~ #canvas.menu2HeightCanvas{
    padding-top: var(--menu2Height-canvas) !important;
  }
}

[data-ftype="area_select"] select.otherNationHide,
[ftype="area_select"] select.otherNationHide{
  display: none !important;
}

@media screen and (max-width: 767px){
  .mobile-fiexed-button-empty-height{
    height: var(--allbtn-height);
    display: block;
    background: #fff;
  }
}