@charset "utf-8";

/*  ===== 全局应用 =====*/
* {
	margin: 0px;
	padding: 0px;
	position: relative; /* 默认定位为相对定位 */
	border: none; /* 移除默认的边框 */
	text-decoration: none; /* 移除链接的下划线 */
	list-style-type: none; /* 移除列表项的默认符号 */
	box-sizing: border-box; /* 确保内边距和边框不会增加元素的实际宽度 */
}
::selection {
	background: #F63;
	color: #FFF;
}
table, th, td {
	border-collapse: collapse; /* 使边框合并为单一的边框 */
}
ul {
	display: flex;
}
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	text-align: left; /* 预留文字对齐 */
	font-size: 1rem; /* 字体大小 */
}
a {
	cursor: pointer;
}
a:link {
	color: #0086DB;
}
a:visited {
	color: #0086DB;
}
a:hover {
	color: #D52934;
}
a:active {
	color: #00426C;
}
p{
	font-size: 16px;
}
p img {
	margin-bottom: -0.2em;
}
form {
	display: inline-block;
}
input[type="text"] ,
input[type="number"] ,
input[type="password"] ,
input[type="datetime-local"] ,
select ,
textarea ,
button ,
label.label-none ,
.button {
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.50);
}
input[type="text"]:hover ,
input[type="number"]:hover ,
input[type="password"]:hover ,
input[type="datetime-local"]:hover ,
select:hover ,
textarea:hover ,
button:hover ,
label.label-none:hover ,
.button:hover {
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.70);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.70);
}
input[readonly] {
	background-color: rgba(0,0,0,0.1);
}

/*  ===== 类样式：通用 =====*/
.ts03 { /* 过渡动画0.3s */
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tooltip { /* 悬浮提示信息 addEventListener用 */
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: 5px 10px 7px 10px;
	border-radius: 0.2em;
	font-size: 100%;
	z-index: 1000;
	display: none; /* 默认隐藏 */
}
.hidden { /* 隐藏元素 */
	display: none;
}
.dib { /* 不换行 */
	display: inline-block;
}
.highlight {
    background-color: #ffcc0080; /* 半透明的黄色背景 */
    padding: 0 5px;             /* 左右内边距5px，上下为0 */
    border-radius: 5px;         /* 圆角边框 */
}
.highlight:hover {
    background-color: #ffcc00ff; /* 半透明的黄色背景 */
}

/*  ===== 类样式：链接按钮动效 =====*/
button ,
.button { /* 标准按钮 */
	background-color: #FFCE00;
	cursor: pointer;
	border-radius: 3px;
	display: inline-block;
	line-height: 1.2em;
	color: #000;
	/* 禁止扫黑 */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* 标准语法 */
}
button:hover ,
.button:hover {
	color: #D52934;
	background-color: #FFFFFF;
}
.pointer { /* 灰字无背景 */
	color: #AAA;
	cursor: pointer;
}
.pointer:hover {
	color: #D52934;
}
input[type="radio"] ,
input[type="checkbox"] { /* 隐藏默认的单选按钮 */
	margin-bottom: -0.2em;
	display: none;
}
input[type="radio"] + label ,
input[type="checkbox"] + label { /* 设置 label 的初始样式 */
	display: inline-block;
	margin-top: -0.2em;
	padding: 0.1em 0.1em;
	font-size: 14px;
	line-height: 1.2em;
	color: #AAA;
	cursor: pointer; /* 改变鼠标指针形状以指示可点击 */
	border-radius: 3px;
	/* 禁止扫黑 */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* 标准语法 */
}
input[type="radio"]:checked + label ,
input[type="checkbox"]:checked + label { /* 当单选按钮被选中时的样式 */
	color: #000;
	background-color: #FFCE00;
}
label.label-none { /* 设置 label 的初始样式 */
	padding-bottom: -0.5em;
	display: inline-block;
	color: #AAA;
	cursor: pointer; /* 改变鼠标指针形状以指示可点击 */
	border-radius: 3px;
}
label.label-none:hover {
	color: #D52934;
}
input[type="radio"]:checked + label.label-none ,
input[type="checkbox"]:checked + label.label-none { /* 当单选按钮被选中时的样式 */
	color: #000;
	background-color: #FFCE00;
}
.reset { /* 重置按钮 */
	height: 16px;
	width: 16px;
	border-radius: 50%;
	margin: auto 8px auto -29px;
	background-color: rgba(0,0,0,0.03);
	color: rgba(0,0,0,0.15);
	font-size: 70%;
	line-height: 16px;
	text-align: center;
	cursor: pointer;
    display: inline-block;
	/* 禁止扫黑 */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* 标准语法 */
}
.reset:hover {
	background-color: rgba(0,0,0,0.15);
	color: rgba(255,0,0,0.7);
}
.dropdown {
	position: absolute;
	width: auto;
	height: 0px;
	bottom: -5px;
	right: 0px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.50);
	z-index: 1;
}
.dropdown ul {
	display: flex;
	flex-direction: column;
}
.dropdown ul li {
	width: 100%;
	cursor: pointer;
	background-color: rgba(255,255,255,1.00);
	padding: 0px 10px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.50);
}
.dropdown ul li:hover {
	background-color: rgba(255,255,203,1.00);
}

