/* =========================================================
 * 常见问题页（page-faqs.php）专用样式
 * 来源：igoldhk.com/faqs.html 内联 <style> 提取
 * 说明：
 *  - 原站 4 张箭头图片（/images/contentpage/02|03|05|06.png）
 *    在本地不存在，已用纯 CSS 箭头替代，不再依赖图片
 *  - 分页组件基础样式来自 common.min.css（.honor_pagination），
 *    此处按原站 faqs 页外观做覆盖
 * ========================================================= */

/* ---------- 页面容器（与交易信息页 ti-wrap 一致） ---------- */
.faq-wrap{max-width:1000px;margin:0 auto;padding:30px 15px 60px;background:#fff}

/* ---------- 正文基础（从旧版 .content_txt_box 提取必需规则） ---------- */
.faq-wrap .content_txt_box{font-size:13px;line-height:160%;color:#3c3c3c}
.faq-wrap .content_txt_box p{line-height:1.8334em;text-align:justify;text-justify:inter-ideograph;margin:10px 0}
.faq-wrap .content_txt_box a{color:#0170c1;word-break:break-all}
.faq-wrap .content_txt_box a:hover{color:#005c9f}
.faq-wrap .content_txt_box table{max-width:100%}

/* ---------- 页面标题 ---------- */
.page-title{padding:0 15px;margin:0 0 10px;color:#0170c1;font-size:22px;line-height:40px;font-weight:700}

/* ---------- 二级 Tab 导航 ---------- */
.faqmenuNav{position:relative;margin-bottom:20px;border-bottom:1px solid #e5e5e5}
.faqmenuNav ul.notice{list-style:none;padding:0;margin:0}
.faqmenuNav ul.notice li{float:left;margin-right:55px;line-height:44px;font-size:16px;color:#5e5e5e;cursor:pointer;position:relative}
.faqmenuNav ul.notice li:hover{color:#0170c1}
.faqmenuNav ul.notice li.active{color:#0170c1;font-weight:700}
.faqmenuNav ul.notice li.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#0170c1}

/* ---------- 全部展开 / 全部收合 ---------- */
.toggleBtn{position:absolute;right:0;top:8px}
.toggleBtn span{display:inline-block;width:76px;height:22px;padding-left:18px;line-height:22px;font-size:12px;cursor:pointer;color:#fff;border-radius:3px}
.toggleBtn span.open{background-color:#0170c1}
.toggleBtn span.close{background-color:#E5E5E5;color:#a3a3a3}
/* CSS 三角箭头（原 02.png / 03.png） */
.toggleBtn span::before{content:"";display:inline-block;width:0;height:0;border:5px solid transparent;vertical-align:middle;margin-right:3px}
.toggleBtn span.open::before{border-top:none;border-bottom-color:#fff;margin-bottom:2px}
.toggleBtn span.close::before{border-bottom:none;border-top-color:#a3a3a3;margin-top:2px}

/* ---------- FAQ 手风琴列表 ---------- */
.faqList{margin:10px 15px;padding:0;list-style:none;min-height:480px}
.faqList>li{padding:10px 0;border-bottom:1px dashed #999}
.faqList .faq-title{position:relative;height:28px;line-height:28px;cursor:pointer;padding-right:24px}
/* CSS 箭头（原 06.png 收起 / 05.png 展开） */
.faqList .faq-title::after{content:"";position:absolute;right:8px;top:50%;width:8px;height:8px;border-right:2px solid #999;border-bottom:2px solid #999;transform:translateY(-70%) rotate(45deg);transition:transform .25s ease}
.faqList .faq-title.tit-close::after{transform:translateY(-30%) rotate(-135deg);border-color:#0170c1}
.faqList .faq-tit-bg{display:inline-block;width:24px;font-size:16px;text-align:center;color:#fff;background-color:#0170c1;margin-right:10px}
.faqList .faq-tit{font-size:14px;color:#595959;font-weight:700}
.faqList .faq-title:hover .faq-tit{color:#0170c1}

.faq-content{position:relative;padding-top:8px;display:none}
.faq-content-bg{display:inline-block;width:24px;height:28px;line-height:28px;font-size:16px;text-align:center;color:#fff;background-color:#D5D5D5;margin-right:10px;float:left}
.faq-content-sum{float:left;width:calc(100% - 40px);font-size:13px;line-height:28px;color:#7a7a7a;padding-bottom:20px;word-break:break-word}
.faq-content .toTop{position:absolute;right:0;bottom:0;font-family:Arial;font-size:12px;color:#b6b6b6;width:50px;height:26px;cursor:pointer;text-align:center}
.faq-content .toTop i{display:inline-block;width:0;height:0;border:8px solid transparent;border-bottom-color:#999;vertical-align:middle}
.faq-content .toTop span{display:inline-block;margin-left:2px}

/* ---------- 分页（覆盖 common.min.css 的 .honor_pagination，对齐原站 faqs 页外观） ---------- */
.faq-wrap .pagination{margin:15px 0;text-align:center}
.faq-wrap .honor_pagination .numpage{display:inline-block;list-style:none;padding:0;margin:0;vertical-align:top}
.faq-wrap .honor_pagination .numpage li{width:auto;min-width:22px;height:22px;line-height:22px;text-align:center;float:left;list-style:none;font-size:12px;margin:0 3px;background-color:#fff;color:#666;border:1px solid #666;border-radius:0;cursor:pointer;box-sizing:border-box}
.faq-wrap .honor_pagination .numpage li.active{color:#fff;background-color:#0170c1;border-color:#0170c1}
.faq-wrap .honor_pagination .numpage li.updownbtn{width:22px}
.faq-wrap .honor_pagination .numpage li.turnTo{width:auto;border:0;background-color:#fff;color:#666;cursor:default}
.faq-wrap .honor_pagination .numpage li.turnTo input{width:36px;height:20px;border:1px solid #ededed;text-align:center;border-radius:0}
.faq-wrap .honor_pagination .numpage li.confirm{border:1px solid #0170c1;background-color:#0170c1;color:#fff}
.faq-wrap .honor_pagination .numpage li.confirm button{background-color:transparent;border:0;color:#fff;height:20px;line-height:20px;font-size:12px;padding:0 6px;cursor:pointer}
.faq-wrap .honor_pagination .numpage li:not(.active):not(.turnTo):not(.confirm):hover{background-color:#0170c1;border-color:#0170c1;color:#fff}

/* ---------- 移动端适配 ---------- */
@media (max-width:991.98px){
  .faq-wrap{padding:20px 10px 40px}
  .page-title{font-size:18px;padding:0 5px}
  .faqmenuNav ul.notice{display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .faqmenuNav ul.notice li{float:none;flex-shrink:0;margin-right:28px;font-size:15px}
  .toggleBtn{position:static;margin:8px 0;text-align:right}
  .faqList{margin:10px 0;min-height:0}
  .faq-content-sum{width:calc(100% - 40px);line-height:24px;font-size:13px}
  .faq-content .toTop{position:static;float:right;margin:6px 0 4px}
  .faq-wrap .content_txt_box table{width:100% !important;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}