/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */
@charset "utf-8";
#part1{ width:100%; float:left; margin-top:0.5%; padding-bottom:1.5%;}
#part2{ width:100%; float:left; padding-top:1%; padding-bottom:1%;}
#main{ width:100%; float:left;   position:relative;}
#maina{ width:96%; float:left; padding:2%;}

/* 新增卡片样式 - 替换原有的图片和通知栏独立样式 */
/* 外层容器保持原有布局 */
#lmbt {
  width: 98%;
  margin: 0 auto;
  text-align: center;
}

/* 统一卡片容器 - 背景透明，整体下移 70px */
#lmbt .header-card {
  width: 70%;
  max-width: 800px;
  margin: 70px auto 20px auto;  /* 顶部 margin 改为 70px，实现下移 */
  background: transparent;      /* 底色透明 */
  border-radius: 16px;
  /* 移除背景色、阴影和边框，保持透明 */
  box-shadow: none;
  border: none;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* 图片区域 - 背景透明 */
#lmbt .logo-area {
  padding: 20px 20px 10px 20px;
  background: transparent;      /* 原来为 #f8f9fa，改为透明 */
  border-bottom: none;          /* 移除分割线，保持干净透明 */
}

/* 图片响应式 - 无变化 */
#lmbt .card-logo {
  width: 100%;
  max-width: 400px;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: all 0.3s ease;
}

/* 文字区域 - 背景透明 */
#lmbt .info-area {
  padding: 20px 25px 25px 25px;
  text-align: center;
  background: transparent;
}

/* 标题样式 - 保留颜色 */
#lmbt .info-area .title {
  font-size: 18px;
  font-weight: bold;
  color: #0066CC;
  margin-bottom: 12px;
  letter-spacing: 1px;
}

/* 描述文字样式 - 保留可读性（深灰色） */
#lmbt .info-area .text {
  font-size: 14px;
  color: #ffffff;
  line-height: 1.6;
}

/* 官网链接高亮 */
#lmbt .official-link {
  font-weight: bold;
  color: #ff6600;
  text-decoration: underline;
  cursor: pointer;
  margin: 0 4px;
}

#lmbt .official-link:hover {
  color: #e65c00;
}

/* 移动端适配 - 保持下移 70px 效果 */
@media only screen and (max-width: 800px) {
  #lmbt .header-card {
    width: 90%;
    margin: 70px auto 15px auto;  /* 顶部仍为 70px */
  }
  
  #lmbt .logo-area {
    padding: 15px;
  }
  
  #lmbt .info-area {
    padding: 15px 20px;
  }
  
  #lmbt .info-area .title {
    font-size: 16px;
  }
  
  #lmbt .info-area .text {
    font-size: 13px;
  }
}

/* 小屏幕手机 */
@media only screen and (max-width: 480px) {
  #lmbt .header-card {
    width: 95%;
  }
  
  #lmbt .card-logo {
    max-width: 90%;
  }
}

/* 移除旧样式冲突（保留以防原有样式干扰） */
#lmbt .bt,
#lmbt .bt.notice-bar {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}




#zctp{
	width:50%; height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat: no-repeat;
	background-position: center center;background-size:auto 80%;transition:all 0.4s ease-in-out 0s;
}
#user{ width:40%; margin:0 auto; text-align:center}
#user.xgxx{ width:80%; padding:5% 10%; float:left;background-color:rgba(10,24,51,0.9);border-radius:8px; border:#2882FD solid 1px;}
#user.kcb{ width:100%; padding:0px; float:left;background-color:#FFF;border-radius:0px; border:0px;}
#user p{ margin:1% 0px;width:100%;  float:left;   text-align:left;  position:relative;
		z-index: 2;}
#user h4{ text-align:center; margin:2% 0px;width:100%;float:left; margin-bottom:5%; color:#2882FD;  font-weight:normal;}	
#user p em{
	position:absolute;
	right:3%;
	top:12px;
	width:80px;
	height:26px;
	background-color:#1E62A7;
	line-height:26px; font-size:14px;
	color:#fff;
	border-radius:4px;
	font-style: normal; color:#fff; text-align:center; cursor:pointer;
}
#user p em:hover{ background-color:#0066CC;}
#user p .checkimg{ position:absolute; right:8%; top:30%;}
#user p span{ clear:#fff; font-weight:bold;}
#user p a{ color:rgba(255,255,255,0.8); }
#user p a:hover{ color:#FFFFFF}
#user input,#user textarea{
	float:left;
	outline:none;
	border:0px;
	font-size:16px;
	padding-left:30px; padding-right:10px;
	width:100%;
	border-radius:2px;
	box-sizing:content-box;
	box-sizing:border-box;
	background-repeat: no-repeat;
	background-position: 5px center;
}
#user select{ float:left; outline:none;color:#666; padding:0px 5%; border:#EFEFF0 solid 1px;font-size:14px;background-color:#F8FDFF; height:40px; line-height:1.5;   width:100%;border-radius:4px; height:42px;  }
#user .select:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-top-color: #333;
		top: 16px;
		right: 10px;
		cursor: pointer;
		z-index: -2;
	}