/*  ===== 类样式：尺寸外形 =====*/
.box18r { /* 26px圆角尺寸 */
	height: 18px;
	padding: 0px 4px;
	margin: 4px 4px;
	font-size: 1rem;
	line-height: 18px;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.50);
	border-radius: 4px;
	white-space: nowrap;
}
.txt18r {
	height: 18px;
	padding: 0px 0px;
	margin: 4px 0px;
	font-size: 1rem;
	line-height: 18px;
	border-radius: 4px;
	white-space: nowrap;
}
.box26r { /* 26px圆角尺寸 */
	height: 26px;
	padding: 0px 5px;
	margin: 4px 5px;
	font-size: 1rem;
	line-height: 26px;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.50);
	border-radius: 6px;
	white-space: nowrap;
}
.txt26r {
	height: 26px;
	padding: 0px 0px;
	margin: 4px 0px;
	font-size: 1rem;
	line-height: 26px;
	border-radius: 6px;
	white-space: nowrap;
}
.box32r { /* 32px圆角尺寸 */
	height: 32px;
	padding: 0px 8px;
	margin: 4px 5px;
	font-size: 1rem;
	line-height: 32px;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.50);
	border-radius: 6px;
	white-space: nowrap;
}
.txt32r {
	height: 32px;
	padding: 0px 0px;
	margin: 4px 0px;
	font-size: 1rem;
	line-height: 32px;
	border-radius: 6px;
	white-space: nowrap;
}

/*  ===== 全局布局栏目 =====*/
body {
	height: 100%;
	width: 100%;
}
.floatingDiv {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	min-width: 300px;
	min-height: 64px;
	line-height: 35px;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	/* display: none; 初始状态下隐藏 */
	z-index: 999; /* 确保悬浮在其他内容之上 */
	font-size: 22px;
	text-align: center;
	padding: 15px;
}
.floatingDivOff {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 1px;
	width: 20px;
	height: 20px;
	font-size: 18px;
	line-height: 18px;
	z-index: 999;
}
.floatingDivContent {
	margin: 0px 0px;
	padding: 0px 0px;
}

/*  ===== 显示dwg =====*/

.showdwg {
	/* height: calc(100% - 10px);
	min-height: 300px;
	max-height: calc(70vw - 21px);
	aspect-ratio: 1000/700; */
	max-width: 100%;
	aspect-ratio: 1000/700;
	position: relative;
	background-color: #FFF;
	background-position: center center;
	background-clip: padding-box;
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.30);
	text-shadow: 0 0 3px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
}
.showvalue {
	position: absolute;
	width: 0px;
	height: 0px;
	padding: 0 0 0px 0;
	font-size: 100%;
	display: flex;
}
.LC {
	margin: 0 0px 0 0px;
	justify-content: flex-start;
	align-items: flex-end;
	transform-origin: center left;
}
.CC {
	margin: 0 0px 0 0px;
	justify-content: center;
	align-items: flex-end;
	transform-origin: center center;
}
.RC {
	margin: 0 0px 0 0px;
	justify-content: flex-end;
	align-items: flex-end;
	transform-origin: center right;
}
.showdwg .value {
	line-height: 1.25em;
	white-space: nowrap;
	display: flex;
	align-items: flex-end;
	z-index: 3;
}
.showdwg .valuePro {
	line-height: 1.25em;
	white-space: nowrap;
	display: flex;
	align-items: flex-end;
	z-index: 3;
}
.showdwg .valueMachining {
	line-height: 1.25em;
	white-space: nowrap;
	display: flex;
	align-items: flex-end;
	z-index: 3;
}
.showdwg .tolerance {
	width: 0px;
	height: 0px;
	line-height: 1.25em;
	white-space: nowrap;
	text-align: left;
	display: flex;
	align-items: flex-end;
	z-index: 3;
}
.showdwg-svg {
	width: 100%; /* 让SVG图像宽度占满其容器 */
	height: 100%; /* 让SVG图像高度也占满其容器 */
}
.showdwg-svg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/watermark30.png);
	background-position: center center;
	background-clip: padding-box;
	background-size: 100% 100%;
	pointer-events: none; /* 确保鼠标事件穿透到SVG */
	opacity: 1; /* 可选：根据需要调整透明度 */
	z-index: 9; /* 确保此层在内容之下 */
}
/* 设置SVG图像的样式 */
.responsive-svg {
	width: 100%; /* 让SVG图像宽度占满其容器 */
	height: 100%; /* 让SVG图像高度也占满其容器 */
}

