/*
  
  新内容列表页面样式提取
  20200914
  
*/
.collapsed-menu .br-mainpanel-file {
	margin-left: 0;
	margin-top: 0;
}
/* .br-pagebody {
	margin-top: 0;
} */

table.table-fixed {
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word
}

table.table-fixed,
table.table-fixed th,
table.table-fixed td {
	border: 1px solid #dee2e6;
	border-collapse: collapse !important;
	text-align: left;
}
.list-pic-box {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.list-pic-box .list-img-contanier {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-pic-box .list-img-contanier img {
	width: auto;
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#tide_content_tfoot {
	display: none;
}

.handle-btns {
	/* 老版此处 visibility:hidden 是"加载态临时隐藏、由 JS 回填后显示"，前端 Vue 直出界面无对应带 JS 流程，
	   若保留会使工具栏/搜索按钮永久不可见；故去除该隐藏，样式外观仍完整复刻老版。 */
	visibility: visible;
}
@media (max-width: 575px) {
	#content-table .hidden-xs-down {
		word-break: normal;
	}
}
/*审核弹窗样式相关*/
table td {
	position: relative;
}
table .pop-start {
	position: relative;
}
table .pop-box {
	position: absolute;
	left: -180px;
	top: 45px;
	display: none;
	z-index: 999;
}
table .pop-content {
	width: 400px;
	height: 290px;
	overflow: hidden;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 1px #aaa;
	cursor: default;
	padding: 0 0 20px 0;
}
table .pop-title {
	margin: 0;
	padding: 0 0 0 20px;
	background: #f8f9fa;
	line-height: 40px;
	border-bottom: 1px solid #dbdbdb;
}
table .pop-triangle {
	position: absolute;
	right: 180px;
	top: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e9e9e9;
}
table .pop-triangle-rotate {
	top: 290px;
	transform: rotate(180deg);
}
table .pop-text {
	padding: 10px 20px;
	overflow-y: auto;
	height: 240px;
	line-height: 24px;
}
table .pop-text em {
	font-style: normal;
}

/* .wd-choose{
	text-align: center;
} */
/* .wd-choose .ckbox{
	display: inline-block;
} */

#content-gather-ftl #div_table th.wd-choose,
#content-gather-ftl #div_table th[fieldname="choose"]{
	padding-left: 5px;padding-right: unset;
}

