@charset "utf-8";
@import "font-awesome/index.css";
/** 仿tailwindcss的样式不再在此编写 */
@import "tailwind-lite.css";


/*保持一定空间*/
body {
  padding-top: 5px;
  padding-bottom: 8px;
  overflow-y: auto;
}

*:focus {
  outline: none;
}

[v-cloak] {
  display: none;
}

.border {
  border: 1px solid #ccc;
}

.border-l {
  border-left: 1px solid #ccc;
}

.border-r {
  border-right: 1px solid #ccc;
}

.border-t {
  border-top: 1px solid #ccc;
}

.border-b {
  border-bottom: 1px solid #ccc;
}

.d-border {
  display: block;
  min-height: 80px;
  color: #555;
  overflow: hidden;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.d-border:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/*.d-border {border: 1px solid #ccc;border-left: 0px;border-top: 0px;border-right: 0px;height: 40px;line-height: 40px;overflow: hidden;}*/
.d-right {
  float: left;
  min-width: 60px;
  text-align: right;
}

.d-tree {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.user-icon {
  background: url(../images/user-icon.png);
  width: 27px;
  height: 27px;
}

a {
  text-decoration: none;
}

/*禁止文本域拉动*/
/*textarea {
    resize: none;
}*/

table.table > tbody > tr.active > td {
  background-color: #E0E6F5;
}

.pd0 {
  padding: 0px;
}

.pd {
  padding: 5px;
}

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

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

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

.pd-b {
  padding-bottom: 5px;
}

.pd-8 {
  padding: 8px;
}

.pd-l-8 {
  padding-left: 8px;
}

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

.pd-t-8 {
  padding-top: 8px;
}

.pd-b-8 {
  padding-bottom: 8px;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*word-wrap:break-word;*/
}

.tb-overflow td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*word-wrap:break-word;*/
}

.label-inline {
  cursor: pointer;
}

.label-inline + .label-inline {
  margin-left: 20px;
}

.select-case {
  float: left;
  margin: 2px 0px 0px 3px;
  height: 28px;
  line-height: 28px;
}

.split {
  float: left;
  padding: 1px 0px 0px 3px;
  height: 33px;
  line-height: 33px;
}

.split-outside {
  height: 28px;
  line-height: 28px;
  min-width: 30px;
  float: left;
  display: block;
  padding: 0px 0px 0px 0px;
  margin-top: 2px;
  color: #555;
  background-color: #eee;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.split-outside-content {
  height: 26px;
  line-height: 26px;
  min-width: 30px;
  float: left;
  padding: 0px 5px 0px 5px;
}

.split-picture {
  float: left;
  width: 15px;
  margin: 0px 0px 0px 0px;
}

/*分页-第几页*/
.page-text {
  width: 28px;
  height: 24px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
}

.div-fixed {
  position: fixed;
  height: 36px;
  z-index: 9999;
  width: auto;
  padding-top: 2px;
  min-width: 500px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e7e7e7;
  right: 0px;
  left: 0px;
  padding-left: 5px;
  padding-right: 10px;
}

/*锁定状态*/
.lock {
  cursor: not-allowed;
}

/*手势*/
.pointer {
  cursor: pointer;
}

/*置中按钮组*/
.btn-gp {
  clear: both;
  width: 100%;
  text-align: center;
  padding: 8px 0
}

.btn-gp .btn {
  margin-right: 10px
}

.btn-gp .btn:last-child {
  margin-right: auto
}

/*表格固定宽度*/
.table-fixed {
  table-layout: fixed;
}

/*自定义时间控件背景图*/
input.date-time {
  /*background: #fff url(../Scripts/DatePicker/skin/datePicker.gif) no-repeat right;*/
}

/*特殊readonly栏位背景色设定（默认灰色）*/
input.bg-select[readonly] {
  background-color: #fff;
}

.not_null {
  color: red;
  padding-left: 2px;
  padding-right: 2px;
}

.div-border {
  float: left;
  padding: 5px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}

.tb_txt {
  /*border-top:none;
border-right:none;
border-left:none;
border-bottom:1px solid #e7e7e7;*/
  width: 100%;
}


/*bootstrap index */
.index-user-1 {
  margin-left: 64px;
  padding-top: 35px;
  line-height: 18px;
  width: 100px;
}

.index-user-2 {
  margin-top: 50px;
  line-height: 18px;
  width: 40px;
  padding-left: 8px;
}

#d_left_menu ul li {
  border-bottom: 1px solid #e7e7e7;
}