/*  ===== 下拉菜单 =====*/
.dropdown-content {
	position: absolute;
	width: calc(100% - 10px);
	height: 0px;
	bottom: -2px;
	left: 5px;
	z-index: 1;
}
.dropdown-content ul {
	width: 100%;
	display: flex;
	flex-direction: column;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.50);
}
.dropdown-content ul li {
	width: 100%;
	background-color: rgba(255,255,255,1.00);
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.50);
	padding: 0px 10px;
	cursor: pointer;
	/* 禁止扫黑 */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* 标准语法 */
}
.dropdown-content ul li:hover {
	background-color: rgba(255,255,203,1.00);
}

/* 移动端样式 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1800px),
       only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1800px),
       only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1800px),
       only screen and (min-device-pixel-ratio: 2) and (max-width: 1800px),
       only screen and (min-resolution: 192dpi) and (max-width: 1800px),
       only screen and (min-resolution: 2dppx) and (max-width: 1800px) {
	

    #body {
        /*transform: scale(2); /* 放大*倍 1.5625 2 */
        /*transform-origin: top left; /* 从左上角开始缩放 */
		zoom: 2; /* 放大*倍 2 */
		height: 50%; 
		width: 50%; 
		/* 放大 1.5625 
		zoom: 1.5625;
		height: 64%;
		width: 64%; */
    }
	.box18r {
		height: 27px;
		line-height: 19px;
		padding: 4px 4px;
		border-radius: 6px;
	}
	.txt18r {
		height: 27px;
		line-height: 19px;
		padding: 4px 0px;
		border-radius: 6px;
	}
	.box26r {
		height: 39px;
		line-height: 29px;
		padding: 5px 5px;
		border-radius: 9px;
	}
	.txt26r {
		height: 39px;
		line-height: 29px;
		padding: 5px 0px;
		border-radius: 9px;
	}
	.box32r {
		height: 48px;
		line-height: 38px;
		padding: 5px 5px;
		border-radius: 9px;
	}
	.txt32r {
		height: 48px;
		line-height: 38px;
		padding: 5px 0px;
		border-radius: 9px;
	}
}

/* 当屏幕宽度小于等于900px时应用 */
@media only screen and (max-width: 900px) {
	.box18r {
		height: 27px;
		line-height: 19px;
		padding: 4px 4px;
		border-radius: 6px;
	}
	.txt18r {
		height: 27px;
		line-height: 19px;
		padding: 4px 0px;
		border-radius: 6px;
	}
	.box26r {
		height: 39px;
		line-height: 29px;
		padding: 5px 5px;
		border-radius: 9px;
	}
	.txt26r {
		height: 39px;
		line-height: 29px;
		padding: 5px 0px;
		border-radius: 9px;
	}
	.box32r {
		height: 48px;
		line-height: 38px;
		padding: 5px 5px;
		border-radius: 9px;
	}
	.txt32r {
		height: 48px;
		line-height: 38px;
		padding: 5px 0px;
		border-radius: 9px;
	}
}

/* 当浏览器窗口高度大于等于700px时应用的样式 */
@media only screen and (min-height: 700px) {
}

/* 当视窗的宽高比不超过1:1时 
@media (max-aspect-ratio: 1/1) {
	#TabMain {
		height: calc(100% - 180px);
	}
}*/