.list-no-data{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.is-linkGroup-field .loadpagediv {
	background-color: #fff;
}
/* 列表数据固定列 */
.ant-table{
	position: relative;
	overflow-y: hidden;
}
#div_table1::-webkit-scrollbar{
	/* height:10px;
	width: 10px; */
	height: 0px !important;
	width: 0px !important;
	display: none;
}
#div_table1::-webkit-scrollbar-corner {
  background: rgba(0,0,0,0.0300);
}
/* 滚动条的滑块部分 */
#div_table1::-webkit-scrollbar-thumb{
	height:10px; width:10px;scrollbar-color: #cccccc rgba(0,0,0,.03);
}
/* 滚动条滑块的hover样式 */
#div_table1::-webkit-scrollbar-thumb:hover{
	height:10px; width:10px;scrollbar-color: #cccccc rgba(0,0,0,.03);
}
/*  滚动条的外层轨道 */
#div_table1::-webkit-scrollbar-track{
	background: rgba(0,0,0,.03);
}
#content-table,#div_table,#div_table1{
	max-width: 100%;
	border-radius: 4px;
}
/* 默认隐藏横向溢出，防止数据加载期间浏览器显示原生滚动条 */
#div_table1 {
    overflow-x: hidden;
}
#div_table1.ant-table {
    overflow-x: scroll;
}
/* SortConfig 拖拽列最小宽度，无数据时仍需足够宽度覆盖右侧内容 */
.sort-cols-th {
    min-width: 24px;
}
.ant-table .min-wd-title{
	min-width:160px;
}
#content-table{
	min-width: 100%; 
}
body .ant-table .table .force-title{
	padding-left: 10px!important; 
}
body .ant-table .table .wd-operation{
	padding-left: 24px!important; 
	z-index: 99;
}
.ant-table .ant-table-cell-fix-left, .ant-table .ant-table-cell-fix-right {
	position: -webkit-sticky!important;
	position: sticky!important;
	z-index: 101;
	background-color: #fff;
}
/* 不依赖 .ant-table 类的 sticky 定位，确保搜索无数据时固定列仍然有效 */
#div_table1 .ant-table-cell-fix-left,
#div_table1 .ant-table-cell-fix-right {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 101;
}
.ant-table .bg-gray-100 .ant-table-cell-fix-left, .ant-table .bg-gray-100 .ant-table-cell-fix-right {
	background-color: #F3F3F4;
}
/* 锁定列样式：背景色用class控制，hover时可被覆盖，AI修改于2026-06-16 */
.th-col-locked-cell {
	background-color: #fff;
}
/* hover时锁定列td也要变色，AI修改于2026-06-16 */
.table:not(.table-fixed, .multilevel-table) tr:hover td.th-col-locked-cell {
	background: #F3F3F4;
}
/* 行选中时锁定列td也要变色，AI修改于2026-06-17 */
#content-table tr.bg-gray-100 td.th-col-locked-cell {
	background-color: #F3F3F4;
}
/* 锁定列th背景色，AI修改于2026-06-16 */
#content-table thead th.th-col-locked-cell {
	background-color: var(--bg-th);
}
/* 锁定列外阴影：仅在表格向右滚动时显示（ant-table-ping-left），AI修改于2026-06-17 */
#content-table.ant-table-ping-left thead th.th-col-locked-cell-last,
#content-table.ant-table-ping-left tbody td.th-col-locked-cell-last {
	box-shadow: 8px 0 8px -2px rgba(0,0,0,0.06);
}
#content-table.multilevel-table tbody tr.row-hover > td {
	background-color: #F3F3F4;
}
#content-table.multilevel-table tbody tr.row-hover > td.ant-table-cell-fix-left,
#content-table.multilevel-table tbody tr.row-hover > td.ant-table-cell-fix-right {
	background-color: #F3F3F4;
}
/* .ant-table th.ant-table-cell-fix-left, .ant-table th.ant-table-cell-fix-right {
	background: #fafafa;
} */
.ant-table th{
	background: var(--bg-th);
}
.ant-table thead tr{
	background: var(--bg-th);
}
.ant-table .ant-table-cell-fix-left{
	left: 0;
}
.ant-table .ant-table-cell-fix-right {
	right: 0;
}
.ant-table .ant-table-cell-fix-left-0{
	left: 0px;
}
.ant-table .ant-table-cell-fix-left-40{
	left: 24px;
}
.ant-table .ant-table-ping-left .ant-table-cell-fix-left-first:after,.ant-table .ant-table-ping-left .ant-table-cell-fix-left-last:after {
	background: linear-gradient(90deg, rgba(0,0,0,0.0600) 0%, rgba(216,216,216,0) 100%);
}
.ant-table .ant-table-cell-fix-left-first:after,.ant-table .ant-table-cell-fix-left-last:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: -1px;
	width: 8px;
	transform: translate(100%);
	transition: box-shadow .3s;
	content: "";
	pointer-events: none;
}
.ant-table .ant-table-ping-right .ant-table-cell-fix-right-first:after,.ant-table .ant-table-ping-right .ant-table-cell-fix-right-last:after {
	background: linear-gradient(90deg, rgba(216,216,216,0) 0%, rgba(0,0,0,0.0600) 98%);
}
.ant-table .ant-table-cell-fix-right-first:after,.ant-table .ant-table-cell-fix-right-last:after {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	width: 8px;
	transform: translate(-100%);
	transition: box-shadow .3s;
	content: "";
	pointer-events: none;
}
/* 自定义滚动条 */
.scrollBar {
	position: absolute;
	bottom: 44px;
	left: 0;
	height: 14px;
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: none;
	z-index: 111;
	/* scrollbar-color: #CCCCCC rgba(0,0,0,0.03); */
	scrollbar-width: thin; 
	scroll-behavior: smooth;
	transition: scrollbar-color 0.3s ease-out;
    background-color: #fff;
}
.scrollBar .barMiddle {
	position: absolute;
	width: 100%;
	height: 14px;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.0300)
}
.scrollBar .barMiddle .bar {
	position: absolute;
	bottom: 2px;
	left: 0px;
	height:10px;
	margin: auto;
	background: #CCCCCC;
	border-radius: 5px;
	transition: scrollbar-color 0.3s ease-out;
}