#user .select select {
		cursor: pointer;
		padding: 10px;
		width: 100%;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
#user .bg1{
	background-image: url(../images/yh.png);
}
#user  .bg2{
	background-image: url(../images/mm.png);
}
#user  .bg3{
	background-image: url(../images/yzm.png);
}
#user .input1{ height:40px; color:#333;background-color:#F8FCFE; border:#777 solid 1px; }
#user .input1:hover{ color:#14A9ED; background-color:#fff; border:#14A9ED solid 1px; box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2);}
#user .input1::-webkit-input-placeholder{ color:rgba(0,0,0,0.3);}
#user .input2{  line-height:20px; color:#666; background-color:#fff; height:80px;}
#user .input2::-webkit-input-placeholder{ color:rgba(255,255,255,0.6);}
#user .input4{ height:50px; color:#666; background-color:rgba(255,255,255,0.8); width:40%; }
#user .input5{ height:20px; color:#666; background-color:rgba(255,255,255,0.8); width:20px; margin-right:12px; }
#user .button4{  height:40px;  width:29%;
	color:#fff;
	text-align:center;
	cursor:pointer; float:none;
	font-size:16px;
	transition:all 0.3s ease-in-out 0s;
	background-color:#14A9ED; margin:5% 2%; padding:0px;

}
#user .button4:hover{ background-color:#ff6600; }
#user .button2{  height:40px;  width:100%;
	color:#fff;
	text-align:center;
	cursor:pointer;
	font-size:16px;
	transition:all 0.3s ease-in-out 0s;
	background-color:#14A9ED;box-shadow:0px 1px 6px #777;-webkit-box-shadow:0px 1px 6px #777;-moz-box-shadow:0px 1px 6px #777; 

}
#user .button2:hover{ background-color:#ff6600; }
#tzgg{ width:70%; float:left; color:#fff; margin-left:15%;box-shadow:0px 1px 6px #777;-webkit-box-shadow:0px 1px 6px #777;-moz-box-shadow:0px 1px 6px #777; 	box-sizing:content-box;
	box-sizing:border-box; border:#14A9ED solid 1px; padding:15px; position:relative; margin-top:40px;border-radius:4px;  }
#tzgg .bt{ position:absolute; left:50%; margin-left:-40px; width:80px; line-height:40px;text-align:center; font-weight:bold; background-color:#14A9ED; font-size:16px; color:#fff;border-radius:40px; top:-20px;}
#tzgg .nrc{ width:100%; float:left; max-height:350px; overflow-y:auto; margin-top:15px;}	
#tzgg .nrc::-webkit-scrollbar {
    width: 8px;
    height: 4px;
    background-color: #F5F5F5
}
#tzgg .nrc::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

#tzgg .nrc::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}
#tzgg p{line-height:1.8; color:#ffffff; }
#qylm{ width:100%; float:left; margin-top:0.6%; margin-bottom:0.6%;	border-radius:8px;
	box-sizing:content-box;
	box-sizing:border-box; padding:0px  15px; border:#41719C solid 2px; background-color:rgba(244,244,244,0.2); padding-bottom:1.5%;}
#qylm dd{ color:#fff; text-align:center; width:100%;  float:left; margin-top:1.5%;}
#qylb{ width:100%; float:left; margin-top:1.5%;}
#qylb ul{list-style-type:none;}
#qylb ul li{float:left;   cursor:pointer;}
#qylb ul li a{ display:block; padding-left:15px; padding-right:15px; font-size:15px; background-color:#14A9ED; TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden;  text-align:center; box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.4); font-weight:bold; line-height:2.5; color:#fff;}
#qylb ul li a:hover{ background-color:#FF6600;}


/* xiugai */

#zsxx{ 
  width:80%; 
  float:left; 
  margin-left:10%;
  box-shadow:0px 1px 6px #777;
  -webkit-box-shadow:0px 1px 6px #777;
  -moz-box-shadow:0px 1px 6px #777;
  box-sizing:border-box; 
  border:#f1f1f1 solid 1px; 
  padding:0; 
  background-color:transparent; 
  transition:all 0.3s ease-in-out 0s;
  margin-bottom:20px;
}

#zsxx:hover{
  box-shadow:0px 1px 12px #555;
  -webkit-box-shadow:0px 1px 12px #555;
  -moz-box-shadow:0px 1px 12px #555;  
}

/* ========== 证书模块核心样式 ========== */
.cert-box {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; /* 保持图片比例，不变形 */
  aspect-ratio: 1357 / 960; /* 强制和证书模板保持相同宽高比，防止变形 */
}

/* 叠加文字的通用样式 */
.cert-item {
  position: absolute;
  font-family: 宋体;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
}
.cert-item b {
  font-weight: bold;
}

