.bc-nav{width:100%;height:35px;border-bottom:1px solid lightgreen}
.help-box{width:1200px;margin:0 auto;min-height:600px}
.help-left{width:210px;margin:15px;margin-left:0;float:left;background:#fff}
.help-right{width:970px;overflow-x:hidden;min-height:400px;background:white;float:left;margin-top:15px}
.h-content{padding:10px;width:950px;min-height:370px;text-indent:7px;font-family:"microsoft yahei"}
.h-content img{width:100%;}
.h-content .head{padding-bottom:26px}
.h-content .head p{float:left;min-width:230px;font-size:16px;height:36px;line-height:36px;border-bottom:2px solid #8b8b8b}
.h-content .head p span{font-size:28px}
.h-title{height:36px;line-height:36px;text-align:center;font-size:16px;color:white;font-weight:bold}
.h-hide ul{display:none}
.h-hide p{margin:14px 5px 0 0;float:right;display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid#f1f1f1}
#parent>li>span{display:block;padding-left:10px;background:#eaeaea;border-bottom:1px solid #fff}#parent>li>span:hover{cursor:pointer;background:#dadada}
#parent>li{line-height:33px;display:block}
.h-show ul{display:block}
.h-show p{margin:14px 5px 0 0;float:right;display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid#f1f1f1}
.h-list{border:1px solid #dedede}
.h-list li{width:177px;line-height:20px;margin:5px 0 5px 10px;padding:2px 0;padding-left:20px;cursor:pointer}
.h-list .h-curr{margin-left:10px}
.h-curr{background:rgba(0,0,0,0) linear-gradient(to right,#eaeaea,#fff) repeat scroll 0 0;border-color:#dedede;border-image:none;border-width:1px;color:green;font-weight:bold}
.h-list a:hover li{color:green;font-weight:bold}
.bc-nav{line-height:35px}
.bc-nav>p{width:1200px;margin:0 auto}
.bc-nav>p>a{color:gray}
.b{border:1px solid #e0dddd}
.h-right-title{width:100%;height:25px;margin-left:5px;margin-top:15px}
.h-right-title>h4{float:left;font-size:19px}#square{margin:5px;width:6px;height:6px;background:#df2003;float:left}
.b-99{background:#9EA873}
.h-record{padding:5px;width:100%;height:100px;margin-top:20px;border-top:1px solid #e0dddd}
.h-record>p{padding:5px}
.h-button{width:100px;height:25px;color:#6f6666;margin-left:5px}
.h-content h1{text-align:center}
.h-content .cat-time{text-align:center;padding:10px 0}
.c{clear:both}
.b-lg{background:#7dd589}
.news-list a,.list-time{font-size:13px;letter-spacing:2px;color:#333}
.news-list li{padding:8px 5px;border-bottom:1px dashed #f1f1f1}
.news-list a:hover{font-size:13px;letter-spacing:2px;color:#40bb6a}
.list-time{display:block;float:right}
#g-square{margin:8px 0;width:3px;height:3px;background:#333;float:left}
.n-content{width:100%;min-height:300px;overflow:hidden}
.n-content img{width:100%;}
.h-page{position:relative;width:100%;height:100px;background:url(../img/img_yingyin.png) 0 68px no-repeat;background-size: contain;}
.h-page .pagination .active{background:#3fba6a;color:white}
.h-page .pagination .disabled span,.h-page .pagination .active span{left:30px;line-height:28px;padding-left:4px}
.h-page .pagination{position:relative;top:32px;left:30%;width:100%;height:30px}
.h-page .pagination li{margin:0 auto;width:28px;height:28px;border:1px solid #f1f1f1;float:left;margin-left:10px}
.h-page .pagination li a{line-height:28px;padding-left:4px}

/* ===== 客服中心（新版布局） ===== */
.help-box-modern{
	width: 1200px;
	margin: 0 auto;
	padding: 18px 0 32px 0;
	min-height: 680px;
}
.help-box-modern .help-layout{
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.help-box-modern .help-panel{
	background: #fff;
	border: 1px solid #eef0f4;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(23, 32, 50, 0.06);
	overflow: hidden;
}
.help-box-modern .help-panel-left{
	width: 300px;
	position: sticky;
	top: 10px;
}
.help-box-modern .help-panel-right{
	flex: 1;
	min-width: 0;
}
.help-box-modern .help-panel-header{
	padding: 18px 18px 14px 18px;
	background: linear-gradient(135deg, rgba(64,187,106,0.16), rgba(0,186,255,0.10));
	border-bottom: 1px solid #eef0f4;
}
.help-box-modern .help-panel-title-cn{
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 1px;
	color: #1d2b3a;
}
.help-box-modern .help-panel-title-en{
	margin-top: 4px;
	font-size: 12px;
	letter-spacing: 1px;
	color: rgba(29, 43, 58, 0.62);
	text-transform: uppercase;
}
.help-box-modern .help-panel-sub{
	margin-top: 10px;
	font-size: 12px;
	color: rgba(29, 43, 58, 0.72);
}

.help-box-modern .help-category-list{
	padding: 10px;
}
.help-box-modern .help-category-item{
	border: 1px solid #eef0f4;
	border-radius: 12px;
	margin-bottom: 10px;
	overflow: hidden;
	background: #fff;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.help-box-modern .help-category-item:hover{
	border-color: rgba(64,187,106,0.35);
	box-shadow: 0 10px 22px rgba(64,187,106,0.10);
	transform: translateY(-1px);
}
.help-box-modern .help-category-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	background: linear-gradient(180deg, #fbfcff, #ffffff);
	cursor: pointer;
}
.help-box-modern .help-category-name{
	font-size: 14px;
	font-weight: 700;
	color: #1d2b3a;
}
.help-box-modern .help-category-arrow{
	width: 10px;
	height: 10px;
	border-right: 2px solid rgba(29,43,58,0.45);
	border-bottom: 2px solid rgba(29,43,58,0.45);
	transform: rotate(45deg);
	transition: transform .2s ease;
}
.help-box-modern .help-category-item-open .help-category-arrow{
	transform: rotate(-135deg);
}

/* 兼容原来的展开/隐藏：仍由 articles.js 控制 h-show/h-hide */
.help-box-modern .h-hide .help-article-list{display:none;}
.help-box-modern .h-show .help-article-list{display:block;}

.help-box-modern .help-article-list{
	padding: 6px 10px 10px 10px;
	border-top: 1px solid #eef0f4;
}
.help-box-modern .help-article-list a{display:block;}
.help-box-modern .help-article-item{
	width: auto;
	margin: 6px 0;
	padding: 9px 10px;
	border-radius: 10px;
	line-height: 18px;
	color: rgba(29,43,58,0.82);
	background: #f7f9fc;
	border: 1px solid rgba(238,240,244,0.9);
	transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.help-box-modern .help-article-item:hover{
	background: rgba(64,187,106,0.10);
	border-color: rgba(64,187,106,0.25);
	color: #1d2b3a;
	transform: translateX(2px);
}
.help-box-modern .help-article-item-active,
.help-box-modern .h-curr.help-article-item-active{
	background: linear-gradient(135deg, rgba(64,187,106,0.18), rgba(0,186,255,0.10));
	border-color: rgba(64,187,106,0.35);
	color: #1d2b3a;
	font-weight: 800;
}

.help-box-modern .help-article-header{
	padding: 18px 20px 12px 20px;
	border-bottom: 1px solid #eef0f4;
	background: radial-gradient(900px 200px at 10% 0%, rgba(64,187,106,0.12), transparent 60%),
				radial-gradient(800px 200px at 90% 0%, rgba(0,186,255,0.10), transparent 55%);
}
.help-box-modern .help-article-meta{
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}
.help-box-modern .help-article-badge{
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 10px;
	border-radius: 999px;
	font-size: 12px;
	color: #1d2b3a;
	background: rgba(29,43,58,0.06);
	border: 1px solid rgba(29,43,58,0.08);
}
.help-box-modern .help-article-path{
	font-size: 12px;
	color: rgba(29,43,58,0.62);
}
.help-box-modern .help-article-title{
	margin: 10px 0 0 0;
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 0.5px;
	color: #102030;
}
.help-box-modern .help-article-body{
	padding: 16px 20px 0 20px;
}
.help-box-modern .help-article-content{
	width: auto;
	min-height: 420px;
	padding: 4px 0 12px 0;
	text-indent: 0;
}
.help-box-modern .help-article-content img{
	max-width: 100%;
	border-radius: 12px;
}

.help-box-modern .help-feedback{
	margin: 8px 20px 18px 20px;
	padding: 14px 14px;
	border-radius: 14px;
	border: 1px solid #eef0f4;
	background: linear-gradient(180deg, #ffffff, #fbfcff);
}
.help-box-modern .help-feedback-title{
	font-size: 13px;
	color: rgba(29,43,58,0.78);
	font-weight: 700;
}
.help-box-modern .help-feedback-actions{
	margin-top: 10px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.help-box-modern .help-feedback-btn{
	height: 34px;
	padding: 0 8px;
	border-radius: 10px;
	border: 1px solid rgba(29,43,58,0.12);
	background: #fff;
	color: rgba(29,43,58,0.86);
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.help-box-modern .help-feedback-btn:hover{
	transform: translateY(-1px);
	box-shadow: 0 10px 18px rgba(23, 32, 50, 0.08);
}
.help-box-modern .help-feedback-yes{
	border-color: rgba(64,187,106,0.35);
	background: rgba(64,187,106,0.10);
}
.help-box-modern .help-feedback-no{
	border-color: rgba(0,186,255,0.25);
	background: rgba(0,186,255,0.08);
}

@media screen and (max-width: 1280px){
	.help-box-modern{width: 96%;}
	.bc-nav>p{width: 96%;}
}
@media screen and (max-width: 980px){
	.help-box-modern .help-layout{flex-direction: column;}
	.help-box-modern .help-panel-left{width: 100%; position: static;}
}