.scrollBarFixed{
	position: fixed;
	bottom: 0px;
	left: 30px;
	width: calc(100% - 60px);
}

/* ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道
::-webkit-scrollbar-track-piece 内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式
 */
.scroll_bar {
	/* scrollbar-color: #cccccc rgba(0,0,0,.03); */
	 /* 第一个颜色为滚动条的颜色， 第二个颜色为滚动条轨道的颜色 */
	/* scrollbar-width: thin;  */
}
.scroll_bar::-webkit-scrollbar{
	height:10px;
	width:10px;
}
/* 滚动条的滑块部分 */
.scroll_bar::-webkit-scrollbar-thumb{
	background: #ccc;
	border-radius:6px;
}
/*  滚动条的外层轨道 */
.scroll_bar::-webkit-scrollbar-track{
	background: rgba(0,0,0,.03);
}
/* 火狐浏览器样式统一 */
.scroll_bar_firefox{
	/* scrollbar-color: #ccc rgba(0,0,0,.03); */
	scrollbar-width: thin; 
}
.scroll_bar_firefox .scrollBar {
	height: 10px;
}
.scroll_bar_firefox .scrollBar .barMiddle {
	height: 10px;
	background: #edeef2;
}
.scroll_bar_firefox .scrollBar .barMiddle .bar {
	height:10px;
	border-radius: 0px;
	bottom: 0px;
}
.scroll_bar_firefox .scrollBar:hover{
  	height:10px;
}
.scroll_bar_firefox .scrollBar:hover .barMiddle{
  	height:10px;
	background: #edeef2;
}
.scroll_bar_firefox .scrollBar:hover .bar{
  	height:10px;
	bottom: 0px;
	border-radius: 0px;
	background-color: #a5a5a5;
}

.scrollbarNone::-webkit-scrollbar{
	display: none;
}

/* 笔记本触摸板横向滚动问题：原为强制 overflow-x:scroll，会把前端 antd 表格也强制出横向滚轴；
   改为 auto(内容超高才横向滚动)，列宽正常时无横向滚动轴 */
.ant-table{
    overflow-x: auto;
}

/* 编辑表格样式 */
.edit-table td {
  padding: 0.4rem 0.6rem !important;
}

.edit-table td:not(.editable-cell) {
  line-height: 28px;
}

.editable-cell {
  
}

.edit-cell {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 28px;
  vertical-align: middle;
}

.editable-cell:hover > .min-wd-title .edit-cell:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 30px);
}

.editable-cell:has(> .list-imgfield-box:first-child) {
  min-width: 100px;
}

.editable-cell .edit-icon {
  display: none;
  cursor: pointer;
  margin-left: 8px;
  vertical-align: middle;
  color: var(--theme);
}
.editable-cell:hover .edit-icon {
  display: inline-block;
}

.edit-table-fast:hover .edit-icon {
  display: none;
}