#d_left_menu ul li:first-child {
  border-top: 1px solid #e7e7e7;
}

#d_left_menu > ul > li:first-child {
  border-top: none;
}

#d_left_menu.dropdown-menu > ul > li:first-child {
  border-top: 1px solid #e7e7e7;
}

#d_left_menu ul li a {
  padding-left: 8px;
  padding-right: 8px;
}

#d_left_menu ul li a:focus {
  background-color: #FFF;
}

#d_left_menu ul li a.active {
  background-color: #F0F0F0;
}

#d_left_menu ul li a:hover {
  background-color: #eee;
}

#d_left_menu .arrow {
  float: right;
  line-height: 1.42857;
}

#d_left_menu .fa.arrow:before {
  content: "\f104";
}

#d_left_menu .active > a > .fa.arrow:before {
  content: "\f107";
}

#d_left_menu .nav-second-level li:last-child,
#d_left_menu .nav-third-level li:last-child {
  border-bottom: 0 !important;
}

#d_left_menu .nav-second-level li a {
  padding-left: 27px;
}

#d_left_menu .nav-third-level li a {
  padding-left: 42px;
}

#ul_top_menu span {
  color: #fff;
}

#ul_top_menu .active {
  background-color: #337ab7;
}

#ul_top_menu li {
  cursor: pointer;
}

#ul_top_menu li:hover {
  background-color: #337ab7;
}

#ul_top_menu li {
  margin-top: 1px;
}

.d-foot {
  margin-left: 60px;
  height: 25px;
  line-height: 25px;
  background-color: #f5f5f5;
  text-align: center;
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #ccc;
}

/*页签样式表*/
.tabpanel_tab_content {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin-bottom: -1px;
}

.tabpanel_tab_content .tabpanel_move_content {
  width: 0px;
  overflow: hidden;
}

.tabpanel_move_content_scroll {
  margin-left: 18px;
  margin-right: 28px;
}

.tabpanel_mover {
  width: 5000px;
  margin: 0;
  padding: 0;
  position: relative;
}

.tabpanel_mover li {
  font-size: 13px;
  padding-left: 5px;
  height: 28px;
  line-height: 28px;
  border-top: solid 1px #e7e7e7;
  border-right: solid 1px #e7e7e7;
  border-bottom: solid 1px #e7e7e7;
  float: left;
  position: relative;
  list-style-type: none;
  cursor: pointer;
  border-top-right-radius: 4px;
}

.tabpanel_mover li:first-child {
  border-left: solid 1px #e7e7e7;
}

.tabpanel_mover li .closer {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 11px;
  height: 11px;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
  cursor: pointer;
}

.tabpanel_mover li.active {
  background-color: #fff;
  /*border-bottom-color: #fff;*/
}

.tabpanel_left_scroll {
  border-right: solid 1px #e7e7e7;
  position: absolute;
  width: 18px;
  height: 30px;
  left: 0px;
  top: 1px;
  text-align: left;
}

.tabpanel_right_scroll {
  border-left: solid 1px #e7e7e7;
  position: absolute;
  width: 18px;
  height: 30px;
  right: 0px;
  top: 1px;
  text-align: right;
}


.tabpanel_scroll_disabled {
  opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
}


.tabpanel_content {
  background-color: #FFF;
  position: relative;
}

.html_content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  /*left: 0;
top: 0;*/
}

.html_content2 {
  width: 100%;
  position: absolute;
  /*left: 0;
top: 0;*/
}


/*treetable*/
table.treetable span.indenter {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: right;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  width: 19px;
}

table.treetable span.indenter a {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 19px;
}

table.treetable span {
  background-position: center left;
  background-repeat: no-repeat;
}

table.treetable span.children {
  padding: 3px 0 3px 20px;
  background-image: url(../images/treetable/file.png);
}

table.treetable span.parent {
  padding: 3px 0 3px 20px;
  background-image: url(../images/treetable/folder.png);
}

table.treetable tr.collapsed span.indenter a {
  background-image: url(../images/treetable/expand.png);
}

table.treetable tr.expanded span.indenter a {
  background-image: url(../images/treetable/collapse.png);
}


table.treetable tr.selected {
  background-color: #3875d7;
  color: #fff;
}

table.treetable tr.collapsed.selected span.indenter a {
  background-image: url(../images/treetable/expand-light.png);
}

