:root {
	/* 字体 */
	--font-st1-color: #ffffff;
	--font-st2-color: #ffff00;
	--font-st3-color: #959BA7;
	--font-xs-size:9px;
	--font-sm-size:10px;
	--font-s-size:12px;
	--font-m-size:14px;
	--font-l-size:16px;
	--font-weight-100:100;
	--font-weight-400:400;
	--font-title-size:12px;
	/* --font-text-size:12px; */
	--font-text-size:13px;
	/* 按钮 */
	--btn-st1-bg-color: #020C1D;
	--btn-st1-border-color: #b9d7ee;
	--btn-st2-font-color: #b9d7ee;
	/* input框 */
	--input-border-color: #3462d34d;
	--input-height-size: 30px;
	--input-border-radius: 2px;
	--input-padding-size: 0 15px;

  /* equipment tree */
  --highlight-color: #0078ff;
  --teamItem-row-height: 36px;
  --eq-padding-left: 40px;
  --eq-border-width: 2px;
  --eqItem-row-height: 30px;
	
	/* 搜索栏 + 多选框*/
	--searth-font-size: 12px;
	--searth-line-height: 30px;
	
	/* 列表 */
	--row-thead-bgColor:#EEF0F2;
	--row-even-bgColor:#f6f7f8;
	--list-title-height:30px;
	--list-text-height:22px;
	--list-title-font:14px;
	--list-text-font:12px;
	--table-row-height: 40px;
}

#data_searchbar {
  position: absolute;
  right: 10px;
  top: 0;
  display: flex;
}
#data_search_input {
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}
#data_search_btn {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 2px;
  width: 120px;
  color: #fff;
  cursor: pointer;
  background-color: #0078ff;
  font-size: 12px;
  text-align: center;
}
.data_manage_content {
  display: flex;
}

.tab_content_left, .tab_content_right {
  flex: 1;
}
.data_manage_title {
  font-weight: bold;
  font-size: 14px;
  border-left: solid 3px #0078ff;
  padding: 5px 15px;
  margin: 10px 0;
  background-color: #f2f2f2;
}
.data_manage_btnbar {
  text-align: right;
}
.data_manage_btn {
  width: 100px;
	height: 38px;
	border-radius: 3px;
	cursor: pointer;
	background-color: #0078FF;
	color: #fff;
	text-align: center;
	line-height: 38px;
}
.tab_content_right {
  padding-left: 30px;
}
#preview_img {
  width: 100%;
  height: calc(100% - 60px);
  border: solid 1px #c8c8c8;
  border-radius: 5px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#preview_img_tip {
  text-align: center;
  font-size: 16px;
}
/* #data_basicform .mcb-form-item:nth-child(4), #data_basicform .mcb-form-item:nth-child(5) {
	width: 50%;
  display: inline-block;
} */
#data_basicform .mcb-form-upload{
  display: inline-block!important;
  width: calc(100% - 80px);
}
#data_basicform .upload_form {
  width: 80px;
  display: inline-block;
}
#data_basicform .upload_form .upload_btn {
  margin-left: 15px;
}
.mcb-radio-wrapper input[type="radio"] + label::before {
  margin-right: 5px;
}
.row {
  display: flex;
}
#northwest_form .mcb-form-item, #northeast_form .mcb-form-item, #southwest_form .mcb-form-item, #southeast_form .mcb-form-item, #center_form .mcb-form-item {
  width: 50%;
  display: inline-block;
}
.data_foun_tab {
  cursor: pointer;
}
input[name=fileurl] + form .file_container {
  display: none;
}
.tab_content.data_manage_content {
  height: auto;
}

/***************************************** data_manage_list ****************************************/
.dataManage-list{width: 100%;padding: 20px;overflow-y: auto;}
.dataManage-list .onerow{width: 100%; display: flex; justify-content: space-between; align-items: center;margin-bottom: 15px;}
.dataManage-list .onerow .fun-btns{}
.dataManage-list .onerow .fun-btns button{
	line-height: var(--searth-line-height);
	height: var(--searth-line-height);
	font-size: var(--searth-font-size);
	padding: 0 15px;
	border-radius: 5px;
	border: 1px solid var(--highlight-color);
	color: var(--highlight-color);
	background-color: transparent;
}
.dataManage-list .searth_pp div.pp_subdiv{margin-bottom: 0;}
.dataManage-list .searth_pp div.pp_subdiv:last-child{margin-right: 0;}