/* 表头列操作触发器（下拉箭头+菜单），AI修改于2026-06-16 */
#content-table th { position: relative; }
.th-col-trigger {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  border: 1px solid rgba(8,8,8,0.1);
  border-radius: 3px;
  cursor: pointer;
  background-color: var(--bg-th);   /* 与表头同色，遮挡接近的文字形成视觉间距，AI修改于2026-06-16 */
  opacity: 0;   /* 默认隐藏，AI修改于2026-06-16 */
  transition: opacity 0.2s, background-color 0.2s, border-color 0.2s;
}
/* th hover时显示触发器，排序/锁定状态(force-show)或菜单打开(active)时强制显示，AI修改于2026-06-16 */
#content-table th:hover .th-col-trigger,
.th-col-trigger.th-col-trigger-force-show,
.th-col-trigger.th-col-trigger-active {
  opacity: 1;
}
.th-col-trigger .iconpark-icon,
.th-col-trigger .th-col-icon,
.th-col-trigger .fa {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  flex-shrink: 0;
  color: var(--tx-icon);
  cursor: pointer;
  transition: color 0.2s;
}
/* 排序后触发器图标用主题色（非hover/active状态），AI修改于2026-06-16 */
.th-col-trigger-sorted .iconpark-icon,
.th-col-trigger-sorted .th-col-icon,
.th-col-trigger-sorted .fa {
  color: var(--theme);
}
.th-col-trigger:hover,
.th-col-trigger-active {
  background-color: var(--theme);
  border-color: var(--theme);
}
/* hover/active时图标变白（优先级高于sorted的主题色），AI修改于2026-06-16 */
.th-col-trigger:hover .th-col-icon,
.th-col-trigger:hover .iconpark-icon,
.th-col-trigger:hover .fa,
.th-col-trigger-active .th-col-icon,
.th-col-trigger-active .iconpark-icon,
.th-col-trigger-active .fa {
  color: #fff !important;
}
/* 表头列操作菜单（横向3按钮：升序/降序/锁定），参考dropdown-with-arrows样式，AI修改于2026-06-16 */
.th-col-menu {
  z-index: 10000;
  display: inline-block;
  padding: 10px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.06);
}
.th-col-menu::before {
  content: '';
  border: 8px solid #fff;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: -16px;
  left: var(--th-arrow-left, 4px);
}
.th-col-menu-inner {
  display: flex;
  align-items: stretch;
  height: 32px;
  border: 1px solid rgba(8,8,8,0.1);
  border-radius: 4px;
  overflow: hidden;
}
.th-col-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 13px;
  color: var(--tx-default);
  border-right: 1px solid rgba(8,8,8,0.1);
  transition: background-color 0.2s, color 0.2s;
  white-space: nowrap;
}
.th-col-btn .iconpark-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.th-col-btn:last-child { border-right: none; }
.th-col-btn:hover {
  background-color: var(--theme);
  color: #fff;
}
/* 不可排序的按钮置灰，AI修改于2026-06-16 */
.th-col-btn-disabled {
  color: var(--tx-icon-disabled, #c0c4cc) !important;
  cursor: not-allowed;
  opacity: 0.5;
}
.th-col-btn-disabled:hover {
  background-color: transparent !important;
  color: var(--tx-icon-disabled, #c0c4cc) !important;
}
.th-col-btn-active {
  background-color: var(--theme-btn-rgb-1);
  color: var(--theme);
}
.th-col-btn-active:hover {
  background-color: var(--theme);
  color: #fff;
}

.editing-row .editable-cell:hover .edit-icon {
  display: inline-block !important;
}

.editable-cell:hover {
  /* display: flex;
  line-height: 28px; */
}

.editable-cell .el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.editable-cell:hover .el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.editable-cell:hover > .edit-cell:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 30px);
}

.editable-cell .list-imgfield-box {
  display: inline-flex;
  height: 28px;
  width: 50px;
}
.editable-cell .list-imgfield-box img {
  display: inline-block;
}

.add-data-fast-btn {
  border: none;
  font-weight: normal;
}
.add-data-fast-btn.btn:hover,.add-data-fast-btn .btn.active{
 background-color: transparent;
 color:var(--theme);
 border-color: none;
 border: none;
}

#item_addNewDataTemp {
  display: none;
}

.fast-add-data-scroll-bar {
  bottom: 0;
}