table.treetable tr.expanded.selected span.indenter a {
  background-image: url(../images/treetable/collapse-light.png);
}

table.treetable tr.accept {
  background-color: #a3bce4;
  color: #fff;
}

table.treetable tr.collapsed.accept td span.indenter a {
  background-image: url(../images/treetable/expand-light.png);
}

table.treetable tr.expanded.accept td span.indenter a {
  background-image: url(../images/treetable/collapse-light.png);
}

/*弹出小窗口*/
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: 276px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.webui-popover.top, .webui-popover.top-left, .webui-popover.top-right {
  margin-top: -10px
}

.webui-popover.right, .webui-popover.right-top, .webui-popover.right-bottom {
  margin-left: 10px
}

.webui-popover.bottom, .webui-popover.bottom-left, .webui-popover.bottom-right {
  margin-top: 10px
}

.webui-popover.left, .webui-popover.left-top, .webui-popover.left-bottom {
  margin-left: -10px
}

.webui-popover.pop {
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5)
}

.webui-popover.fade {
  transition: opacity .15s linear
}

.webui-popover.in {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1
}

.webui-popover-inner .close {
  font-family: arial;
  margin: 5px 10px 0 0;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
  text-decoration: none
}

.webui-popover-inner .close:hover, .webui-popover-inner .close:focus {
  opacity: .5;
  filter: alpha(opacity=50)
}

.webui-popover-title {
  padding: 8px 14px;
  font-weight: bold;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0
}

.webui-popover-content {
  padding: 9px 14px;
  overflow: auto
}

.webui-popover-inverse {
  background-color: #333;
  color: #eee
}

.webui-popover-inverse .webui-popover-title {
  background: #333;
  border-bottom: 1px solid #3b3b3b;
  color: #eee
}

.webui-no-padding .webui-popover-content {
  padding: 0
}

.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none
}

.webui-no-padding .list-group-item:first-child {
  border-top: 0
}

.webui-no-padding .list-group-item:last-child {
  border-bottom: 0
}

.webui-popover > .arrow, .webui-popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.webui-popover > .arrow {
  border-width: 11px
}

.webui-popover > .arrow:after {
  border-width: 10px;
  content: ""
}

.webui-popover.top > .arrow, .webui-popover.top-right > .arrow, .webui-popover.top-left > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0
}

.webui-popover.top > .arrow:after, .webui-popover.top-right > .arrow:after, .webui-popover.top-left > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #fff;
  border-bottom-width: 0
}

.webui-popover.right > .arrow, .webui-popover.right-top > .arrow, .webui-popover.right-bottom > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25)
}

.webui-popover.right > .arrow:after, .webui-popover.right-top > .arrow:after, .webui-popover.right-bottom > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff
}

.webui-popover.bottom > .arrow, .webui-popover.bottom-right > .arrow, .webui-popover.bottom-left > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
  border-top-width: 0
}

.webui-popover.bottom > .arrow:after, .webui-popover.bottom-right > .arrow:after, .webui-popover.bottom-left > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #fff;
  border-top-width: 0
}

.webui-popover.left > .arrow, .webui-popover.left-top > .arrow, .webui-popover.left-bottom > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25)
}

.webui-popover.left > .arrow:after, .webui-popover.left-top > .arrow:after, .webui-popover.left-bottom > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px
}

.webui-popover-inverse.top > .arrow, .webui-popover-inverse.top-left > .arrow, .webui-popover-inverse.top-right > .arrow, .webui-popover-inverse.top > .arrow:after, .webui-popover-inverse.top-left > .arrow:after, .webui-popover-inverse.top-right > .arrow:after {
  border-top-color: #333
}

.webui-popover-inverse.right > .arrow, .webui-popover-inverse.right-top > .arrow, .webui-popover-inverse.right-bottom > .arrow, .webui-popover-inverse.right > .arrow:after, .webui-popover-inverse.right-top > .arrow:after, .webui-popover-inverse.right-bottom > .arrow:after {
  border-right-color: #333
}

.webui-popover-inverse.bottom > .arrow, .webui-popover-inverse.bottom-left > .arrow, .webui-popover-inverse.bottom-right > .arrow, .webui-popover-inverse.bottom > .arrow:after, .webui-popover-inverse.bottom-left > .arrow:after, .webui-popover-inverse.bottom-right > .arrow:after {
  border-bottom-color: #333
}

