body{
	background: #f5f5f5;
}
:root{
	--border-color-boundary:#e2e2e2;
	--selectColor:#b4b4b4;
	--bg-grey:#f5f6f7;
	--transparent:transparent;
	--dialogTitleBg:#52909a;
	--dialogTitleColor:#fff;
}
/* 表单组件 */
.uc-form{}

.uc-form .el-form-item__label{
	color: var(--el-text-color-regular);
}
.ui-form_flex {
	flex: 1;
	--ui-back-var:transparent;

}
.ui-form_flex .row {
	display: flex;

}

.ui-form-item{
	word-wrap: break-word;
	background-color: #f2f2f2;
	padding: 0 15px;
	border-radius: 2px;
	border: 1px solid #ced4da;
	min-height: 30px;
	line-height: 30px;
	box-sizing: border-box;
}

.ui-form_flex .el-form--label-top .el-form-item__label{
	padding:0;
}

.ui-back-var {
	background: var(--ui-back-var);
}
.el-radio input[aria-hidden="true"]{
	display: none !important;
}
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{
	box-shadow: none !important;
}


.ui-table_model .el-table .cell{

}

.ui-table_model .el-table__body tr.current-row>td.el-table__cell{
	color: var(--el-table-current-row-text-color);
}
/* vue2 表格样式 */
.ui-table_model .el-table th.el-table__cell>.cell,.ui-table_model .el-table .cell{
	padding: 0;
}

.ui-table_model .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
	border-color:var(--el-table-border-color) !important;
}
.ui-table_model .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
	border-color:var(--el-table-border-color) !important;
}
.ui-table_model .el-table--border, .el-table--group{
	border-color:var(--el-table-border-color) !important;
}
.ui-table_model .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
	background:var(--el-fill-color-lighter) !important;
}
/* 单选 */
 .el-table__body tr.current-row>td.el-table__cell, .el-table__body tr.selection-row>td.el-table__cell{
	color: var(--el-table-current-row-text-color)  !important;
	background-color: var(--el-table-current-row-bg-color) !important;
}
/* 悬浮 */
.ui-table_model .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
	color: var(--el-table-row-hover-text-color)  !important;
	background-color: var(--el-table-row-hover-bg-color) !important;
}
/* .ui-table_model .el-table th.el-table__cell {
	background-color: var(--el-table-header-bg-color) !important;
}
.ui-table_model .el-table thead{
	color: var(--el-table-header-text-color) !important;;
} */

/* 分页器 */
.page_box {
		width: 100%;
		padding: 8px;
		background: #edeef2;
		display: flex;
		align-items: center;
		font-size: 14px;
		box-sizing: border-box;
}
.page_box .go_size {
		width: 48px;
}
.page_box .go_size .el-input__inner {
		padding-right: 8px;
}
.page_box .el-select {
		width: 90px;
		height: 24px;
		margin-right: 8px;
}
.page_box .el-input__inner {
		height: 24px;
		line-height: 24px;
		padding-left: 8px;
		padding-right: 20px;
		color: #000;
}
.page_box .el-input__suffix {
		right: 0;
		position: relative;
}
.page_box .el-input__icon {
		line-height: 24px;
}
.page_box button {
		width: 24px;
		height: 24px;
		padding: 0;
		border-radius: 0;
		line-height: 24px;
		border: 1px solid #DEDEDE;
		background: linear-gradient(180deg, #FFFFFF 0%, #F3F3F3 100%);
}
.page_box .currtPage {
		display: inline-block;
		width: 84px;
		height: 24px;
		line-height: 22px;
		border: 1px solid #DEDEDE;
		border-left: none;
		border-right: none;
		box-sizing: border-box;
		text-align: center;
}
.page_box .sanjiao {
		width: 0px;
		height: 0px;
		border-width: 6px;
		margin-right: 6px;
		border-style: solid;
		border-color: transparent #000 transparent transparent;
}
.page_box .el-icon-arrow-up::before {
		display: none;
}
.page_box .el-icon-arrow-up {
		width: 0px;
		height: 0px;
		border-width: 4px;
		position: absolute;
		top: 8px;
		right: 6px;
		border-style: solid;
		border-color: transparent transparent #000 transparent;
}

.page_box .el-select .el-input .el-select__caret.is-reverse {
		transform: rotate(360deg);
		top: 4px;
}
.page_box .sanjiao1 {
		width: 0px;
		height: 0px;
		border-width: 6px;
		margin-left: 6px;
		border-style: solid;
		border-color: transparent transparent transparent #000;
}


/* 树 */

.ucTreeBox .el-tree,.ui_tree_select .el-tree{
	background-color: #f2f2f2;
}
.ucTreeBox .el-tree .tree-title{
		width: calc(100% - 70px);
	}
.ucTreeBox .el-tree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,
.ui_tree_select .el-tree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
	background-color: #e6e6e6;
}
.ucTreeBox .input-class{
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #b4b4b4;
	width: 100%;
	height:22px;
	font-size: 12px;
	outline: none;
	vertical-align: middle;
	background: transparent;
}
.ui_tree_select{
	background: #f2f2f2;
	height: 400px;
}
.ui_tree_select .btnBox{
	padding-top: 10px;
	height: 38px;
}
.ui_tree_select .body{
	height: calc(100% - 38px);
}
.ucTreeBox input::placeholder {
	/* color: #606266; */
}

