/* 修改公共样式 */
.content {
	background-color: transparent !important;
	padding: 0;
}

button {
	font-size: 14px;
}

/* 条件搜索 */
.search_cont {
	background-color: #ffffff;
	/* display: block; */
	width: 100%;
	padding: 22px 20px;
	height: 80px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search_cont .add_model {
	height: 40px;
	line-height: 38px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px var(--btnbar-btn-bordercolor);
	color: var(--btnbar-btn-fontcolor);
	padding: 0 15px;
}

.search_cont .searth_pp div.pp_subdiv {
	margin-bottom: 0px;
}

#search_component {
	/* width: 500px; */
}

.search_keyword_input {
	height: 35px;
	line-height: 33px;
	border-radius: 2px;
	border: solid 1px #dddddd;
	padding: 0 10px;
}

.search_btn {
	height: 35px;
	line-height: 33px;
	background-color: var(--confirm-btn-background);
	border-radius: 2px;
	color: var(--confirm-btn-fontcolor);
	padding: 0 10px;
	margin-left: 5px;
}

/* 列表模块 */
.list_cont_div {
	background-color: #ffffff;
	display: block;
	width: 100%;
	padding: 15px 20px;
	min-height: calc(100% - 90px);
}

.list_cont_btndiv {
	margin-bottom: 15px;
}

.list_cont_btndiv button {
	height: 40px;
	line-height: 38px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px var(--btnbar-btn-bordercolor);
	color: var(--btnbar-btn-fontcolor);
	padding: 0 15px;
}

.list_cont_btndiv .prompt_div {
	display: inline-block;
	vertical-align: bottom;
	color: #e48d0c;
	height: 30px;
	line-height: 30px;
	background-color: #fff5e7;
	padding: 0 15px;
	border-radius: 4px;
	font-size: 10px;
}

/* 表格样式 */
.model_table {
	/* height: calc(100% - 150px);
  overflow-y: auto; */
}

.model_table table {
	border-right: 1px solid var(--table-bordercolor) !important;
	border-bottom: 1px solid var(--table-bordercolor) !important;
}

.model_table table thead {
	background-color: var(--table-thead-background) !important;
	border: solid 1px var(--table-bordercolor) !important;
}

.model_table table thead tr th {
	font-size: 16px;
	color: var(--table-thead-fontcolor);
	font-weight: normal;
	padding: 0 10px;
	text-align: left;
}
.model_table table thead tr th:last-child{padding: 0 30px;}

.model_table table tr,
.model_table table th,
.model_table table td {
	border-color: var(--table-bordercolor) !important;
}

.model_table table td {
	color: #2a2a2a !important;
	font-size: 14px;
	padding: 0 10px;
	    height: 40px;
}

/* .model_table .exportBtn,
.model_table .editBtn,
.model_table .editkeyBtn,
.model_table .delBtn{
	cursor: pointer;
	margin-right: 10px;
	padding: 0 5px;
}

.model_table .editBtn {
  color: #216fed;
}

.model_table .editkeyBtn {
  color: #216fed;
}

.model_table .delBtn {
  color: #f44d4d;
}

.model_table .exportBtn {
  color: #216fed;
} */

.model_table table td.toolBtn a:last-child {
	margin-right: 20px;
}