.webui-popover-inverse.left > .arrow, .webui-popover-inverse.left-top > .arrow, .webui-popover-inverse.left-bottom > .arrow, .webui-popover-inverse.left > .arrow:after, .webui-popover-inverse.left-top > .arrow:after, .webui-popover-inverse.left-bottom > .arrow:after {
  border-left-color: #333
}

.webui-popover i.icon-refresh:before {
  content: ""
}

.webui-popover i.icon-refresh {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  margin-right: -15px;
  background: url(../images/loading.gif) no-repeat
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

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

.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, .65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998
}


/*data_tables fixedcolumn*/
table.data_table {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
}

table.data_table td,
table.data_table th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

table.data_table td.data_tables_empty,
table.data_table th.data_tables_empty {
  text-align: center;
}

table.data_table.nowrap th,
table.data_table.nowrap td {
  white-space: nowrap;
}

div.data_tables_scroll_body > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.data_tables_scroll_body > table > tbody > tr:first-child > th,
div.data_tables_scroll_body > table > tbody > tr:first-child > td {
  border-top: none;
}

table.table-bordered.data_table th,
table.table-bordered.data_table td {
  border-left-width: 0;
}

table.table-bordered.data_table th:last-child, table.table-bordered.data_table th:last-child,
table.table-bordered.data_table td:last-child,
table.table-bordered.data_table td:last-child {
  border-right-width: 0;
}

table.table-bordered.data_table tbody th,
table.table-bordered.data_table tbody td {
  border-bottom-width: 0;
}

table.table_cloned tr {
  background-color: white;
  margin-bottom: 0;
}

div.data_tables_left_head table,
div.data_tables_right_head table {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  background-color: white;
}

div.data_tables_left_body table,
div.data_tables_right_body table {
  border-top: none;
  margin: 0 !important;
}

div.data_tables_left_body table tbody tr:first-child th,
div.data_tables_left_body table tbody tr:first-child td,
div.data_tables_right_body table tbody tr:first-child th,
div.data_tables_right_body table tbody tr:first-child td {
  border-top: none;
}

table.data_table > tbody > tr {
  height: 35px;
}


/*注释掉，避免过度影响样式*/
/*由于td的padding 上下改为6px, 设置td高度，避免行过窄*/
/*table>tbody>tr {
    height: 35px;
}*/

.data_table th.th_b {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  height: 0px;
}

.data_table tr.nodata {
  border: none;
}

table.tb_nodata_b > tbody > tr.nodata > td:first-child {
  border-right-width: 0px;
  padding-left: 20px;
}

table.tb_nodata_b > tbody > tr.nodata > td:last-child {
  border-left-width: 0px;
}

table.tb_lock_b > tbody > tr.nodata > td:first-child {
  border-right-width: 0px;
  padding-left: 20px;
}

table.tb_lock_b > tbody > tr.nodata > td:last-child {
  border-left-width: 0px;
}

table.tb_nodata_l, table.tb_nodata_l > tbody > tr.nodata, table.tb_nodata_l > tbody > tr.nodata > td {
  border-right-width: 0px;
}

table.tb_nodata_l > tbody > tr.active > td:last-child {
  border-right: 1px solid #ccc;
}

table.tb_nodata_l > tbody > tr.nodata > td {
  padding-left: 20px;
}

table.tb_lock_l, table.tb_lock_l > tbody > tr.nodata, table.tb_lock_l > tbody > tr.nodata > td {
  border-right-width: 0px;
}

table.tb_lock_l > tbody > tr.active > td:last-child {
  border-right: 1px solid #ccc;
}

table.tb_lock_l > tbody > tr.nodata > td {
  padding-left: 20px;
}

.pager_foot {
  padding: 5px 0px 2px 0px;
}

#d_pop {
  background: #fff;
  width: 260px;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  position: fixed;
  right: 1px;
  bottom: 1px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#pop_head {
  line-height: 32px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  font-size: 12px;
  padding: 0 0 0 10px;
}

#pop_head h2 {
  font-size: 13px;
  color: #666;
  line-height: 32px;
  height: 32px;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
}

#pop_head #pop_close {
  position: absolute;
  right: 1px;
  top: -6px;
}

#pop_head a#pop_close:hover {
  color: #f00;
  cursor: pointer;
}

#pop_content {
  padding: 5px 10px;
}

#pop_intro {
  text-indent: 24px;
  line-height: 180%;
  margin: 5px 0;
  color: #666;
}