/* ========== 按你截图位置精准定位文字 ========== */
.cert-item.name    { top: 38%; left: 8%; }   /* 证书名称 */
.cert-item.code    { top: 38%; right: 8%; } /* 证书编号 */
.cert-item.phone   { top: 52%; left: 8%; } /* 电话号码 */
.cert-item.factory { top: 52%; right: 8%; } /* 厂家名称 */
.cert-item.start   { top: 67%; left: 8%; } /* 颁发日期 */
.cert-item.end     { top: 67%; right: 8%; } /* 到期日期 */

/* ========== 保留你原来的其他样式 ========== */
#zsxx .lmbt{background-color:#0CA4EB; color:#fff; font-size:16px; text-indent:5px; font-weight:bold;}
#zsxx #nr{ padding:5px; line-height:1.8}


/* xiuygai） */

#nr{ width:100%; float:left; line-height:1.8;}
#nr  img{ max-width:100%}
.sj_xs{ display:none}
@media only screen and (max-width: 1250px){#part1{ width:97%; padding:0px 1.5%;}#part2{ width:97%; padding:1.5% 1.5%;}#zsxx .lmbt,#zsxx table td{ font-size:14px;}}
@media only screen and (max-width: 1000px){#lmbt .bt dd h5{ font-size:18px;}#lmbt .bt dd p{ font-size:14px;}#user .button2,#user .input1,#user .input4,#user .button4{ height:35px;}#user p em{ top:7px;height:20px; line-height:20px; font-size:12px;}#user h4{ font-weight:bold;}#lmbt .bt dd h5 img{ max-width:80%;}#zzcd .xgmm{ width:80%; margin-left:10%; }#user{ width:60%; margin-left:20%;}#tzgg .bt{ font-size:14px;}#zsxx .lmbt,#zsxx table td{ font-size:13px;}#zsxx{ width:90%; float:left; margin-left:5%;}}
@media only screen and (max-width: 800px){#lmbt .bt dd h5{ font-size:16px;}#lmbt .bt dd p{ font-size:13px;}#user .button2,#user .input1,#user .input4,#user .button4{ height:30px;}#user .button2,#user .button4{ font-size:13px; font-weight:bold;}#user p em{ top:5px;}#lmbt{ margin-top:6%;}#user .input1{ font-size:13px;}#tzgg .bt{ font-size:13px; line-height:30px; top:-15px;}#tzgg{ width:90%; float:left; margin-left:5%;}.web_xs{ display:none;}.sj_xs{ display:block}#zsxx{ width:100%; margin-left:0px;}}
@media only screen and (max-width: 450px){#lmbt{ margin-top:5%;}#qylb ul li a{ font-size:12px;}#user{ width:80%; margin-left:10%;}}


/* 仅文字叠加样式，不破坏你的边框、背景、原有样式 */
#zsxx #nr {
  position: relative;
}
.cert-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
.cert-item {
  position: absolute;
  font-family: 宋体;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
}
.cert-item b {
  font-weight: bold;
}

/* 文字位置（微调这里即可） */
.cert-item.name    { top: 38%; left: 8%; }
.cert-item.code    { top: 38%; right: 8%; text-align: right; }
.cert-item.phone   { top: 52%; left: 8%; }
.cert-item.factory { top: 52%; right: 8%; text-align: right; }
.cert-item.start   { top: 67%; left: 8%; }
.cert-item.end     { top: 67%; right: 8%; text-align: right; }

/* ========== 修复方案：开始 ========== */

/* 证书文字叠加：强制左右统一靠左对齐（不靠右） */
#zsxx #nr {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
}
.cert-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.cert-item {
  position: absolute;
  font-family: 宋体;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
  font-weight: bold;
}

/* ========== 重点：所有右侧元素统一 left，不使用 right ========== */
.cert-item.name    { top: 50%; left: 15%; }
.cert-item.code    { top: 50%; left: 55%; text-align: left; } /* 改为左对齐 */

.cert-item.phone   { top: 60%; left: 15%; }
.cert-item.factory { top: 60%; left: 55%; text-align: left; } /* 改为左对齐 */

.cert-item.start   { top: 70%; left: 15%; }
.cert-item.end     { top: 70%; left: 55%; text-align: left; } /* 改为左对齐 */


/* 5. 确保证书图片完全铺满卡片（没有留白） */
#zsxx table td img {
  display: block; /* 移除图片底部空隙 */
  width: 100%;   /* 强制图片宽度100% */
  height: auto;  /* 保持比例 */
  margin: 0 auto; /* 居中 */
}

/* 6. 恢复卡片原有阴影和边框，确保样式不丢失 */
#zsxx {
  background: #fff; /* 确保卡片背景白色 */
  padding: 10px;    /* 保持卡片内边距 */
}

/* ========== 修复方案：结束 ========== */

/* 后面的文字：取消加粗 + 加下划线 */
.text-underline {
  font-weight: normal !important; /* 强制取消加粗，覆盖外层的bold */
  text-decoration: underline;    /* 添加下划线 */
}