.btnicon1,
.btnicon2,
.btnicon3,
.btnicon4,
.btnicon5,
.btnicon6 {
	width: 30px;
	height: 39px;
	max-width: 30px;
	display: inline-block;
	vertical-align: middle;
	color: transparent !important;
	margin: 0 4px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.btnicon1:hover::after,
.btnicon2:hover::after,
.btnicon3:hover::after,
.btnicon4:hover::after,
.btnicon5:hover::after,
.btnicon6:hover::after{
	position: absolute;
	top: 0;
	z-index: 1;
	width: max-content;
	height: 30px;
	background-color: #2967e1d9;
	color: #ffffff;
	font-size: 12px;
	line-height: 30px;
	padding: 0 10px;
	border-radius: 4px;
}

.btnicon1 {}
.btnicon1.iconfont{font-size: 20px;margin-left: 20px;}
.btnicon1:hover::after{background-color: var(--table-nombtn-fontcolor);}
.icon-geleibaobiaoshengcheng:before{color: var(--table-nombtn-fontcolor);}
.btnicon1:hover::after {
	/* content: '生成模型'; */
	content: '\751f\6210\6a21\578b';
	left: -20px;
}

.btnicon2 {}
.btnicon2.iconfont{font-size: 20px;}
.btnicon2:hover::after{background-color: var(--table-editbtn-fontcolor);}
.icon-bianjimoban:before{color: var(--table-editbtn-fontcolor);}
.btnicon2:hover::after {
	/* content: '编辑'; */
	content: '\7f16\8f91';
	left: -6.5px;
}

.btnicon3 {}
.btnicon3.iconfont{font-size: 20px;}
.btnicon3:hover::after{background-color: var(--table-delbtn-fontcolor);}
.icon-shanchutianchong:before{color: var(--table-delbtn-fontcolor);}
.btnicon3:hover::after {
	/* content: '删除'; */
	content: '\5220\9664';
	left: -6.5px;
	/* background-color: #f44d4dd9; */
}

.btnicon4 {}
.btnicon4.iconfont{font-size: 20px;}
.btnicon4:hover::after{background-color: var(--table-editbtn-fontcolor);}
.icon-zhengfangti-mianxing:before{color: var(--table-editbtn-fontcolor);}
.btnicon4:hover::after {
	/* content: '字段编辑'; */
	content: '\5b57\6bb5\7f16\8f91';
	left: -20px;
}

.btnicon5 {}
.btnicon5.iconfont{font-size: 24px;}
.btnicon5:hover::after{background-color: var(--table-nombtn-fontcolor);}
.icon-bianji2:before{color: var(--table-nombtn-fontcolor);}
.btnicon5:hover::after {
	/* content: '导出模板'; */
	content: '\5bfc\51fa\6a21\677f';
	left: -20px;
}

.btnicon6 {}
.btnicon6.iconfont{font-size: 20px;}
.btnicon6:hover::after{background-color: var(--table-nombtn-fontcolor);}
.icon-peizhi-xitongpeizhi:before{color: var(--table-nombtn-fontcolor);}
.btnicon6:hover::after {
	/* content: '自定义按钮'; */
	content: '\81ea\5b9a\4e49\6309\94ae';
	left: -20px;
}
.icon-bianji2:before{position: absolute;left: 50%;margin-left: -12px;}
.icon-geleibaobiaoshengcheng:before,
.icon-bianjimoban:before,
.icon-shanchutianchong:before,
.icon-zhengfangti-mianxing:before,
.icon-peizhi-xitongpeizhi:before{position: absolute;left: 50%;margin-left: -10px;}


/****************** 基本信息 ***************************/
.model_basis_cont {
	background-color: #ffffff;
	padding: 5px 20px 20px 20px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

.title_sty1 {
	border-bottom: 1px solid #dddddd;
	width: 100%;
	height: 42px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.title_sty1 p {
	font-size: 16px;
	color: var(--auto-theme-color);
	width: max-content;
	line-height: 39px;
	border-bottom: 2px solid var(--auto-theme-color);
}

.form_sty1 {
	width: 100%;
	height: calc(100% - 42px);
	display: block;
	/* overflow-y: auto; */
}

.form_sty1 .form_cont {
	/* background-color: #fbfbfb;padding: 20px 0; */
}

.form_sty1 .form_cont .form_cont_field {
	background-color: #fbfbfb;
	padding: 20px 0;
	margin-bottom: 20px;
	position: relative;
}

.form_sty1 .row_sty {
	width: calc(100% - 45px);
	margin-left: 45px;
	margin-top: 15px;
	display: block;
}
.form_sty1 .checkBox{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/* flex-wrap: wrap; */
	width: 70%;
	margin-left: 125px;
}
.form_sty1 .checkBox .row_item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 18%;
}
/*  */
/* 自定义多选框 */
.form_sty1 .checkBox .row_item label {
	cursor: pointer;
	font-family: "iconfont" !important;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.form_sty1 .checkBox .row_item input[type="checkbox"] {
	/* 隐藏原生 */
	display: none;
}
.form_sty1 .checkBox .row_item input[type="checkbox"] + label::before {
	/* 未选中 */
	content: "\e696";
	/* color: #dddddd; */
}
.form_sty1 .checkBox .row_item input[type="checkbox"]:checked + label::before {
	/* 选中时 */
	content: "\e697";
	color: var(--mcb-form-input-active-color);
}
/*  */
.form_sty1 .checkBox .row_item input{
	/* width: 16px;
	height: 16px; */
}
.form_sty1 .checkBox .row_item input[type=checkbox]{
	cursor: pointer;
	position: relative;
	width: 13px;
	height: 13px;
	font-size: 12px;
	line-height: 13px;
}
.form_sty1 .checkBox .row_item input[type=checkbox]::after{
	position: absolute;
	top: 0;
	border: none;
	color: #fff;
	width: 13px;
	height: 13px;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
   border-radius: 1px;
}
.form_sty1 .checkBox .row_item input[type=checkbox]:checked::after{
	background-color: var(--mcb-form-input-active-color);
	border-color: var(--mcb-form-input-active-color);
	content: "✓";
	font-size: 10px;
	font-weight: bold;
}
.form_sty1 .checkBox .row_item label{
	font-size: 13px;
	color: #2A2A2A;
	text-align: left;
	padding-left: 5px;
}

.form_sty1 .row_sty label {
	font-size: 14px;
	line-height: 34px;
	color: #2a2a2a;
	width: 125px;
	text-align: right;
	display: inline-block;
}

.form_sty1 .row_sty label.required::before {
	content: '*';
	color: red;
	margin-right: 5px;
}

.form_sty1 .row_sty input,
.form_sty1 .row_sty textarea,
.form_sty1 .row_sty select {
	background-color: #ffffff;
	border: solid 1px #dddddd;
	width: 70%;
}

.form_sty1 .row_sty input {
	line-height: 32px;
	height: 34px;
	vertical-align: middle;
	padding: 0 10px;
}

.form_sty1 .row_sty textarea {
	height: 300px;
	line-height: 32px;
	padding: 0 10px;
	vertical-align: text-top;
}

.form_sty1 .row_sty button {
	border-radius: 4px;
	line-height: 30px;
	padding: 0 12px;
}

.form_sty1 .row_sty button.submit_btn {
	background-color: var(--confirm-btn-background);
	color: var(--confirm-btn-fontcolor);
	border: 1px solid var(--confirm-btn-background);
}

.form_sty1 .row_sty button.cancel_btn {
	background-color: var(--cancel-btn-background);
	color: var(--cancel-btn-fontcolor);
	border: 1px solid var(--cancel-btn-bordercolor);
}

.form_sty1 .row_sty .radio_inlink {
	display: inline-block;
	width: 100px;
}

.radio_inlink label {
	width: auto !important;
}

.radio_inlink input[type="radio"] {
	height: 16px;
	width: 16px;
	margin-right: 10px;
	display: none;
}

.radio_inlink input[type="radio"]+label::before {
	content: "\a0";
	/*不换行空格*/
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid #c2c2c2;
	background: #fff;
	line-height: 22px;
	box-sizing: border-box;
}

.radio_inlink input[type="radio"]:checked+label::before {
	border: 1px solid var(--auto-theme-color);
	background-color: var(--auto-theme-color);
	background-clip: content-box;
	padding: 3px;
}

.form_sty1 .submit_add_btn {
	width: 100%;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	margin-top: 15px;
	background-color: var(--cancel-btn-background);
	color: var(--cancel-btn-fontcolor);
	border: 1px solid var(--cancel-btn-bordercolor);
}

.form_sty1 .row_sty_btn {
	text-align: center;
	margin-top: 60px;
}

/* 表单中input[type="radio"]样式 */
.form_sty1 .row_sty_radio {
	position: relative;
	width: calc(100% - 140px);
	display: inline-block;
}

.form_sty1 .row_sty_radio div {
	position: relative;
	line-height: 30px;
	width: max-content;
	display: inline-block;
	margin-right: 15px;
}

.form_sty1 .row_sty_radio input[type="radio"] {
	width: 15px;
	height: 15px;
	opacity: 0;
}

.form_sty1 .row_sty_radio label {
	position: absolute;
	left: 0px;
	top: 7px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #999;
}

.form_sty1 .row_sty_radio span {
	font-size: 14px;
	padding-left: 3px;
	color: #888;
}

/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
.form_sty1 .row_sty_radio input:checked+label {
	background-color: var(--auto-theme-color);
	border: 1px solid var(--auto-theme-color);
}

.form_sty1 .row_sty_radio input:checked+label::after {
	position: absolute;
	content: "";
	width: 3px;
	height: 7px;
	top: 2px;
	left: 4px;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(45deg)
}

/* 表单中select样式 */
.form_sty1 .row_sty_select {
	position: relative;
	width: calc(100% - 140px);
	display: inline-block;
	height: 100%;
	min-height: 220px;
	vertical-align: top;
}

.form_sty1 .row_sty select {
	line-height: 32px;
	height: 34px;
	padding: 0 10px;
	color: #888;
}

/* 2023-11-1 start */
.form_sty1 .row_sty .inlink {
	display: inline-block;
	vertical-align: top;
}

.modelLink_listBox {
	width: calc(100% - 130px);
	max-width: 625px;
}

.modelLink_listBox .modelLink_title {
	height: 34px;
	line-height: 34px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.modelLink_listBox .modelLink_title span {
	line-height: 32px;
	color: #2A2A2A;
	display: inline-block;
	height: 32px;
	margin-right: 12px;
}

.modelLink_listBox .modelLink_title button {
	width: 20px;
	height: 20px;
	/* background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/model/icon_add.png); */
	line-height: 20px;
	padding: 0;
	background-color: transparent;
	font-size: 20px;
	color: var(--auto-theme-color);
}

.modelLink_listBox .modelLink_item {
	background: #F8F9FB;
	border-radius: 2px 2px 2px 2px;
	padding: 12px 16px;
	margin-bottom: 12px;
}

.modelLink_listBox .modelLink_item .modelLink_item_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.modelLink_listBox .modelLink_item .modelLink_item_title h6 {
	font-weight: 400;
	color: #2A2A2A;
	line-height: 16px;
	font-size: 14px;
}

.modelLink_listBox .modelLink_item .modelLink_item_title i.delicon {
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/model/icon_del.png);

}

.modelLink_listBox .modelLink_item .modelLink_item_form {
	width: 100%;
}

.modelLink_item_form .item_form_block {
	width: 100%;
	margin-bottom: 12px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.modelLink_item_form .item_form_block label {
	display: inline-block;
	width: 98px;
	text-align: left;
}

.modelLink_item_form .item_form_block div.inlink_block {
	width: calc(100% - 160px);
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.item_form_block div.select_dom {
	flex: 1;
	margin-right: 16px;
	position: relative;
}

.item_form_block div.select_dom:last-child {
	margin-right: 0;
}

.item_form_block div.select_dom input,
.item_form_block div.select_dom .valueInput {
	width: 100%;
	padding-left: 10px;
	padding-right: 25px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 15px;
	background-image: url(../img/model/icon_select1.png);
}

.item_form_block div.select_dom div.optionBox {
	display: none;
	position: absolute;
	top: 34px;
	left: 0;
	z-index: 3;
	background-color: #ffffff;
	width: 100%;
	height: 200px;
	overflow-y: auto;
	box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
}

.item_form_block div.select_dom div.optionBox div {
	line-height: 34px;
	padding: 0 10px;
}

.item_form_block div.select_dom div.optionBox div.item {
	padding: 0;
}

.item_form_block div.select_dom div.optionBox div:hover {
	background: var(--multiSelect-optionBox-itembg-active);
}

:root {
	--multiSelect-theme-color: #aa1d1d;
	--multiSelect-input-border: #eeeeee;
	--multiSelect-input-border-focus: #f4837da6;
	--multiSelect-optionBox-bg: #ffffff;
	--multiSelect-optionBox-itembg-active: rgba(76, 144, 255, 0.15);
	--multiSelect-optionBox-itembg-hover: rgba(76, 144, 255, 0.15);
	--multiSelect-optionBox-itemfont-active: #383C3F;
	--multiSelect-optionBox-itemfont-hover: #383C3F;
}

.item_form_block .multiSelectBox {
	width: 100%;
	height: 40px;
	display: block;
}

.multiSelectBox .valueInput {
	width: 100%;
	height: 100%;
	border: 1px solid;
	border-radius: 2px;
	border-color: var(--multiSelect-input-border);
	display: flex;
	justify-content: start;
	align-items: center;
	background-color: #fff;
}

.multiSelectBox .valueInput li {
	margin-right: 10px;
}

.multiSelectBox .valueInput li i.delicon {
	width: 14px;
	height: 14px;
	background-image: url(../img/model/icon_del2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}

.multiSelectBox .valueInput:focus,
.multiSelectBox .valueInput:active {
	border-color: var(--multiSelect-input-border) !important;
}

.multiSelectBox div.keySearch {
	display: none;
	width: 100%;
	height: 36px;
	z-index: 3;
	/* position:absolute; */
}

.multiSelectBox div.keySearch input {
	width: 100%;
	height: 100%;
	border: 1px solid;
	border-radius: 2px;
	border-color: var(--multiSelect-input-border);
}

.multiSelectBox div.optionBox {
	display: none;
	border: 1px solid;
	border-radius: 2px;
	border-color: var(--multiSelect-input-border);
	background-color: var(--multiSelect-optionBox-bg);
	width: calc(100% - 2px);
	height: 100px;
	overflow-y: scroll;
	z-index: 2;
	/* position:absolute; */
}

.multiSelectBox div.optionBox div.item {
	width: 100%;
	height: 36px;
	position: relative;
}

.multiSelectBox div.optionBox div.item input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
}


.multiSelectBox div.optionBox div.item label {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 35px;
	font-size: 12px;
	line-height: 36px;
}

.multiSelectBox div.optionBox div.item label::before,
.multiSelectBox div.optionBox div.item input[type="checkbox"]:checked+label::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.multiSelectBox div.optionBox div.item input[type="checkbox"]:checked+label {
	color: var(--multiSelect-optionBox-itemfont-hover);
	background-color: var(--multiSelect-optionBox-itembg-active);

}

.multiSelectBox div.optionBox div.item label::before {
	/* background-image: url(../img/model/icon_popu1.png); */
	content: "\e696";
	/* color: #dddddd; */
}

.multiSelectBox div.optionBox div.item input[type="checkbox"]:checked+label::before {
	/* background-image: url(../img/model/icon_popu2.png); */
	content: "\e697";
	color: var(--mcb-form-input-active-color);
}

.optionBox::-webkit-scrollbar {
	width: 4px;
	height: 0px;
	margin-left: -5px;
	position: fixed;
}

.optionBox::-webkit-scrollbar-thumb {
	border-radius: 5px;
	box-shadow: inset 0 0 5px rgba(209, 210, 221, 0.5);
	background: rgba(209, 210, 221, 0.5);
	cursor: pointer;
}

/*滚动条里面小方块*/
.optionBox::-webkit-scrollbar-track {
	margin-top: 8px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
	border-radius: 5px;
	background: transparent;
}

/*滚动条里面轨道*/


/* 2023-11-1 end */

/* 2024-06-25 start 前/后置处理器 */
.handler_box{width: calc(70% + 125px);}
.handler_box .mcb-form-label{padding: 0;}
.handler_box .mcb-input-block{}


/* 2024-06-25 end */

/******************* 字段信息 *****************/
.fctype_items {
	width: 70%;
	margin-left: 125px;
	margin-top: 10px;
	padding-bottom: 50px;
	position: relative;
}

.fctype_items .row_sty {
	margin-left: 0;
}

.fctype_items .row_sty label {
	width: 140px;
}

.fctype_items .row_sty div.row_sty_radio {
	width: calc(100% - 140px);
}

.fctype_items .row_sty div.row_sty_radio label {
	width: 15px;
}

.fctype_items .fctype_items_row {
	background-color: #f2f2f2;
	padding: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.fctype_items .fctype_items_row .row_cont {
	display: inline-block;
}

.fctype_items .fctype_items_row .row_cont label {
	width: max-content;
}

.fctype_items .fctype_items_row .row_cont input {
	width: 150px;
}

.fctype_items .fctype_items_row .row_cont1 {}

.fctype_items .fctype_items_row .row_cont2 {}

.fctype_items .fctype_items_row .row_cont3 {
	width: 16px;
	height: 16px;
	background-image: url(../img/del_icon1.png);
	cursor: pointer;
}

.fctype_items .add_item {
	background-color: var(--cancel-btn-background);
	color: var(--cancel-btn-fontcolor);
	border: 1px solid var(--cancel-btn-bordercolor);
	border-radius: 4px;
	position: absolute;
	bottom: 0;
}

.ishide {
	display: none !important;
}

.isshow {
	display: block !important;
}

.field_del {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-image: url(../img/del_icon3.png);
}

/* 2023-11-07 start */
.binding_model_form {}

.binding_model_form .item_form_block {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 12px;
}

.binding_model_form .item_form_block label.required {
	width: 140px;
}

.binding_model_form .item_form_block .inlink_block {}

.binding_model_form .item_form_block .inlink_block div.select_dom {}

.binding_model_form .conditionDom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.binding_model_form .conditionDom .conditionDom_item {
	margin-right: 15px;
}

.binding_model_form .conditionDom .conditionDom_item:first-child {
	margin-left: 15px;
}

.binding_model_form .conditionDom .conditionDom_item label {
	text-align: left;
}

.binding_model_form .conditionDom .conditionDom_item .conditionDom_item_block {
	position: relative;
	display: block;
}

/* .binding_model_form .conditionDom .conditionDom_item .conditionDom_item_block input {
	width: 100%;
}

.binding_model_form .conditionDom .conditionDom_item .conditionDom_item_block ul {
	width: 100%;
	display: none;
	position: absolute;
	background: #fff;
	padding: 10px;
	height: 200px;
	overflow-y: auto;
	box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
}

.binding_model_form .conditionDom .conditionDom_item .conditionDom_item_block ul li {
	line-height: 28px;
}
.binding_model_form .conditionDom .conditionDom_item .conditionDom_item_block ul li:hover {
	background: rgba(76, 144, 255, 0.15);
} */

.binding_condition {
	padding: 15px 0 40px;
	background-color: #f2f2f2;
	border-radius: 2px;
}

#binding_condition_addbtn {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 50%;
	bottom: 10px;
	margin-left: -8px;
	background-image: url(../img/model/icon_add.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 22px;
}

/* 2023-11-07 end */



.textarea_nmb_sty {
	position: relative;
}

.textarea_nmb_sty .nmb_sty {
	position: absolute;
	bottom: 5px;
	/* right: calc(30% - 75px); */
	right: calc(30% - 150px);
}

/* .textarea_nmb_sty .nmb_sty{position: absolute;bottom: 5px;right: 10px;}
#add_form{padding: 20px 0px;} */


.row_sty .row_sty_select .sub_ul {
	width: 100%;
	/* position: absolute;top: 0;left: 0;z-index: 1; background-color: #fff;*/
}

.row_sty .row_sty_select .sub_ul li {
	margin-bottom: 10px;
	margin-right: 15px;
	width: 126px;
	height: 96px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-position: left center;
	background-size: 100%;
	vertical-align: top;
}

.row_sty .row_sty_select .sub_ul li:last-child {
	margin-bottom: 0;
}

.row_sty .row_sty_select .sub_ul li img {
	width: 25px;
	height: 25px;
	margin-right: 5px;
	vertical-align: middle;
	cursor: pointer;
}

.row_sty .row_sty_select .sub_ul li span {
	cursor: pointer;
}


/* 专题管理 */
.model_table table thead tr th:first-child {
	text-align: center;
}

.specialTemplateBtn {
	width: 63px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: var(--input-btn-background);
	color: var(--input-btn-fontcolor);
	border-radius: 4px;
	position: absolute;
	top: 3px;
	right: 4px;
	cursor: pointer;
}

.special_form_cont {}

.special_form {
	width: 80%;
}

.special_form_cont .form_cont {
	padding: 40px 0 30px;
	margin-top: 15px;
	background-color: #fbfbfb;
	position: relative;
}

.special_form_cont .form_cont:first-child {
	margin-top: 0px;
}

.add_special_cont {
	padding: 30px 0;
	background-color: #fbfbfb;
}

/* 修改上传图片组件样式 start */
.special_form .mcb-form-item {}

.special_form .mcb-form-item label {}

.special_form .mcb-form-item .mcb-input-block {}

.special_form .mcb-form-item .mcb-input-block .upload_form {
	display: flex;
}

.special_form .mcb-form-item .mcb-input-block .upload_form .upload_form_item {
	align-items: flex-end;
	display: inline-flex;
}

.special_form .mcb-form-item .mcb-input-block .upload_form .imgs_container {
	display: none;
}

.special_form .mcb-form-item .mcb-input-block .upload_form .imgs_container .img_div {
	height: 115px;
	width: 200px;
	border-style: dashed;
	border-radius: 4px;
}

.special_form .mcb-form-item .mcb-input-block .upload_form .upload_form_item .upload_btn {
	background-color: #ffffff;
	border: dashed 1px #216fed;
	width: 200px;
	height: 115px;
	background-image: url(../img/upload_bg.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* 修改上传图片组件样式 end */
.special_form .mcb-form-item .mcb-input-block .upload_form .upload_form_item .size_tip {}

.special_form .mcb-form-item .mcb-input-inline .form-submit-button {}

.special_form .mcb-form-item .mcb-input-inline .form-reset-button {
	margin-right: calc(50% - 132px);
}

.special_form_cont .row_sty textarea {
	width: calc(70% - 80px);
}

.check_news {
	background-color: var(--input-btn-background);
	border-radius: 2px;
	color: var(--input-btn-fontcolor);
	width: 80px;
	height: 35px;
	font-size: 14px;
	vertical-align: text-top;
}

.addFormBtn {
	background-color: var(--cancel-btn-background);
	color: var(--cancel-btn-fontcolor);
	border: 1px solid var(--cancel-btn-bordercolor);
	width: 100%;
	height: 60px;
	margin-top: 15px;
}

.delbtn_icon {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 57px;
	right: calc(30% - 140px);
	background-color: transparent;
	background-image: url(../img/del_icon5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
}

/* 弹窗--文章列表 */
#popu_check {
	display: block;
	height: 570px;
	overflow: hidden;
}

.caozuo_btndiv {
	text-align: center;
	padding: 15px 0;
}

.caozuo_btndiv button {
	width: 99px;
	height: 40px;
	border-radius: 4px;
	border: solid 1px;
}

.caozuo_btndiv button:first-child {
	background-color: var(--confirm-btn-background);
	color: var(--confirm-btn-fontcolor);
	border-color: var(--confirm-btn-background);
	margin-right: 15px;
}

.caozuo_btndiv button:last-child {
	background-color: var(--cancel-btn-background);
	color: var(--cancel-btn-fontcolor);
	border-color: var(--cancel-btn-bordercolor);
}

#tablelist {
	height: 430px;
	overflow-y: auto;
	width: 700px;
}

#popu_check #tablelist thead {
	background-color: var(--table-thead-background) !important;
	color: var(--table-thead-fontcolor);
}

#popu_check #tablelist thead th {
	padding: 0 10px;
	text-align: left;
}

#popu_check #tablelist thead th:first-child {
	width: 53px !important;
}

#popu_check #tablelist tbody td {
	padding: 0 10px;
}

#popu_check #tablelist tbody td:first-child {
	width: 53px !important;
}

#popu_check #filter_bar {
	width: 100%;
	height: 60px;
	line-height: 60px;
}

.mcb-select-opts {
	max-height: 200px;
	overflow-y: auto;
}

#article_filter {
	width: 100%;
	height: 100%;
	display: flex;
}

