@charset "utf-8";
.logo_map{ float:left; margin-top:0px;}
.logo_mapl{ float:left; margin-top:13px;margin-right:10px;padding-left:15px; font-family:微软雅黑; font-weight:bold; color:#3A70A0; font-size:37px;text-shadow:1px 1px 0px #FFF;}

.logo{ width:100%; height:88px;}
.left{ float:left; _display:inline;}
.wapper {width:100%; padding:0px; margin:0px; }
.content{width:1002px; margin: 0 auto;}
/*导航*/
#nav li.curnav{background:#4784BD;}
body{background:url(demobg.gif);}
#nav li{_width:118px;}
#nav li .v a{width:118px; }
#nav li .v a:hover,#nav li .v .sele{ background-color:#4784bd; }
#nav .kind_menu{background-color:#d4e5f0;}
#nav li .v a{height:42px;}
/*输入框*/
.input{font-size:14px;padding:2px;border:solid 0px #ddd; background:no-repeat; width:15px;line-height:18px;display:block; border-radius:3px; -webkit-appearance:none;}
.input:focus,textarea:focus,button:focus,select:focus{outline:none;}
.input:focus{border-color:#0ae;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.sidesbar{POSITION:fixed; /*点击淡出,则固定DISPLAY:none;*/BORDER-BOTTOM: #fbb023 2px solid; BORDER-LEFT: #fbb023 2px solid; MARGIN-TOP: 10px; WIDTH: 295px; BORDER-TOP: #fbb023 2px solid; TOP: 72%; RIGHT: 113px; BORDER-RIGHT: #fbb023 2px solid; border-radius: 5px}
.btn{width:98px;height:28px; background:url(btnbg.png) no-repeat; font-family:"微软雅黑"; font-size:15px;font-weight:bold;color:#fff; cursor:pointer;font-size:9pt;border:0;margin:0;padding:0;}

.account-calendar-box{height:269px;clear:both;position:relative;z-index:10;}
.ActCounterMore{position:absolute;bottom:-13px;left:0;}

body{ width:100%; padding:0; margin:0 auto; font-size:12px; font-family:"微软雅黑"; color:#333;}
div,p,img,ul,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6,float,font,clear{margin:0;padding:0;  font-family:"微软雅黑";}
a:link{text-decoration:none;}
a:hover{text-decoration:none; cursor: pointer;}
.red{ color:#bf313a;}


.bottom{ width:997px; font-family:"微软雅黑"; height:auto; float:left; background-color:#F3F3F3; border-top:1px solid #cdcdcd; text-align:center; margin:0 auto; padding:20px 15px;  margin-bottom:10px;}

.down_le{ width:34%; height:118px; float:left; text-align:left;padding-left:18px;}
.down_ch{ width:12%;  height:148px; float:left; text-align:left; border-left:1px solid #f6f6f6; padding-left:20px; color:#666; font-size:12px; }
.bown_ri{ width:98px; float: left;  margin:0 0 0 17px;padding-right:0px;}
.bown_ri h4{margin:0px 0px 10px 0px;}
.down_ch a{ line-height:25px; color:#666;}
.service{ width:85px;  height: auto; margin-top:28px; float:right; margin-right:11px; text-align:center; padding-top:1px; color:#a0bd23;}

.jiop{ width:970px; height:auto; margin:0 auto; border:1px solid #cdcdcd; padding:15px; margin-top:20px;}
.jiop_a{ width:1000px; height:auto; margin:0 auto; border:1px solid #cdcdcd; margin-top:20px; background-image:url(../images/ch_b_bgcolor.png); position:relative; float:left;}
.jiop_a.pwt_l{ margin-top:0;}

#nav{width:100%; height:42px;line-height:42px; text-align:center; background-color:#17529a;}
#nav ul{ width:1022px;  margin:0 auto; position:relative;}
#nav li{float:left; list-style:none; text-align:center; font-size:15px; padding:0; width:111px; }
#nav li .v a{font-size:15px;line-height:40px;font-family:"微软雅黑"; color:#fff; display:block;text-align:center; float:left; padding:0; width:111px; }

.ghtt{ position:absolute; left:0; top:-5px; z-index:2;}
.ghtr{left:20px;}

.rili{ width:346px; height:320px; float:left; border:1px solid #cdcdcd; background-color:#fff;}
.ri_t{ width:92%; margin:0 auto; margin-top:5px; height:40px; line-height:40px; border-bottom:1px dashed #cccccc; color:#f8703f; font-size:18px; overflow:hidden; cursor: pointer;}

table.lnn td,.lpo td,table.lnna th{ border-bottom:1px dashed #cdcdcd;}
table.lpo{width:88%;  line-height:35px; color:#666; font-size:12px; text-align:center; margin:10px 0 10px 100px; float: left;}
table.lnn th,.lpo th{border-bottom:1px solid #cdcdcd;}

.pplo{ width:100%; height:115px; }
.pplos{ width:100%; height:35px; }
.pplo .photo{ position:absolute;left:15px;top:15px;width:90px; height:90px;z-index:11;}
.po_top{width:85%; float:left; margin-left:15%;color:#fff; font-size:12px;line-height:30px;padding:7px 0;}

.po_dovp{ line-height:30px;float:left;color:#fff; font-size:12px;color:#666;background:#ecf7fb;width:100%;position:absolute;top:75px;z-index:9;}
.po_dovps{ line-height:26px;float:left;color:#fff; font-size:12px;color:#666;background:#ecf7fb;width:100%;position:absolute;top:3px;z-index:9;}
.po_dovp_lt{font-size:15px;font-family:"微软雅黑";margin-left:137px;float:left;width:87px;}
.po_dovp_rt{float:left;width:776px;line-height:30px;}
.po_bt{/* background:url(images/po_bt_bg.jpg) no-repeat; */height:10px;position:relative;}
.po_bt span{position:absolute;bottom:-10px;height:10px;width:100px;left:50%;margin-left:-50px;font:0/0 a;}
.po_bt span.btnzhankai{background:url(zhankai.png) no-repeat;}




/* ========== 弹窗全局变量 ========== */
:root {
  --modal-bg: #fff;
  --modal-radius: 6px;
  --modal-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  --header-bg: url('https://www.example.com/your-image.jpg') no-repeat center/cover;
  --header-text-color: #fff;
  --header-border: #8B0000;
  --font-main: "Microsoft YaHei", sans-serif;
  --transition-fast: 0.5s;
}

/* ========== 遮罩层 ========== */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background var(--transition-fast);
  z-index: 999;
  pointer-events: none;
}

/* ========== 弹窗主体 ========== */
.modal {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: var(--modal-bg);
  border-radius: var(--modal-radius);
  box-shadow: var(--modal-shadow);
  width: 348px;
  min-width: 300px; min-height: 133px;
  max-width: 90%; max-height: 90%;
  display: flex; flex-direction: column;
  overflow: auto;
  resize: both;
  z-index: 1000;
  display: none;
}
.modal::-webkit-resizer { display: none; }
.modal { resize: both; overflow: hidden; }

/* ========== 标题栏 ========== */
.modal-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 4px 8px;
  background: var(--header-bg);
  color: var(--header-text-color);
  font-weight: bold;
  cursor: move; user-select: none;
  border-top-left-radius: var(--modal-radius);
  border-top-right-radius: var(--modal-radius);
  position: relative;
  gap: 10px;
}
.modal-header::after {
  content: "";
  position: absolute; bottom: 0; left: 0;
  width: 100%; height: 1px;
  background-color: var(--header-border);
}
.modal-header input {
  flex: 1;
  padding: 2px 5px;
  margin-top:-2px;
  border: none; outline: none;
  border-radius: 4px;
  background: rgba(255,255,255,0.3);
  font-size: 12px; color: #555;
}

/* ========== 关闭按钮 ========== */
.modal-close {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: transform 0.5s ease, filter 0.5s ease;
}
.modal-close img {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform 0.5s ease, filter 0.5s ease;
  filter: brightness(1);
}
.modal-close:hover img {
  transform: rotate(180deg);
}

/* ========== 内容区 ========== */
.modal-content {
  flex: 1; padding: 8px 18px 5px 12px;
  font-family: var(--font-main);
  font-size: 12px; color: #999;
  overflow: hidden;
}
.modal-content input,
.modal-content textarea {
  font-family: var(--font-main);
  font-size: 13px;
  width: 100%; border: none;
  background: transparent; outline: none;
  resize: none; color: #555;
  margin-bottom: 4px;
}

/* 内容排版 */
.flex-container {
  display: flex; align-items: flex-start; gap: 15px;
}
.modal-img {
  width: 55px; height: 55px;
  margin-left: 4px; margin-top: 10px;
  flex-shrink: 0; border-radius: 4px;
  object-fit: cover;
}
.modal-right-content {
  flex: 1; display: flex; flex-direction: column;
}

/* 金额内容 */
#table2 {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}
#table2 td:first-child {
  width: 99px; 
  text-align: right;
  vertical-align: top;
  padding-right: 10px;
  font-size: 13px;
  color: #555;
}
#table2 td:last-child {
  text-align: left;
  width: auto; /* 右边自适应宽度 */
}
#table2 p {
  margin: 0px 0 0 0; 
}

/*  底部进度 ========== */
.modal-footert {
  padding: 3px 13px;
  text-align: center;
  border-top: 0px solid #ddd;
  background: transparent;
}

/*  底部按钮栏 ========== */
.modal-footer {
  padding: 3px 15px;
  text-align: center;
  border-top: 1px solid #ddd;
  background: #f9f9f9;custom-title-bar2
  font-weight: bold;
  background: linear-gradient(135deg, #6DD5FA, #2980B9);
  transition: all 0.4s ease;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
.modal-footer button:hover {
  background: linear-gradient(135deg, #89f7fe, #66a6ff);
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
}
.modal-footer button:active {
  background: linear-gradient(135deg, #2980B9, #6DD5FA);
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}




/* 系统风格弹窗 */
#popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0);
  pointer-events: none;
  z-index: 999;
  transition: background 0.5s ease;
}

/* 弹窗容器 */
.popup-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  flex-direction: column;
}

/* 弹窗窗口 */
.popup-window {
  width: 355px;
  height: 177px;
  background: #fff;
  border: 1px solid #0078D7;
  border-radius: 3px;
  overflow: hidden;
  resize: both;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  position: fixed;
}
.popup-window::-webkit-resizer {
  display: none;
}

/* 标题栏 */
.popup-title-bar {
  background: linear-gradient(135deg, #005A9C, #0078D7);
  color: #fff;
  padding: 3px 10px 5px 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  user-select: none;
}

/* ✅ 标题栏 */
.popup-title-bar input {
  background: transparent;
  color: #fff;
  border: none;
  outline: none;
  font-size: 12.5px;
  flex: 1;
}

.popup-title-buttons {
  display: flex;
  align-items: center;
}

.popup-title-btn {
  width: 22px;
  height: 17px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 3px;
  margin-left: 9px;
  margin-right: -5px;
  transition: background 0.15s, transform 0.1s;
}

.popup-title-btn:hover { background: rgba(255,255,255,0.2); }
.popup-title-btn.close:hover { background: #e81123; }
.popup-title-btn:active { transform: scale(0.95); }

/* 内容区域 */
.popup-content {
  display: flex;
  flex: 1;
  padding: 9px 3px 0px 15px;
  gap: 13px;
  overflow: hidden;
}

.popup-icon {
  width: 55px;
  height: 55px;
  flex-shrink: 0;
}

.popup-message {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* ✅ 内容区 input、textarea 右间距 */
.popup-message input,
.popup-message textarea {
  color: #333;
  width: calc(100% - 15px);
  border: 0px solid #ccc;
  border-radius: 1px;
  font-size: 13px;
  padding: 0px 1px;
  resize: none;
  outline: none;
}

/* 按钮 */
.popup-container {
  position: relative;
}

.popup-buttons {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 4px;
  text-align: center;
  border-top: 1px solid #ddd;
  background: #f9f9f9;
}

.popup-buttons2 {
  padding: 0px 0px 7px 0px;
  text-align: center;
  border-top: 0px solid #ddd;
  background: transparent;
}

.popup-btn {
  padding: 3px 20px;
  background: #f6f6f6;
  border: 1px solid #b5b5b5;
  color: #333;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.2s;
}

.popup-btn:hover { background: #e6e6e6; }




/* 系统弹窗/副窗口 */
.main-window {
  width: 1642px;
  height: 866px;
  position: absolute;
  display: none;
  flex-direction: column;
  overflow: hidden;
  resize: both;
  min-width: 1388px;
  min-height: 800px;
  box-sizing: border-box;
  box-shadow: 0 4px 27px rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* ✅ 新增两个状态类 */
.main-window.show {
  display: flex;
  opacity: 1;
}

.main-window.hide {
  opacity: 0;
}

/* ✅ 背景清晰 */
.main-content {
  background: url('Windows4.webp') center/cover no-repeat;
  filter: brightness(0.99) contrast(1.33) saturate(1.1);
}

.main-window::-webkit-resizer { display: none; }
.main-window { scrollbar-width: none; }

.main-header {
  background: linear-gradient(135deg, #ed1941, #00BFFF);
  color: white;
  font-weight: bold;
  padding: 0.05em 5px;
  cursor: move;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 16px;
  user-select: none;
}

.main-header .left-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* ✅ 主弹窗栏目按钮 */
.open-window-btn {
  padding: 0px 5px;
  height: 16px;
  line-height: 10px;
  font-size: 11px;
  cursor: pointer;
  background-color: #00000033;
  color: white;
  border: 1px solid #ffffff99;
  border-radius: 3px;
  transition: all 0.2s ease;
}

.open-window-btn:hover {
  background-color: #ff4444;
  border-color: #ff4444;
  border: 1px solid #ffffff77;
  color: #fff;
}

/* ✅ */
.main-header button.close-main {
  height:20px;
  background-color: #ed1941;
  border: 1px solid #C7C7C7;
  color: white;
  font-size: 18px;
  font-weight: bold;
  border-radius: 3px;
  cursor: pointer;
  padding: 0 28px 1px 28px;
  line-height: 0px;
  transition: all 0.2s;
}

.main-header button.close-main:hover {
  background-color: #1874CD;
  border-color: #1874CD;
  border: 1px solid #C3C3C3;
  color: white;
}

.main-content {
  flex: 1;
  background-image: url('Windows4.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}

/* ✅ 幕布层（带渐变动画） */
.overlay {
  position: absolute;
  top: 24px;
  left: 0;
  width: 100%;
  height: calc(100% - 22px);
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(0px);
  display: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.overlay.show {
  display: block;
  opacity: 1;
}

/* 弹窗窗口 */
.custom-windowx {
  width: 277px;
  height: 168px;
  background: #fff;
  border: 1px solid #0078D7;
  border-radius: 3px;
  overflow: hidden;
  resize: both;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 2;
}

.custom-windowx::-webkit-resizer {
  display: none;
}

/* 弹窗窗口 */
.custom-window {
  width: 358px;
  height: 177px;
  background: #fff;
  border: 1px solid #0078D7;
  border-radius: 3px;
  overflow: hidden;
  resize: both;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 2;
}

.custom-window::-webkit-resizer {
  display: none;
}

/* 标题栏 */
.custom-title-bar {
  background: linear-gradient(135deg, #005A9C, #0078D7);
  color: #fff;
  padding: 3px 10px 5px 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  user-select: none;
}

/* ✅ 标题栏 */
.custom-title-bar input {
  background: transparent;
  color: #fff;
  border: none;
  outline: none;
  font-size: 12.5px;
  font-weight: normal;
  flex: 1;
}

.custom-title-btn {
  width: 22px;
  height: 17px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 3px;
  margin-left: 9px;
  margin-right: -5px;
  transition: background 0.15s, transform 0.1s;
}

.custom-title-btn:hover { background: rgba(255,255,255,0.2); }
.custom-title-btn.close:hover { background: #e81123; }
.custom-title-btn:active { transform: scale(0.95); }

.custom-header {
  color: white;
  padding: 3px 10px;
  height: 22px;
  cursor: move;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  line-height: 13px;
  font-size: 12px;
}

.custom-header button {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 3px;
  color: white;
  font-size: 12px;
  cursor: pointer;
  padding: 0px 6px 0px 6px;
  height: 17px;
  line-height: 13px;
  transition: all 0.2s ease;
}

.custom-header button:hover {
  background-color: #ff4444;
  border-color: #ff4444;
  color: #fff;
}

/* ✅ 子弹窗幕布淡入 */
#mainOverlay {
  transition: opacity 0.4s ease;
  opacity: 0;
  display: none;
}

#mainOverlay.show {
  opacity: 1;
  display: block;
}

.custom-window.hide {
  opacity: 0;
  transform: scale(0.98);
  transition: all 0.25s ease;
}




/* 1 弹窗窗口 PIC */
.custom-window1 {
  width: 555px;
  height: 312px;
  background: transparent;
  background-image: url('Windows4.webp');
  background-size: cover;
  background-position: center;
  border: 1px solid #0078D7;
  border-radius: 13px 13px 13px 13px;
  resize: both;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 2;
}

/* 标题栏 */
.custom-title-bar1 {
  background: linear-gradient(135deg, #333333, #0078D7);
  color: #fff;
  border-radius: 13px 13px 0px 0px;
  padding: 2px 9px 2px 9px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  user-select: none;
}

.custom-title-bar1 input {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border: none;
  outline: none;
  font-size: 12.5px;
  font-weight: normal;
  flex: 1;
}

.custom-title-bar1 button {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 17px;
  color: white;
  font-weight: normal;
  cursor: pointer;
  transition: all 0.2s ease;
}

.custom-title-bar1 button:hover {
  background-color: #ff4444;
  border-color: #ff4444;
  color: #fff;
}

/* ✅ 子弹窗 PIC 内容 */
.custom-content1 {
  display: flex;
  flex: 1;
  padding: 0px 0px 0px 0px;
  gap: 0px;
  overflow: hidden;
}



/* 2 弹窗窗口 PIC */
.custom-window2 {
  width: 555px;
  height: 312px;
  background: transparent;
  background-image: url('Windows1.jpg');
  background-size: cover;
  background-position: center;
  border: 1px solid #0078D7;
  border-radius: 1px 1px 1px 1px;
  resize: both;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 2;
}

/* 标题栏 */
.custom-title-bar2 {
  background: transparent;
  color: #fff;
  border-radius: 1px 1px 0px 0px;
  padding: 3px 10px 3px 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  user-select: none;
}

.custom-title-bar2 input {
  background: transparent;
  padding: 0px 0px 0px 77px;
  color: #fff;
  border: none;
  outline: none;
  font-size: 12.5px;
  font-weight: normal;
  flex: 1;
}

.custom-title-bar2 button {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 1px;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}

.custom-title-bar2 button:hover {
  background-color: #ff4444;
  border-color: #ff4444;
  color: #fff;
}

/* ✅ 子弹窗 PIC 内容 */
.custom-content2 {
  display: flex;
  flex: 1;
  padding: 0px 0px 0px 0px;
  gap: 0px;
  overflow: hidden;
}



/* 3 弹窗窗口 PIC */
.custom-window3 {
  width: 555px;
  height: 312px;
  background: transparent;
  background-image: url('Windows4.webp');
  background-size: cover;
  background-position: center;
  border: 1px solid #0078D7;
  border-radius: 1px 1px 1px 1px;
  resize: both;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 2;
}

/* 标题栏 */
.custom-title-bar3 {
  background: linear-gradient(135deg, #333333, #0078D7);
  color: #fff;
  border-radius: 1px 1px 0px 0px;
  padding: 3px 10px 3px 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  user-select: none;
}

.custom-title-bar3 input {
  background: transparent;
  padding: 0px 0px 0px 77px;
  color: #fff;
  border: none;
  outline: none;
  font-size: 12.5px;
  font-weight: normal;
  flex: 1;
}

.custom-title-bar3 button {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 1px;
  font-weight: normal;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}

.custom-title-bar3 button:hover {
  background-color: #ff4444;
  border-color: #ff4444;
  color: #fff;
}

/* ✅ 子弹窗 PIC 内容 */
.custom-content3 {
  display: flex;
  flex: 1;
  padding: 0px 0px 0px 0px;
  gap: 0px;
  overflow: hidden;
}


/* 4 信息 PIC */
.custom-window4 {
  width: 1642px;
  height: 848px;
  background: transparent;
  background-image: url('CodeiT.png');
  background-size: cover;
  background-position: center;
  border: 1px solid #0078D7;
  border-radius: 1px 1px 1px 1px;
  resize: both;
  box-shadow: 0 4px 10px rgba(0,0,0,0);
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 2;
}

/* 标题栏 */
.custom-title-bar4 {
  background: transparent;
  color: #fff;
  border-radius: 1px 1px 0px 0px;
  padding: 3px 10px 3px 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  user-select: none;
}

.custom-title-bar4 input {
  background: transparent;
  padding: 0px 0px 0px 77px;
  color: #fff;
  border: none;
  outline: none;
  font-size: 12.5px;
  font-weight: normal;
  flex: 1;
}

.custom-title-bar4 button {
  background: transparent;
  border: 0px solid rgba(255, 255, 255, 0.6);
  border-radius: 1px;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}

.custom-title-bar4 button:hover {
  background-color: #ff4444;
  border-color: #ff4444;
  color: #fff;
}

/* ✅ 子弹窗 PIC 内容 */
.custom-content4 {
  display: flex;
  flex: 1;
  padding: 0px 0px 0px 0px;
  gap: 0px;
  overflow: hidden;
}


/* 5 成功 PIC */
.custom-window5 {
  width: 1225px;
  height: 668px;
  background: transparent;
  background-image: url('Success.webp');
  background-size: cover;
  background-position: center;
  border: 1px solid #0078D7;
  border-radius: 1px 1px 1px 1px;
  resize: both;
  box-shadow: 0 4px 10px rgba(0,0,0,0);
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 2;
}

/* 标题栏 */
.custom-title-bar5 {
  background: transparent;
  color: #fff;
  border-radius: 1px 1px 0px 0px;
  padding: 3px 10px 3px 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  user-select: none;
}

.custom-title-bar5 input {
  background: transparent;
  padding: 0px 0px 0px 77px;
  color: #fff;
  border: none;
  outline: none;
  font-size: 12.5px;
  font-weight: normal;
  flex: 1;
}

.custom-title-bar5 button {
  background: transparent;
  border: 0px solid rgba(255, 255, 255, 0.6);
  border-radius: 1px;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}

.custom-title-bar5 button:hover {
  background-color: #ff4444;
  border-color: #ff4444;
  color: #fff;
}

/* ✅ 子弹窗 PIC 内容 */
.custom-content5 {
  display: flex;
  flex: 1;
  padding: 0px 0px 0px 0px;
  gap: 0px;
  overflow: hidden;
}