#pop_more {
  text-align: right;
  border-top: 1px dotted #ccc;
  line-height: 24px;
  margin: 8px 0 0 0;
}


/* login 登录界面帮忙窗口样式 */
.qq-client {
  position: fixed;
  right: 0px;
  top: 70%;
  margin-top: -100px;
  margin-right: 15px;
}

.qq-client a {
  width: 50px;
  height: 160px;
  text-align: center;
  padding: 0px 0px;
  line-height: 40px;
  display: block;
}

.qq-client-content {
  position: fixed;
  right: -250px;
  top: 52%;
  border: #ebebeb solid 1px;
  border-radius: 3px;
  width: 220px;
  display: none;
  background: #ffffff;
}

.qq-client-content h1 {
  font-size: 13px;
  width: 85%;
  margin: 0px auto;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-bottom: #ebebeb solid 1px;
  position: relative;
  font-weight: bold;
}

.qq-client-content h1 span {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  left: -30px;
  top: -20px;
  cursor: pointer;
  background: #ffffff;
  border: #ebebeb solid 1px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  text-align: center;
}

.qq-client-list {
  background: #ffffff;
}

.client-list {
  overflow: hidden;
  line-height: 30px;
  width: 90%;
  margin: 0px auto;
  border-bottom: dashed 1px #ebebeb;
}

.iterate-list {
  overflow: auto !important;
  height: 100% !important;
}

.iterate-open {
  margin-top: -77px !important;
  /*    width: 35px !important;*/
  height: 59px !important;
}

/* login 登录界面帮忙窗口样式 */
.iterate-open-content {
  position: fixed;
  right: -250px;
  top: 5%;
  border: #ebebeb solid 1px;
  border-radius: 3px;
  width: 40%;
  height: 90%;
  display: none;
  background: #ffffff;
  z-index: 9999;
}

.iterate-open-content h1 {
  font-size: 13px;
  width: 85%;
  margin: 0px auto;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-bottom: #ebebeb solid 1px;
  position: relative;
  font-weight: bold;
}

.iterate-open-content h1 span {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  left: -30px;
  top: -20px;
  cursor: pointer;
  background: #ffffff;
  border: #ebebeb solid 1px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  text-align: center;
}


#r_menu {
  position: absolute;
  visibility: hidden;
  top: 0;
  background-color: #eee;
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#r_menu ul li {
  margin: 1px 0;
  padding: 0 5px;
  list-style: none outside none;
}

.ztree li span.button.add {
  margin-left: 2px;
  margin-right: -1px;
  background-position: -144px 0;
  vertical-align: top;
  *vertical-align: middle;
}

/*search p_condition*/
.condition-bold {
  font-weight: 600;
}

div.report_button ul {
  list-style: none; /* 去掉ul前面的符号 */
  margin: 0px; /* 与外界元素的距离为0 */
  padding: 0px; /* 与内部元素的距离为0 */
  width: auto; /*宽度根据元素内容调整*/
}

div.report_button ul li {
  float: left; /* 向左漂移，将竖排变为横排 */
  /*width: 200px;*/
}

div.report_button ul li a, div.report_button ul li a:visited {
  border: 1px #7D7D7D solid; /* 边框 */
  border-radius: 5px;
  display: block; /* 此元素将显示为块级元素，此元素前后会带有换行符 */
  line-height: 1.35em; /* 行高 */
  padding: 5px 5px; /* 内部填充的距离 */
  text-decoration: none; /* 不显示超链接下划线 */
  white-space: nowrap; /* 对于文本内的空白处，不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
  margin-left: 0px;
  text-align: center;
  color: #7D7D7D; /* 文字颜色 */
}

div.report_button ul li a:hover {
  border: 1px #1890FF solid; /* 边框 */
  color: #1890FF; /* 文字颜色 */
  text-decoration: none; /* 不显示超链接下划线 */
}

div.report_button ul li a.active {
  border: 1px #1890FF solid; /* 边框 */
  color: #1890FF; /* 文字颜色 */
  text-decoration: none; /* 不显示超链接下划线 */
}

.panal-content {
  height: 80px;
}

.item-content {
  float: left;
  width: 180px;
  height: 50px;
  text-align: center;
  margin-right: 50px;
  margin-top: 20px;
  line-height: 50px;
}