#article_filter .mcb-form-item:first-child .mcb-input-block {
	margin-left: 0 !important;
}

/*  */
#search_component .dom_select ul li:hover {
	border-color: transparent;
}

/* 模型管理 - 自定义功能按钮 */
.model_auto_btns{overflow-y: auto;}
#model_list_table .mcr-table-fixed-r .mcr-table-tools td.toolBtn div a{display: inline-block;width: 30px;}
.autoBtn_cont{width: 100%;height: calc(100% - 42px);padding: 15px 0;}
.autoBtn_cont .inlink{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;margin-bottom: 15px;}
.autoBtn_cont .inlink .autoBtn_title{width: 80px;}
.autoBtn_cont .inlink .autoBtn_box{/* width: calc(100% - 80px); */width: 100%; background-color: #f3f3f3;padding: 15px 15px 45px 15px;position: relative;}
.autoBtn_cont .inlink .autoBtn_box .icon_add_autoBtn{position: absolute;bottom: 10px;left: 50%;margin-left: -10px;}
.autoBtn_item {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;margin-bottom: 10px;}
.autoBtn_item form{width: calc(100% - 50px);display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;}
.autoBtn_item .icon_del{width: 38px;height: 38px;position: relative;}
.autoBtn_item .icon_del.icon-shanchutianchong:before{font-size: 20px;top: 50%;margin-top: -10px;}
.autoBtn_item form .mcb-form-item{width: 48%;margin-bottom: 0px;}
.autoBtn_item form .mcb-form-item .mcb-form-label{text-align: left;width: 100px;}
.autoBtn_item form .mcb-form-item .mcb-input-block{margin-left: 100px;}

.autoBtn_button{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	padding-bottom: 20px;
}
.autoBtn_button div{
	width: 80px;
    border-radius: 2px;
    height: 35px;
    line-height: 35px;
	cursor: pointer;
}
.autoBtn_button div:first-child{background-color: var(--auto-theme-color);color: var(--auto-theme-color-font);}
.autoBtn_button div:last-child{
	color: #9E9E9E;
	color: #333333;
	margin-left: 10px;
	border: 1px solid #999;
    line-height: 33px;
}

.icon_add_autoBtn.icon-tianjia:before{color: var(--auto-theme-color);}
.icon_del.icon-shanchutianchong:before{color: #9E9E9E;}

/*  */

/* 2024年7月5日 自定义模型新增模版 */
#template_form {width: calc(70% + 125px);}
#template_form .mcb-form-label {width: 160px;padding: 0;}
.form_sty1 .row_sty .mcb-input-block {margin-left: 160px;}
.tempinputBtn { 
	width: 63px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: var(--input-btn-background);
  color: #216FED;
  border-radius: 4px;
  position: absolute;
  top: 3px;
  right: 4px;
  cursor: pointer;
}
.popup_alert_title{font-weight: normal;}
.model_add_edit .form_sty1 .row_sty label:first-child {
	width: 160px;
}
.form_sty1 .row_sty .modelLink_item_form label{
	width: 100px;
}
#template_form .mcb-form-item {
	margin-bottom: 30px;
}

/* 2024.7.10 模版管理页面 */
.template_lev1_li {
  margin-bottom: 7px;
}
.top_button_bar {
  margin-bottom: 30px;
}
.add_template_btn, .add_dir_btn {
  width: 121px;
  height: 38px;
  line-height: 38px;
  border-radius: 8px;
  border: 1px solid var(--btnbar-btn-bordercolor);
  color: var(--btnbar-btn-fontcolor);
  text-align: center;
  cursor: pointer;
	margin-right: 15px;
}
.show_sty {
  display: block !important;
}
.template_lev2_ul {
  display: none;
}
#template_edit {
	/* display: none; */
	height: 100%;
	padding: 15px;
	position: relative;
}
#template_edit_main {
	height: calc(100% - 180px);
}
#template_edit .CodeMirror {
	height: 100%;
}
.tempeditor_btnbar {
	margin-top: 20px;
	display: flex;
	justify-content: flex-end
}
.editor-cancel-button {
	margin-left: 15px;
}
#template_edit_title {
	margin-bottom: 15px;
	padding-left: 15px;
}

