@charset "utf-8";
/* CSS Document */
html { }
body { }

/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: Microsoft YaHei; }
table { border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px; }
fieldset, img { border: 0; }
ul, ol, em { list-style: none outside none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a { text-decoration: none; color: #000; }

/* Q_Main */

.Q_Main { position: relative; margin-left: auto; margin-right: auto; min-width: 320px; max-width: 640px; overflow: hidden; }

/* N_Main */
#N_Main { margin: 0 auto; overflow: hidden; text-align: left; }

/* logo */
.logo { width: 100%; margin: 0 auto; overflow: hidden; text-align: center; }
.logo img { width: 100%; }

/* nav */
.nav { width: 100%; overflow: hidden; text-align: center; }
.nav ul { width: 100%; margin: 0 auto; overflow: hidden; }
.nav li { width: 24%; margin: 0 0 0 0; overflow: hidden; float: left; padding: 5% 0 5% 1%; font-size: 1.2em }

/*Sy_advs */
.Sy_advs { width: 100%; margin: 0 auto;  min-width: 320px; max-width: 640px; overflow: hidden; }
.Sy_advs img { width: 100%; }

/*Sy_line */
.Sy_line { width: 100%; min-height: 58px; overflow: hidden }

/* TDhs_dvs */

.TDhs_dvs { width: 100%; margin: 0 auto; overflow: hidden; text-align: left; margin: 3% 0% 3% 0%; }
.TDhs_dvs ul { width: 100%; overflow: hidden; }
.TDhs_dvs li { float: left; display: inline; width:23%; overflow: hidden; margin: 1% 0% 0% 1%; }
.TDhs_dvs li .pps { width: 100%; text-align: center; overflow: hidden; }
.TDhs_dvs li .pps img { height: 40px; text-align: center; overflow: hidden; }
.TDhs_dvs li .tts { height: 100%; text-align: center; color: #808080; padding-top: 2px; overflow: hidden; }

/*sy_banner*/

.sy_banner { width: 100%; margin: 0px 30px 0px 0px; padding: 0; overflow: hidden; }
.sy_banner img { display: block; width: 100%; }
.sy_banner.content { padding: 0px 0.833em; background: #e7e7e7; padding-top: 1em; }

.sy_banner .focus { width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 200px; }
.sy_banner .focus .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; text-align: center; }
.sy_banner .focus .hd ul { margin-left: 40%; overflow: hidden; text-align: center; }
.sy_banner .focus .hd ul li { margin: 2% 2% 2% 2%; float: left; width: 10px; height: 10px; line-height: 10px; border-radius: 10px; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 0; overflow: hidden; background-color: rgba(255,255,255,0.5); }
.sy_banner .focus .hd ul .on { background-color: rgba(161,8,0,1); }
.sy_banner .focus .bd { position: relative; z-index: 0; }
.sy_banner .focus .bd li img { width: 100%; }
.sy_banner .focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

/* Ny_life */

.Ny_life { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; margin-top: 2%; }
.Ny_life ul { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; }
.Ny_life li { width: 90%; margin: 2% 3% 2% 5%; overflow: hidden; text-align: left; cursor: pointer; border-bottom: 1px #ececec solid; height: 35px; line-height: 35px; color: #ececec; }
.Ny_life li a { color: #ececec; }
.Ny_life li a:hover { color: #ececec; }

.Ny_life .Sj_Tips { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; margin: 2% 0% 2% 0%; text-align: center; }
.Ny_life .Sj_Tips img { width: 50%; }

/* Wap_Ny_M */

.Wap_Ny_M { margin: 0 auto; text-align: left; }

.Wap_Ny_M .dh_ct { margin: 0 auto; text-align: left; background-size: 1em auto; padding: 2%; overflow: hidden; }
.Wap_Ny_M .dh_ct a { color: #000; }

.Wap_Ny_M .zj_ct { margin: 0 auto; text-align: left; }

/* wap_Nrdv ==============================*/

.wap_Nrdv { width: 100%; margin: 0 auto; overflow: hidden; text-align: left; }
.wap_Nrdv .dh_ct { margin: 0 auto; text-align: left; color: #FFF; font-size: 15px; line-height: 250%; background-color: rgba(161,8,0,1); text-indent: 1em; }
.wap_Nrdv .dh_ct A { color: #FFF; font-weight: 300; font-size: 15px; }
.wap_Nrdv .dh_ct A:hover { color: #FFF; font-size: 15px; }
.wap_Nrdv .zj_ct { width: 100%; margin: 0 auto; text-align: left; color: #000; }

/* Sy_Tit */

.Sy_Tit { margin: 0 auto; padding: 0; overflow: hidden; text-align: center; }
.Sy_Tit .tlk { margin-top: 5px; width: 100%; text-align: center; height: 15px; background-color: #e5eaef; }
.Sy_Tit .yw { margin-top: 10px; text-align: center; font-size: 0.8em; font-family: Arial; word-spacing: inherit; letter-spacing: 3px }
.Sy_Tit .wz { width: 90%; text-align: left; font-size: 1.2em; text-align: center; letter-spacing: 5px; margin: 0px 0px 0px 20px; }


/* Wap_Uline */

.Wap_Uline { margin: 0 auto; text-align: left; height: 120px; }

/* Mbtit_dvs */

.Mbtit_dvs { width: 100%; text-align: left; overflow: hidden; background-color: #eeeeee;  }
.Mbtit_dvs span:nth-of-type(1) { float: left; font-size: 1.2em; font-weight: 600; margin: 4% 0 4% 0%; color: #000;text-indent:15px; }
.Mbtit_dvs span:nth-of-type(2) { float: right; font-size: 0.8em; margin: 15px 10px 2% 0; font-weight: 600; color: #808080; }
.Mbtit_dvs span:nth-of-type(2) a { color: #969696 }


/*QR_List_page*/

.QR_List_page { width: 100%; padding: 0 auto; margin-bottom: 80px; margin: 30px 20px 10px 20px; color: #FFF;clear:both;overflow:hidden;}

.QR_List_page .pageInfo { margin: 0px 5px; color: #713A26; }
.QR_List_page .pageNum { padding-right: 3px; padding-left: 3px; padding-bottom: 0px; padding-top: 0px; }

.QR_List_page .pageBtn { background: #000; color: #fff; text-decoration: none; display: block; padding: 0% 2% 0% 2%; float: left; display: inline; margin: 0% 1% 0% 1%; font-size: 1.4em; }
.QR_List_page .currBtn { background: #000; color: #fff; text-decoration: none; display: block; padding: 0% 2% 0% 2%; float: left; display: inline; margin: 0% 1% 0% 1%; font-size: 1.4em; }

.QR_List_page .firstBtn { background: #000; color: #fff; display: block; padding: 1% 1% 1% 1%; float: left; display: inline; margin: 1% 2% 1% 2%; display: none; font-size: 1.4em; }
.QR_List_page .lastBtn { background: #000; color: #fff; text-decoration: none; display: block; padding: 1% 2% 1% 2%; float: left; display: inline; margin: 1% 1% 1% 1%; display: none; font-size: 1.4em; }

/*page_list*/

.page_list { width: 100%; margin: 5px 0px; overflow: hidden; }
.page_list img { border: 1px #a10000 solid; }

.page_list .pys { width: 90%; margin: 0 5%; overflow: hidden; text-align: center; padding: 0; }
.page_list .pys A { width: 28px; height: 28px; line-height: 28px; font-size: 12px; display: inline-block; border: #808080 1px solid; color: #713A26; text-align: center; overflow: hidden; margin: 2px 2px 2px 2px; border-radius: 5px; }
.page_list .pys A:hover { background: #c00; color: #fff; text-decoration: none; font-size: 12px; }
.page_list .pys A.currBtn:hover { background: #fff; color: #713A26; text-decoration: none; font-size: 12px; }
.page_list .pys A.firstBtn:hover { text-decoration: none; font-size: 12px; }

.page_list .ptj { width: 100%; margin: 0 auto; margin-top: 5px; overflow: hidden; text-align: center; }
.page_list .ptj .pageInfo { margin: 0px 2px; color: #713A26; font-size: 12px; }
.page_list .ptj .pageNum { padding-right: 3px; padding-left: 3px; padding-bottom: 0px; padding-top: 0px; font-size: 12px; }
.page_list .ptj span { height: 30px; line-height: 30px; margin: 15px 5px 5px 5px; font-size: 12px; }

/* 底部浮动栏 box-shadow:0 -1px 3px rgba(0,0,0,0.2);*/

.Wap_UnBar { width: 100%; position: fixed; left: 0; bottom: -2px; z-index: 97; background-color: #fff; }
.Wap_UnBar .main { width: 100%; height: 65px; max-width: 640px; min-width: 320px; display: flex; background: -webkit-linear-gradient(left, #0047b6, #0047b6); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left,#0047b6, #0047b6); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left,#0047b6, #0047b6); /* Firefox 3.6 - 15 */ background: linear-gradient(left, #0047b6, #0047b6); margin: 0 auto; border-top: 0px #ebebeb solid; }

.Wap_UnBar li { width: 50%; text-align: center; font-size: 1em; overflow: hidden; color: #FFF; }
.Wap_UnBar li span { display: block; height: 65px; text-align: center; color: #FFF; padding-top: 14px; overflow: hidden; }
.Wap_UnBar li span { width: 35px; height: 22px; background: url('/Images/bgpic/ico_bgs.png'); background-size: 230px; text-align: center; display: block; margin: 0 auto; }

.Wap_UnBar li:nth-child(1) span { background-position: 5px -15px; }
.Wap_UnBar li:nth-child(2) span { background-position: -165px -15px; }

.Wap_UnBar li:nth-child(1) span { border-left: 0; }
.Wap_UnBar li:nth-child(2) span { border-right: 0; }

/* 底部浮动栏 box-shadow:0 -1px 3px rgba(0,0,0,0.2);*/

/* Bj_bs */

.Bj_bs { background: url('/Images/bgpic/hh.png'); width: 100%; height: 100vh; position: fixed; left: 0; bottom: 0px; z-index: 990; }


/* 主要内容区域 */
.main-content { width: 88%; margin:0 auto; overflow: hidden; background: white; padding:5px 5px;margin-top:20px;  }

/* 申报信息表单 */
.form-section { margin-bottom: 5px; }

.section-title { font-size: 16px; font-weight: bold; margin-bottom: 16px; color: #333; }

.form-row { margin-bottom: 16px;display:flex; }

.form-label { width: 35%; display: flex; align-items: center; /* 垂直居中 */ font-size: 15px; color: #333; margin-bottom: 6px; font-weight: 500; }

.form-input { width: 60%; padding: 10px 10px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; background: #fafafa; transition: border-color 0.3s; }

.form-input:focus { outline: none; border-color: #667eea; background: white; }

/* radio-group */
.radio-group { display: flex; gap: 20px; margin: 15px 0; }

.radio-item { display: flex; align-items: center; cursor: pointer; }

.radio-item input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }

.radio-item .radio-custom { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #ccc; background-color: #fff; margin-right: 8px; display: flex; justify-content: center; align-items: center; transition: all 0.2s; }

.radio-item .radio-custom .check-mark { opacity: 0; color: #fff; font-size: 12px; line-height: 1; transition: opacity 0.2s; }

.radio-item input[type="radio"]:checked + .radio-custom { background-color: #4a90e2; border-color: #4a90e2; }

.radio-item input[type="radio"]:checked + .radio-custom .check-mark { opacity: 1; }

/* 服务类型选择 */
.service-selection { margin: 24px 0; }

.service-title { font-size: 16px; font-weight: bold; margin-bottom: 16px; }

.service-options { display: flex; gap: 12px; margin-bottom: 20px; }

.service-option { flex: 1; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; text-align: center; font-size: 14px; cursor: pointer; transition: all 0.3s; background: white; }

.service-option.selected { border-color: #667eea; background: #f0f4ff; color: #667eea; }

/* 协议勾选和按钮 */
.agreement-section { margin: 24px 0; display: flex; align-items: flex-start; gap: 8px; }

.agreement-checkbox { width: 18px; height: 18px; accent-color: #667eea; }

.agreement-text { font-size: 12px; color: #666; line-height: 1.4; flex: 1; }

.agreement-link { color: #667eea; text-decoration: none; }

.agreement-link:hover { text-decoration: underline; }

/* 提交按钮 */
.submit-button { width: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; padding: 16px; border-radius: 12px; font-size: 16px; font-weight: bold; cursor: pointer; margin-top: 20px; margin-bottom: 30px; transition: transform 0.2s; }

.submit-button:hover { transform: translateY(-1px); }

.submit-button:active { transform: translateY(0); }

/* 注意事项 */
.notice { padding: 16px; margin-top: 5px; border-radius: 0 8px 8px 0; }
.notice-content { font-size: 12px; line-height: 1.8; }

/* 模态框遮罩层 —— 背景遮罩，居中弹窗 */
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); /* 半透明黑色背景 */ display: flex; justify-content: center; align-items: center; z-index: 1000; /* 确保在最上层 */ }

/* 弹窗内容容器 —— 白色背景，圆角，有最大高度但内部通过 body 滚动 */
.modal-content { background: white; border-radius: 8px; width: 92%; max-height: 90vh; /* 弹窗最大高度为视口高度的90% */ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* 重要：不再对 .modal-content 设置 overflow，而是由内部的 .modal-body 控制滚动 */ display: flex; flex-direction: column; /* 垂直排列 header + body */ }

/* 弹窗头部 —— 固定在顶部，不滚动 */
.modal-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; /* 适当内边距 */ border-bottom: 1px solid #eee; /* 固定定位的关键：不设置高度但保持紧凑，内容少 */ flex-shrink: 0; /* 防止被压缩 */ }

.modal-header h3 { margin: 0; font-size: 16px; text-align: center; /* 标题居中 */ flex: 1; /* 让标题占据剩余空间，以便关闭按钮靠右 */ }

.close-modal { font-size: 18px; font-weight: bold; cursor: pointer; color: #aaa; /* 不需要浮动或绝对定位，因为父级是 flex 布局 */ }

.close-modal:hover { color: #000; }

/* 弹窗内容区域 —— 可滚动的主体内容 */
.modal-body { flex: 1; /* 占据剩余空间 */ overflow-y: auto; /* 垂直方向可滚动 */ padding: 20px; /* 内容内边距 */ /* 注意：不设置固定高度，由 flex 布局自动撑满 */ }

/* 弹窗正文 */
.modal-body { padding: 20px; }

.modal-body p { line-height: 1.6; margin-bottom: 10px; }

@media screen and (min-width:320px) {
    body { font-size: 75%; }
}

@media screen and (min-width:375px) {
    body { font-size: 87.5%; }
}

@media screen and (min-width:480px) {
    body { font-size: 87.5%; }
}

@media screen and (min-width:540px) {
    body { font-size: 112.5%; }
}

@media screen and (min-width:550px) {
    body { font-size: 125%; }
}

@media screen and (min-width:640px) {
    body { font-size: 150%; }
}