.report-item {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.pie-size {
  font-size: 20px;
  color: #AAA;
}

.text-show-right {
  text-align: right;
}

/* 案件【优先审查】标记 */
.span_flag_priority_review {
  background-color: #FF7802;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  padding: 2px;
  margin-right: 5px;
  text-align: center;
}

/* 案件【全活】标记 */
.span_flag_whole_case {
  background-color: rgb(0, 78, 162);
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  padding: 2px;
  margin-right: 5px;
  text-align: center;
}

/* 案件【预审】标记 */
.span_flag_advance_check {
  background-color: #FF0000;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  padding: 2px;
  margin-right: 5px;
  text-align: center;
}

/* 案件【效率优先】标记 */
.span_flag_efficiency_first {
  background-color: rgb(0, 78, 162);
  border-radius: 4px;
  font-size: 12px;
  padding: 2px;
  margin-right: 5px;
  text-align: center;
}

/* 案件标记徽标 */
.case-flag {
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  margin-right: 5px;
  text-align: center;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 1.5;
  /*overflow: hidden;*/
  vertical-align: text-bottom;
  position: relative;
}

.case-flag:after {
  background-color: rgba(35, 35, 35, .85);
  color: #fcfcfc;
  position: absolute;
  padding: 2px 8px;
  /* z-index: 10; */
  left: 120%;
  bottom: 0;
  /*bottom: -1.5rem;*/
  width: max-content;
  font-size: 12px;
  border-radius: 4px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition-delay: 0ms;
  display: none;
  box-sizing: border-box;
}

.case-flag:hover:after {
  display: block;
  opacity: 1;
  visibility: visible;
  transition: all 0.1s ease 0.5s;
}

/* 案件【优先审查】标记 */
.case-flag--priority-review {
  background-color: #FF7802;
}

.case-flag--priority-review:empty:before {
  content: "优"
}

.case-flag--priority-review:after {
  content: "优先审查"
}

/* 案件【全活】标记 */
.case-flag--whole-case {
  background-color: #0055aa;
}

.case-flag--whole-case:empty:before {
  content: "全";
}

.case-flag--whole-case:after {
  content: "全活";
}


/* 案件【预审】标记 */
.case-flag--advance-check {
  background-color: #FF2F2F;
}

.case-flag--advance-check:empty:before {
  content: "预";
}

.case-flag--advance-check:after {
  content: "预审";
}


/* 案件【效率优先】标记 */
.case-flag--efficiency-first {
  background-color: #00b7ee;
}

.case-flag--efficiency-first:empty:before {
  content: "效";
}

.case-flag--efficiency-first:after {
  content: "效率优先";
}

/* 案件【首案申请】标记 */
.case-flag--first-case {
  background-color: #00ee5f;
}

.case-flag--first-case:empty:before {
  content: "首";
}

.case-flag--first-case:after {
  content: "首案申请";
}

/* 案件【重要商标】标记 */
.case-flag--important-trademark {
  background-color: #ee2400;
}

.case-flag--important-trademark:empty:before {
  content: "V";
}

.case-flag--important-trademark:after {
  content: "重要商标";
}

/* 案件【优先处理与反馈】标记 */
.case-flag--prioritization {
  background-color: #00eeda;
}

.case-flag--prioritization:empty:before {
  content: "优";
}

.case-flag--prioritization:after {
  content: "优先处理";
}

/* 案件【高费用】标记 */
.case-flag--high-costs {
  background-color: #009bee;
}

.case-flag--high-costs:empty:before {
  content: "高";
}

.case-flag--high-costs:after {
  content: "高费用";
}

/* 案件【重要】标记 */
.case-flag--important-first {
    background-color: rgb(242, 88, 219);
}

.case-flag--important-first:empty:before {
  content: "特";
}

.case-flag--important-first:after {
  content: "重要案件";
}

.u-checkbox-euro {
  width: 25px;
  height: 25px;
  margin-left: 5px;
}

.notice-confirm .layui-layer-btn1 {
  background-color: #2e8ded;
  border: 1px solid #4898d5;
  color: #FFF;
}

.table-container-horizontal {
    overflow-x: auto;
    white-space: nowrap;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}

.table-container-horizontal table {
    width: 100%;
    min-width: 800px; /* 最小宽度，确保表格足够宽以触发滚动 */
}

.customer-risk {
    color: rgb(255, 0, 0) !important;
}

.customer-risk > a {
    color: rgb(255, 0, 0) !important;
}

.customer-normal {
    color: #444;
}