#template_content .icon-xiazai, #template_content .icon-shangchuan, #template_content .icon-shanchutianchong, #template_content .icon-bianjimoban, #template_content .icon-bianji2{
	font-size: 14px;
	padding-left: 15px;
}
#template_content .icon-xiazai::before, #template_content .icon-shangchuan::before, #template_content .icon-shanchutianchong::before, #template_content .icon-bianjimoban::before,
#template_content .icon-bianji2::before{ 
	font-size: 15px;
	margin-right: 4px;
	position: static;
	margin-left: 0;
}
.template_licont .template_text {
	width: 60%;
  display: inline-flex;
  justify-content: start;
  cursor: pointer;
	align-items: center;
}
.btns_download, .btns_upload, .btns_del {
	padding-left: 10px;
}
.template_btns button {
	height: 33px;
  border: 0px;
  border-left: 1px solid #E0E1E5;
  padding: 0 10px 0 33px;
  color: var(--table-nombtn-fontcolor);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: transparent;
	cursor: pointer;
}

.template_btns {
	display: flex;
	min-width: 292px;
}

.template_lev1_ul, .template_lev2_ul {
	border-left: solid 2px var(--auto-theme-color);
}

.template_licont{
	display: flex;
  justify-content: space-between;
  height: 40px;
  line-height: 40px;
  /* padding: 0 0 0 2%; */
}
.template_licont.template_file {
	padding-left: 40px;
}
.template_text span{
  font-size: 14px;
  margin: 0 10px;
}
.template_dir .icon1_open {
	background: url(../img/jiahao_blue.png) no-repeat center;
  width: 40px;
	height: 40px;
}
.template_dir .icon1_close {
	background: url(../img/jianhao_blue.png) no-repeat center;
  width: 40px;
	height: 40px;
}
.temp_icon2 {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	margin-left: 10px;
}
.template_list_div {
	min-width: 760px;
	overflow: auto;
	background-color: #ffffff;
	padding: 15px 20px;
  min-height: calc(100% - 90px);
}
.temp_updatetime {
	margin-left: 30px!important;
}
.collapse_btn {
	width: 16px;
	height: 16px;
	display: block;
	background-image: url(../img/data/sarrow_2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
}
.collapse_btn.closed {
	transform: rotate(180deg);
}
.part4 .form_sty1 {display: none;}
.row_sty button.submit_btn {
  background-color: var(--confirm-btn-background);
  color: var(--confirm-btn-fontcolor);
  border: 1px solid var(--confirm-btn-background);
}
.row_sty.row_sty_btn {
  text-align: center;
  margin-top: 60px;
	width: calc(100% - 45px);
  margin-left: 45px;
  margin-top: 15px;
  display: block;
}
.row_sty.row_sty_btn button {
  border-radius: 4px;
  line-height: 30px;
  padding: 0 12px;
}
.template_file_name::before, .template_dir_name::before { 
	font-size: 20px;
	margin-right: 10px;
	color: var(--table-nombtn-fontcolor);
}
.template_icon1 {
	padding: 0 12px;
	color: var(--table-nombtn-fontcolor);
}
.upload_icon {
	display: block;
	height: 14px;
	width: 16px;
	background-image: url(../img/upload_btn.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
.treeitem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.treeleft_wrapper {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
.dir_icon, .file_icon{
	display: block;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	flex-shrink: 0;
}
.dir_icon {
	background-image: url(../img/create_module_closed.png);
}
.file_icon {
	background-image: url(../img/link_closed.png);
}
.openclose_icon.close_icon1, .openclose_icon.open_icon1{
	display: block;
	width: 10px;
	margin-right: 5px;
	background-repeat: no-repeat;
}
.openclose_icon.close_icon1 {
	height: 10px;
	background-image: url(../img/jiahao_blue.png);
}
.openclose_icon.open_icon1 {
	height: 2px;
	background-image: url(../img/jianhao_blue.png);
}
.treenode_list {
	margin-left: 15px;
}
.treenode_list li[type="2"] {
	padding-left: 15px;
}
.template_file_name {
	display: block;
	width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.template_btns {
	justify-content: flex-end;
}
.add_to_rootdir {
	display: flex;
	justify-content: flex-end;
	padding-right: 30px;
	margin-bottom: 5px;
}