.btn-all-box{
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	border-radius: 4px;
	box-shadow:0px 0px 3px 0px #999999 ;

	text-align:left;
	line-height:1.2;
	font-size:18px;
	font-family:KaiTi;
	display:block;
}
/* .customClass{
		padding:8px;
		width: fit-content;
		top:48% !important;
		color:#fff;
		min-width: revert;
} */
/* 查询 */

.uc-query{
	--form-label-bg:#fff;
}
.uc-query .row {
	display: flex;
}
.uc-query .el-form-item__label{
	color: var(--query-item-color);
}
.uc-query .el-form-item__content{
	display: flex;
}
.uc-query .el-form-item--label-top .el-form-item__label{
	width: 100%;
}
.uc-query .el-form-item{
	margin-bottom: 0;
}

.uc-query .el-form--label-top .el-form-item__label{
	padding:0;
	width: 100%;
}

.ui-drawer .el-drawer__header{
	padding:0;
	margin-bottom:0;
}
.el-dialog__wrapper{
	display: flex;
}
.uc-dialog-model{
	margin: auto !important;
	overflow: hidden;
	display: flex !important;
	flex-direction: column;
}
.uc-dialog-model .el-dialog__header{
	padding:0;
}
.uc-dialog-model .el-dialog__body{
	padding:0;
	height: 100%;
}
.uc-dialog-model .el-dialog__headerbtn{
	top:7px;
}
.uc-dialog-model .el-dialog__headerbtn,
.uc-dialog-model .el-dialog__headerbtn .el-dialog__close{
	color: inherit;
}
/* .uc-query .row .column {
	border-radius: 6px;
	padding: 10px;
} */

/* 选项卡 */

.uc-tabs-item-ative {
	color: var(--active_color);
	background-color: var(--active-bg);
}
.uc-tabs-active-abs{
	position: absolute;;
	border-radius: 3px;
	background-color: blue;
	transition: all .3s ;
}

.el-input.is-disabled .el-input__inner,.el-textarea.is-disabled .el-textarea__inner{
	color: #212121;
}
.uc-tree-title.el-input.is-disabled .el-input__inner{
	background-color: #ffffff;
	cursor:pointer;
}

/* 文件上传 */
.uc-upload-box{
	border-radius: 4px;
	box-sizing: border-box !important;; /* 让边框/内边距计入宽度，避免溢出 */
	border: 1px solid #DCDFE6;
}
.uc-upload-box .el-table .el-table__cell{
	padding: 2px 0;
	background-color: #fff;
	color:#666666;
	--el-table-border-color:#EBEEF5;
}
.uc-upload-box .el-table th.el-table__cell{
	padding: 2px 0;
	background-color: #eeeeee;
	color:#666666;
	--el-table-border-color:#EBEEF5;
}
.uc-upload-box .el-table{
	/* border-color: #999999; */
	width: 100% !important;

}


/* 弹窗 */
.customDialog{
  margin: auto !important;
}
.customDialog .el-dialog__header{
	display: none;
}
.customDialog .el-dialog__body{
	padding:0;
}


.customDialog .customDialogBox{
	width: 100%;
	height:0;
	padding-bottom: 60%;
	position: relative;
}
.customDialog .customDialogInner{
	position: absolute;
	inset: 0;
}
.customDialog .customDialogHeader{
	height: 36px;
	line-height: 36px;
	background-color: var(--dialogTitleBg);
	border-bottom: 1px solid #b4b4b4;
	color:var(--dialogTitleColor);
	padding:0 10px;

}
.customDialog .customDialogHeader .el-icon-close:hover{
	color:red;
}
.customDialog .customDialogBody{
	height: calc(100% - 76px);
}
.customDialog .customDialogFooter{
	--dialogBtnColor: #00aaff;
	height: 40px;
	border-top: 1px solid #e4e7ed;
	color:var(--dialogTitleColor);
	padding:6px 10px;
}
.customDialog .customDialogFooter>div{
	width: fit-content;
	background-color:var(--dialogBtnColor);
	margin: 0 5px;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	font-size: 13px;
	letter-spacing: 2px;
	border-radius: 2px;
}