/* 列表 */
.dataManage-list table.xui_table,
.dataManage-list table.xui_table th,
.dataManage-list table.xui_table td{border: none;}
.dataManage-list table.xui_table thead tr th,
.dataManage-list table.xui_table tbody tr td{padding: 0 5px;}
.dataManage-list table.xui_table .xui_table_thead, 
.dataManage-list .mcr-table-tools table.xui_table thead{background-color: var(--row-thead-bgColor);}
.dataManage-list table.xui_table tbody tr:nth-child(even){background-color: var(--row-even-bgColor);}
.dataManage-list table.xui_table .lookBtn,
.dataManage-list table.xui_table .editBtn,
.dataManage-list table.xui_table .delBtn{line-height: 22px;height: 22px;padding: 0 5px;cursor: pointer;margin-right: 10px;}
.dataManage-list table.xui_table td.toolBtn div a:last-child{margin-right: 0;}
.dataManage-list table.xui_table .lookBtn{color: #5ac489;}
.dataManage-list table.xui_table .editBtn{color: #4b82d9;}
.dataManage-list table.xui_table .delBtn{color: #f83a3a;}
.dataManage-list table.xui_table thead tr th,
.dataManage-list table.xui_table tbody tr td,
.dataManage-list table.xui_table tbody tr td span,
.dataManage-list table.xui_table tbody tr td div,
.dataManage-list table.xui_table tbody tr td a{font-size: var(--list-text-font);}
.dataManage-list table.xui_table tr{line-height: var(--table-row-height);}

/***************************************** data_manage_search. ****************************************/
.content_gray_background{height: 100%;border-radius: 0px 10px 10px 0;}
.content_tip_top{
	height: var(--content-top-height);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}
.content_tip_top .content_tip_div{width: max-content;}
.content_container{background-color: #fff;margin: 0 10px;width: calc(100% - 20px);border-radius: 5px;}
.dataManage-search{width: 100%;padding: 10px;}

/* 标题 */
.layui-badge-dot{position: relative;display: inline-block;font-size: 12px;text-align: center;}
/* 搜索栏 */
.dataManage-search-container{width: 100%;margin-top: 35px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.dataManage-search-container .row{width: 100%;display: flex;justify-content: center;}
.dataManage-search-container .searth_pp{}
.dataManage-search-container .searth_pp div.pp_subdiv{margin-bottom: 0;width: 240px;}
.dataManage-search-container .searth_pp div.pp_subdiv .search_btn{padding: 0 20px;}
.dataManage-search-container .searth_pp input,
.dataManage-search-container .searth_pp div.pp_subdiv .search_btn{height: var(--searth-line-height);line-height: var(--searth-line-height);font-size: var(--searth-font-size);}
.dataManage-search-container .search-link{width: max-content; height: var(--searth-line-height);display: flex;justify-content: flex-start;align-items: flex-end;}
.dataManage-search-container .search-link a{font-size: var(--searth-font-size);color: #3462D3;}
/* 多选框 */
#checkbox-form{margin-top: 10px;}
.dataManage-search-container .mcb-form-item{margin-bottom: 0;}
.dataManage-search-container .mcb-input-block{margin-left: 0;}
.dataManage-search-container .mcb-checkbox-wrapper label{font-size: var(--searth-font-size);color: #666;white-space: nowrap;}


/* 设置整个滚动条的宽度 */
.dataManage-search-container.search-list .container-left::-webkit-scrollbar {
    width: 10px; /* 宽度 */
    height: 12px; /* 高度，如果需要的话 */
}
/* 设置滚动条轨道的样式 */
.dataManage-search-container.search-list .container-left::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
	border-radius: 2px; 
}
/* 设置滚动条滑块的样式 */
.dataManage-search-container.search-list .container-left::-webkit-scrollbar-thumb {
    background: #ddd; /* 滑块颜色 */
    border-radius: 2px; /* 滑块圆角 */
}
.dataManage-search-container.search-list{justify-content: space-between;flex-direction: inherit;height: calc(100% - 43px);padding: 0 20px;margin-top: 20px;}
.dataManage-search-container.search-list .container-left{width: calc(60% - 30px);height: 100%;overflow-y: auto; padding-right: 15px;}
.dataManage-search-container.search-list .container-right{width: 40%;height: 100%;}
.dataManage-search-container.search-list .row{justify-content: flex-start;}
.dataManage-search-container.search-list .searth_pp input, 
.dataManage-search-container.search-list .searth_pp div.pp_subdiv .search_btn{height: 30px;line-height: 30px; border-radius: 2px;}
.dataManage-search-container.search-list .search-link{height: 30px;}
.dataManage-search-container.search-list .searth_pp{width: calc(100% - 82px)}
.dataManage-search-container.search-list .searth_pp div.pp_subdiv{width: calc(100% - 110px) !important;}
.dataManage-search-container.search-list #checkbox-form{margin-top: 0px; min-width: calc(100% - 192px); max-width: 100%;}
#checkbox-form .mcb-checkbox-wrapper:last-child{margin-right: 0;}
.search-list #checkbox-form .mcb-checkbox-wrapper{margin-right: 5px;}
.dataManage-search-container.search-list .mcb-input-block{display: flex;justify-content: space-between;align-items: center;}

.search-resData-list{}
.search-resData-list .item{padding: 5px 12px; margin-bottom: 10px;}
.search-resData-list .item p.data-title{font-size: var(--list-title-font);line-height: var(--list-title-height);}
.search-resData-list .item .data-tips{}
.search-resData-list .item .data-tips p{width: 100%;display: flex;justify-content: flex-start;}
.search-resData-list .item .data-tips p span{color: #bf9000;text-align: left;}
.search-resData-list .item .data-tips p span:first-child{margin-right: 10px;width: 220px;}
.search-resData-list .item .data-tips p span:last-child{width: calc(100% - 150px);}
.search-resData-list .item .data-dsc{max-height: calc( var(--list-text-height)*2 );text-align: justify;}
.search-resData-list .item .set-data-base{text-align: right;margin-top: 5px}
.search-resData-list .item .set-data-base button{background-color: transparent;color: red;font-size: var(--list-text-font);cursor: pointer;}
.search-resData-list .item .data-tips p span,
.search-resData-list .item .data-dsc{font-size: var(--list-text-font);line-height: var(--list-text-height);}
.search-resData-list .item .data-dsc{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 限制文本显示为2行 */
	overflow: hidden;
	text-overflow: ellipsis;
}

.search-list-container{flex-direction: column;}
#search-resData-list,
#list_page{width: 100%;}


.action-map-img{width: 100%;height: 200px;overflow: hidden;position: relative;border: 1px solid #cccccc;}
.action-map-img img{width: 100%; height: 100%;}
.action-map-img .action-map-imgtip{
	position: absolute;
	width: 100%;
	height: var(--list-title-height);
	top: calc( 50% - var(--list-title-height) / 2);
	left: 0;
	text-align: center;
	display: none;
}
.loading-animation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8); /* 背景透明度可以根据需要调整 */
    display: flex;
    justify-content: center;
    align-items: center;
	line-height: var(--list-title-height);
	font-size: var(--list-text-font);
}
.loading-animation::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #ccc;
    border-top-color: #333;
    animation: spin 1s infinite linear;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.action-setform{flex-direction: column; margin-top: 10px;height: calc(100% - 212px); overflow-y: auto;}
.action-setform .item{margin-bottom: 10px;position: relative;}
.action-setform .item label,.action-setform .item input{width: 100%;font-size: var(--list-text-font);line-height: var(--list-text-height);}
.action-setform .item label{}
.action-setform .item input{width: calc(100% - 60px);border: 1px solid #cccccc;border-radius: 2px;padding: 0 15px;}
.action-setform .item button{position: absolute;right: 0;bottom: 0;width: 50px;background-color: transparent;color: red;font-size: var(--list-text-font);}
.action-setform .item.submit-btns{text-align: right;margin-top: 5px;}
.action-setform .item.submit-btns button{position: relative;background-color: #0069ff;color: #fff;padding: 5px 15px;border-radius: 2px;width: max-content;font-size: var(--list-text-font);}

#image-Base,
#data-3D-Base,
#DEM-Base,
#BIM-Base,
#SLAM-Base{cursor: pointer;}

#data-information-popup{}
#data-information-popup .popup_open_div{margin-top: 10px;}
#data-information-popup .mask_content.drag_box{top: 60px !important;}
#information-cont{width: 400px;height: 455px;overflow-y: auto;}
#information-cont ul{border: 1px solid #c2d0f2;padding: 5px;}
#information-cont ul li{
	font-size: var(--list-text-font);
	line-height: var(--list-text-height);
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#information-cont ul li:nth-child(odd){background-color: #3462d317;}
#information-cont ul li label{width: 85px;display: flex;justify-content: flex-end;align-items: center;}
#information-cont ul li label span{flex: 1;}
#information-cont ul li span{width: calc(100% - 95px);margin-left: 10px;}

#center_form, #northwest_form, #northeast_form, #southeast_form, #southwest_form {width: 100%;}
.data_tabItems {
  margin-top: 15px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  padding: 0 1.5% 5px;
  position: relative;
}
.data_tabItems li {
  margin-right: 30px;
  display: inline-block;
  width: max-content;
  line-height: 30px;
}
.data_tabItems li.active {
  color: #0078ff;
  border-bottom: 3px solid #0078ff;
}