/* 图片 */
.uc-image{
	border-radius: 4px;
	box-sizing: border-box !important;; /* 让边框/内边距计入宽度，避免溢出 */
	border: 1px solid #DCDFE6;
}
.img-inner-box{
	width: 68px;
	height: 80px;
	background-color: #eee;
}

.img-inner-box:hover .img-inner-del-icon{
	display: block;
}
.img-inner-del-icon{
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	cursor: pointer;
}
.img-inner-del-icon img{
	width: 100%;
	height: 100%;
	/* display: block; */
}


.ui-img-cropper .show-preview{
	 width:calc(100% - 700px);
 }

.ui-img-cropper .show-preview .show-preview-inner{
	 width: 250px;
	 height: 350px;
 }
.cut {
 width: 700px;
 height: 500px;
}

.content {
 margin: auto;
 max-width: 1200px;
 margin-bottom: 100px;
}

.test-button {
 display: flex;
 flex-wrap: wrap;
 align-content: center;
 justify-content: center;
}

.btn {
 display: inline-block;
 line-height: 1;
 white-space: nowrap;
 cursor: pointer;
 background: #fff;
 border: 1px solid #c0ccda;
 color: #1f2d3d;
 text-align: center;
 box-sizing: border-box;
 outline: none;
 margin: 10px 10px 0px 0px;
 padding: 6px 15px;
 font-size: 14px;
 border-radius: 4px;
 color: #fff;
 background-color: #50bfff;
 border-color: #50bfff;
 transition: all .2s ease;
 text-decoration: none;
 user-select: none;
}

.des {
 line-height: 30px;
}

.show-info {
 margin-bottom: 50px;
}

.show-info h2 {
 line-height: 50px;
}


.model {
 position: fixed;
 z-index: 10;
 width: 100vw;
 height: 100vh;
 overflow: auto;
 top: 0;
 left: 0;
 background: rgba(0, 0, 0, 0.8);
}

.model-show {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100vw;
 height: 100vh;
}

.model img {
 display: block;
 margin: auto;
 max-width: 80%;
 user-select: none;
 background-position: 0px 0px, 10px 10px;
 background-size: 20px 20px;
 background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
}


@keyframes slide {
 0% {
	 background-position: 0 0;
 }

 100% {
	 background-position: -100% 0;
 }
}

/* 裁剪 */
.pc-cropper-container {
		display: flex;
		flex-direction: row;
		background: #1a1a1a;
		overflow: hidden;
		min-height: 600px;
}

/* 左侧裁剪工作区 */
.cropper-main {
		flex: 3;
		display: flex;
		flex-direction: column;
		padding: 16px 16px;
		background: #121212;
}

.cropper-title {
		color: #dddddd;
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 16px;
		letter-spacing: 0.5px;
		border-left: 4px solid #3a7bff;
		padding-left: 12px;
}

/* 裁剪区域盒子 */
.cropper-box {
		width: 100%;
		aspect-ratio: 16 / 10;
		
		border-radius: 24px;
		overflow: hidden;
		border: 1px solid #3d3d3d;
		box-shadow: 0 8px 30px rgba(0,0,0,0.7);
		align-self: center;
}

/* vue-cropper 容器占满 */
.cropper-box .vue-cropper {
		width: 100% !important;
		height: 100% !important;
}

/* 底部辅助按钮组 */
.cropper-actions {
		display: flex;
		gap: 12px;
		margin-top: 20px;
		flex-wrap: wrap;
		align-items: center;
}

/* 右侧控制面板 */
.cropper-sidebar {
		flex: 1;
		background: #1e1e1e;
		padding: 28px 20px;
		border-left: 1px solid #2d2d2d;
		display: flex;
		flex-direction: column;
		gap: 32px;
		min-width: 240px;
}

.control-group {
		border-bottom: 1px solid #2d2d2d;
		padding-bottom: 24px;
}
.control-group:last-child { border-bottom: none; }

.group-label {
		color: #b0b0b0;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 0.8px;
		margin-bottom: 16px;
		font-weight: 500;
}

/* 比例胶囊 */
.ratio-chips {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
}
.ratio-chip {
		background: #2c2c2c;
		color: #cccccc;
		border-radius: 40px;
		padding: 8px 16px;
		font-size: 14px;
		cursor: pointer;
		transition: 0.2s;
		border: 1px solid #3f3f3f;
		font-weight: 500;
}
.ratio-chip.active {
		background: #3a7bff;
		color: white;
		border-color: #3a7bff;
		box-shadow: 0 4px 10px #1f4f9e40;
}

/* 按钮组 */
.icon-btn-group {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		margin-top: 8px;
}
.icon-btn {
		background: #00aaff;
		border: 1px solid #3f3f3f;
		color: #e0e0e0;
		width: 40px;
		height: 40px;
		border-radius: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		cursor: pointer;
		transition: 0.2s;
}
.icon-btn:hover { background: #ffffff; color: #000; }
.icon-btn:active { background: #ffffff; }

.file-label {
		background: #2c2c2c;
		border: 1px dashed #5f5f5f;
		color: #ccc;
		border-radius: 40px;
		padding: 8px 18px;
		font-size: 14px;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		gap: 6px;
}
.file-label:hover { background: #3a3a3a; }

/* 颜色选取器 */
.color-row {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-top: 10px;
		flex-wrap: wrap;
}
.color-row input[type="color"] {
		width: 50px;
		height: 38px;
		border: none;
		border-radius: 30px;
		background: transparent;
		cursor: pointer;
}
.color-row .btn {
		background: #2c2c2c;
		border: 1px solid #4a4a4a;
		color: #ccc;
		border-radius: 30px;
		padding: 6px 16px;
		font-size: 13px;
		cursor: pointer;
}
.color-row .btn:hover { background: #3a3a3a; }

/* 格式切换区 */
.format-egg {
		background: #252525;
		border-radius: 40px;
		padding: 8px 12px;
		display: flex;
		gap: 12px;
		margin-top: 12px;
		justify-content: center;
}
.format-egg span {
		color: #aaa;
		padding: 4px 12px;
		border-radius: 30px;
		cursor: pointer;
		font-size: 14px;
}
.format-egg span.active {
		background: #3a7bff;
		color: white;
}


.uc-menu .el-menu-item:focus,.uc-menu .el-menu-item:hover,.uc-menu .el-submenu__title:hover{
	background-color:var(--active-bg) !important;
}

.uc-menu .el-menu-item.is-active{
	color:var(--active_color) !important;
}
.uc-menu .el-menu-item,.uc-menu .el-submenu__title, .uc-menu .el-menu{
	color: inherit !important;
	background-color:var(--var_bg_color) !important;
}
.uc-menu .el-submenu__title i{
	color: inherit !important;
}

.uc-iframe{
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	overflow: hidden !important;
	border: none !important;
}


/* 修复 popover 的默认样式 */
.uc-tree-popover {
  padding: 10px !important;
}

/* 确保树容器不会溢出 */
.uc-tree-popover .tree-container {
  width: 100%;
  overflow-x: auto;
}

/* 修复 popover 箭头位置 */
.uc-tree-popover[x-placement^="bottom"] .popper__arrow {
  margin-left: -8px !important;
}

.uc-number[data-unit]{
  position: relative;
}


/* 生成单位元素 */
.uc-number[data-unit] .el-input__inner {
  padding-right: 35px; /* 腾出空间给单位显示 */
}

.uc-number[data-unit]::after {
  content: attr(data-unit); /* 读取 data-unit 属性的值 */
  position: absolute;
  right: 55px; /* 根据是否有增减按钮调整距离 */
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  color: #909399;
  pointer-events: none;
  font-size: 13px;
}






.uc-tree-select {
	position: relative;
	width: 100%;
}

.uc-tree-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1000;
	margin-top: 4px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #e4e7ed;
	padding: 10px;
	max-height: 320px;
	overflow-y: auto;
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
	transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
	transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
	opacity: 0;
	transform: scaleY(0.5);
}

.node-code {
	margin-left: 8px;
	font-size: 12px;
	color: #909399;
}
.content-area{
	cursor: pointer;
}
@font-face {
	font-family: "京華老宋體";
	/* 改成你字体实际路径 */
	src: url("./fonts/jhlst.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
.down-temp-box1{
	height: 600px;
}
.down-temp-box1 .img1{
	height: 100%;
	width: auto;
}
.down-temp-box1 .zubie{
	position: absolute;
	top: 321px;
	left: 145px;
	font-family: "京華老宋體", serif;
	font-weight: 500;
	font-size: 14px;
	color: #020001;
}
.down-temp-box1 .scholl{
	position: absolute;
	top: 344px;
	left: 145px;
	font-family: "京華老宋體", serif;
	font-weight: 500;
	font-size: 14px;
	color: #020001;
}
.down-temp-box1 .name{
	position: absolute;
	top: 222px;
	right: 320px;
	font-family: "京華老宋體", serif;
	font-weight: 500;
	font-size: 14px;
	color: #020001;
}
.down-temp-box1 .card{
	position: absolute;
	top: 223px;
	left: 210px;
	font-family: "京華老宋體", serif;
	font-weight: 500;
	font-size: 14px;
	color: #020001;
}
.down-temp-box1 .month{
	position: absolute;
	top: 491px;
	left: 290px;
	font-family: "京華老宋體", serif;
	font-weight: 500;
	font-size: 12px;
	color: #020001;
}

.hidden-template-host{
	position: relative;
	width: 0;
	height: 0;
	overflow: visible;
	z-index: -1;
}