/*! hnyswm core B | 20261112perf | generated */
/* --- about-bg.css --- */
#fh5co-about-us .bg-about {
position: relative;
overflow: hidden;
background-image: url(../images/a_bg.jpg?v=20261112ani4);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-color: #1A1A1A;
padding: 25px 20px 42px;
-webkit-transform: none;
transform: none;
}
#fh5co-about-us .bg-about::before {
content: none;
display: none;
background-image: none;
-webkit-animation: none;
animation: none;
}
#fh5co-about-us .bg-about::after {
content: "";
position: absolute;
top: -60%;
bottom: -60%;
left: -50%;
z-index: 1;
width: 40%;
pointer-events: none;
background-image: -webkit-linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.05) 35%, rgba(255,255,255,.14) 50%, rgba(255,255,255,.05) 65%, rgba(255,255,255,0) 100%);
background-image: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.05) 35%, rgba(255,255,255,.14) 50%, rgba(255,255,255,.05) 65%, rgba(255,255,255,0) 100%);
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
-webkit-animation: qsAboutSweep 9s ease-in-out infinite;
animation: qsAboutSweep 9s ease-in-out infinite;
}
#fh5co-about-us .bg-about > * {
position: relative;
z-index: 2;
}
@-webkit-keyframes qsAboutSweep {
0% { left: -50%; opacity: 0; }
14% { opacity: 1; }
60% { opacity: 1; }
75%, 100% { left: 115%; opacity: 0; }
}
@keyframes qsAboutSweep {
0% { left: -50%; opacity: 0; }
14% { opacity: 1; }
60% { opacity: 1; }
75%, 100% { left: 115%; opacity: 0; }
}
@media screen and (max-width: 760px) {
#fh5co-about-us .bg-about::after {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
#fh5co-about-us .bg-about::after {
display: none;
-webkit-animation: none;
animation: none;
}
}
@media print {
#fh5co-about-us .bg-about {
background-image: none;
}
#fh5co-about-us .bg-about::after {
display: none;
}
}
/* --- theme-color.css --- */
a:focus,
a:hover { color: var(--hn-primary, #003366); }
::-webkit-selection { color: #fff; background: var(--hn-primary, #003366); }
::-moz-selection { color: #fff; background: var(--hn-primary, #003366); }
.bg-main { background: var(--hn-primary, #003366); }
#fh5co-header .search-top input.go { background: var(--hn-primary, #003366); }
#fh5co-header .search-top input.go:hover { background: var(--hn-primary-d, #00284f); }
#fh5co-header .nav li a.cur,
#fh5co-header .nav li:hover a { background: var(--hn-primary-d, #00284f); }
#fh5co-header .nav_bg { background: var(--hn-primary, #003366); }
#hntop li a:hover,
#hntop .hntopleft p a:hover { color: var(--hn-primary, #003366); }
#fh5co-product-list .fh5co-heading h2,
#fh5co-product-list .fh5co-heading h2 a,
#fh5co-case-list .fh5co-heading h2,
#fh5co-case-list .fh5co-heading h2 a { color: var(--hn-primary, #003366); }
#fh5co-case-list .show-list h2 a:hover,
.article-media li:hover h3 a,
.article-media .media-body h3 a:hover { color: var(--hn-primary, #003366); }
#fh5co-info-list .fh5co-heading h2 {
color: var(--hn-primary, #003366);
border-bottom-color: var(--hn-primary, #003366);
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { background: var(--hn-primary, #003366); }
#fh5co-content_show .left_h h2 {
color: var(--hn-primary, #003366);
border-bottom-color: var(--hn-primary, #003366);
}
#fh5co-content_show .nav li .iconfont,
#fh5co-content_show .nav li:hover,
#fh5co-content_show .nav li.active,
#fh5co-content_show .nav li a:hover,
#fh5co-content_show .nav li.active a,
#fh5co-content_show .nav li a.cur,
#fh5co-content_show span.now-page { color: var(--hn-primary, #003366); }
.content_detail .pager a:hover { color: var(--hn-primary, #003366); }
.article-media li .iconfont { color: var(--hn-primary, #003366); }
#fh5co-content_show .Producttxt .zixun { background-color: var(--hn-primary, #003366); }
#fh5co-content_show .Producttxt .zixun:hover { background-color: var(--hn-primary-d, #00284f); }
#fh5co-content_show .product-detail .add_to_inquiry #add_to_inquiry {
background: var(--hn-primary, #003366);
}
.qs-comment-title,
.qs-comment-title:before,
.qs-cmt-name,
.qs-cmt-name a,
.qs-cmt-login a { color: var(--hn-primary, #003366); }
.qs-comment-title { border-bottom-color: var(--hn-primary, #003366); }
.qs-comment-count { background: var(--hn-primary, #003366); }
.qs-cmt-form-title { color: var(--hn-primary, #003366); border-bottom-color: var(--hn-primary, #003366); }
.qs-cmt-submit { background: var(--hn-primary, #003366); }
.qs-cmt-submit:hover { background: var(--hn-primary-d, #00284f); }
#divCommentPost #txaArticle:focus,
#divCommentPost #inpVerify:focus { border-color: var(--hn-primary, #003366); }
#fh5co-content_show .fenyetiao a:hover,
.commentpagebar a:hover { color: var(--hn-primary, #003366); }
@media screen and (max-width: 760px) {
.bg-main { background-color: rgba(245, 245, 245, .9) !important; }
}
body { background-color: var(--hn-page-bg, #ffffff); }
.ww100 { background-color: var(--hn-page-bg, #fbfbfb); }
#fh5co-content_show .detail,
#fh5co-content_show .detail p,
#fh5co-content_show .detail li,
#fh5co-content_show .detail td,
#fh5co-content_show .detail dd,
.article_content,
.article_content p,
.article_content li { color: var(--hn-text, #333333); }
#fh5co-content_show .detail h1,
#fh5co-content_show .detail h2,
#fh5co-content_show .detail h3,
#fh5co-content_show .detail h4,
#fh5co-content_show .detail h5,
#fh5co-content_show .detail h6 { color: var(--hn-text, #333333); }
#fh5co-content_show .detail a,
.article_content a { color: var(--hn-primary, #003366); }
#fh5co-content_show .detail a:hover,
.article_content a:hover { color: var(--hn-accent, #2f78c4); }
#fh5co-product-list,
#fh5co-case-list { background-color: var(--hn-primary-04, #f4f4f4); }
#site-footer.qs-ft {
--qb: var(--hn-footer-bg, #0b0d10);
--ql: rgba(255, 255, 255, .09);
}
#site-footer .qs-ft-nav a:hover,
#site-footer .qs-ft-cv a:hover,
#site-footer .qs-ft-meta a:hover { color: #ffffff; }
.qs-um-ava,
.qs-um-head .ava {
background: linear-gradient(135deg, var(--hn-accent, #1d6fe0), var(--hn-primary, #0f4c9e));
}
.qs-um-btn:hover { background: var(--hn-primary-08, rgba(30, 80, 160, .08)); }
.qs-um-item:hover { background: var(--hn-primary-08, #eef5ff); color: var(--hn-primary, #1d6fe0); }
.search-suggest-item:hover { background: var(--hn-primary-04, #f5f7fa); color: var(--hn-primary, #0066cc); }
.article-thumb .media-info h3 a:hover { color: var(--hn-primary, #003366); }
.bread a:hover { color: var(--hn-primary, #003366); }
#fh5co-header .search-top input.inputkey:focus { border-color: var(--hn-primary, #003366); }
#divCommentPost input:focus,
#divCommentPost textarea:focus { border-color: var(--hn-primary, #003366); }
#fh5co-header .ww100 {
background-color: var(--hn-top-bg, #f4f5f7) !important;
border-bottom: 1px solid var(--hn-top-line, #ffffff) !important;
}
#fh5co-header #hntop {
background-color: transparent !important;
border-bottom: 0 !important;
}
#hntop .hntopleft p, #hntop .hntopleft p a, #hntop li a { color: var(--hn-text, #55606f); }
#hntop .hntopleft p a:hover, #hntop li a:hover { color: var(--hn-primary, #003366); }
#hntop .qs-um-btn:hover { color: var(--hn-primary, #003366); }
#fh5co-header .qs-hd-row,
#fh5co-header .qs-hd-row > .container { background-color: transparent !important; }
#fh5co-content_show .left_h h2,
.article-title, .article-title a { color: var(--hn-primary, #003366); }
#fh5co-content_show .title h2,
#fh5co-content_show .title h2 a,
#fh5co-content_show .title h2 span { color: #333333 !important; }
#fh5co-content_show .title h2 a:hover { color: #111111 !important; text-decoration: underline; }
#fh5co-content_show .title h2 .iconfont { color: #b3bac4 !important; }
#fh5co-content_show .left_h { border-bottom-color: var(--hn-primary, #003366); }
#fh5co-content_show .bread, #fh5co-content_show .bread a { color: var(--hn-text-60, #8a94a3); }
#fh5co-content_show .detail table th { background-color: var(--hn-primary-08, #f2f6fb); color: var(--hn-text, #333); }
#fh5co-content_show .detail table td,
#fh5co-content_show .detail table th { border-color: var(--hn-line, #e4e9f0); }
#fh5co-content_show .detail blockquote {
border-left-color: var(--hn-primary, #003366);
background-color: var(--hn-primary-04, #f7f9fc);
color: var(--hn-text-60, #59606c);
}
#fh5co-content_show .detail hr { border-color: var(--hn-line, #e4e9f0); }
#fh5co-content_show .detail pre,
#fh5co-content_show .detail code { background-color: var(--hn-primary-04, #f5f6f8); color: var(--hn-text, #2f3742); }
.article-tags a, #fh5co-content_show .tags a {
color: var(--hn-primary, #003366);
border-color: var(--hn-primary-14, #d8e4f3);
background-color: var(--hn-primary-04, #f7f9fc);
}
.article-tags a:hover, #fh5co-content_show .tags a:hover {
color: var(--hn-on-primary, #fff);
background-color: var(--hn-primary, #003366);
border-color: var(--hn-primary, #003366);
}
#fh5co-content_show .fenyetiao a.cur,
#fh5co-content_show .fenyetiao a:hover,
.commentpagebar a.cur { background-color: var(--hn-primary, #003366); border-color: var(--hn-primary, #003366); color: var(--hn-on-primary, #fff); }
.button.bg-main, .bg-main, .bg-inverse .nav a:hover { background-color: var(--hn-primary, #003366) !important; }
.button.border-main, .pager.border-main a, blockquote.border-main strong, .text-main, a.text-main { color: var(--hn-primary, #003366) !important; }
#fh5co-content_show .search-btn,
.search-page .search-btn,
.template-404 .search-btn { background-color: var(--hn-primary, #003366) !important; color: var(--hn-on-primary, #fff) !important; }
#site-footer.qs-ft { background-color: var(--hn-footer-bg, #0b0d10) !important; }
#site-footer.qs-ft.qs-ft-light { background-color: var(--hn-page-bg, #f7f8fa) !important; }
#site-footer .qs-ft-nav a:hover,
#site-footer .qs-ft-cv a:hover,
#site-footer .qs-ft-meta a:hover,
#site-footer .qs-ft-faq summary:hover { color: var(--hn-accent, #2f78c4); }
.ft-cta, .ft-act--main, .ft-submit { background-color: var(--hn-primary, #1f5fbf) !important; }
.ft-cta:hover, .ft-act--main:hover, .ft-submit:hover { background-color: var(--hn-primary-d, #164a96) !important; }
.ft-btn:hover, .ft-btn[aria-expanded="true"],
.ft-sh:hover, .ft-act:hover { color: var(--hn-primary, #1f5fbf) !important; }
.ft-fg input:focus, .ft-fg textarea:focus { border-color: var(--hn-primary, #1f5fbf) !important; box-shadow: 0 0 0 3px var(--hn-primary-14, rgba(31,95,191,.12)) !important; }
.ft-nudge-go { color: var(--hn-primary, #1f5fbf) !important; background-color: var(--hn-primary-08, #eef4fd) !important; }
@media screen and (max-width: 760px) {
#fh5co-header .nav_bg { background-color: var(--hn-primary, #003366) !important; }
#fh5co-header .nav-menu > li > a.cur, #fh5co-header .nav-menu > li.current > a { color: var(--hn-primary, #003366) !important; }
}
#fh5co-product-list .fh5co-heading h2,
#fh5co-product-list .fh5co-heading h2 a {
color: var(--hn-home-pro, #003366) !important;
}
#fh5co-product-list .fh5co-heading h2 a:hover {
color: var(--hn-accent, #2f78c4) !important;
}
#fh5co-case-list .fh5co-heading h2,
#fh5co-case-list .fh5co-heading h2 a {
color: var(--hn-home-case, #003366) !important;
}
#fh5co-case-list .fh5co-heading h2 a:hover {
color: var(--hn-accent, #2f78c4) !important;
}
.pro-item h2,
.pro-item h2 a,
#fh5co-case-list .show-list h2 a,
#fh5co-info-list .hn-title,
#fh5co-info-list .hn-title a,
#fh5co-info-list .hn-intro {
color: var(--hn-home-text, #5a6472) !important;
}
.pro-item h2 a:hover,
#fh5co-case-list .show-list h2 a:hover,
#fh5co-info-list .hn-title a:hover {
color: var(--hn-primary, #003366) !important;
}
#fh5co-product-list .fh5co-heading p,
#fh5co-info-list .hn-date,
#fh5co-info-list .hn-view,
#fh5co-info-list .hn-more {
color: var(--hn-home-text-60, #8a94a3) !important;
}
#fh5co-info-list .hn-more:hover { color: var(--hn-primary, #003366) !important; }
#fh5co-content_show .detail strong,
#fh5co-content_show .detail em,
#fh5co-content_show .detail b,
#fh5co-content_show .detail dt,
#fh5co-content_show .detail th,
#fh5co-content_show .detail td,
#fh5co-content_show .detail h1,
#fh5co-content_show .detail h2,
#fh5co-content_show .detail h3,
#fh5co-content_show .detail h4,
#fh5co-content_show .detail h5,
#fh5co-content_show .detail h6,
.article_content strong,
.article_content em,
.article_content b,
.article_content th,
.article_content td {
color: var(--hn-text, #333333);
}
#fh5co-content_show .detail .qhd-title span { color: var(--hn-text-60, #999999); }
#fh5co-content_show .detail a,
.article_content a { color: var(--hn-primary, #003366); }
#fh5co-content_show .detail a:hover,
.article_content a:hover { color: var(--hn-accent, #2f78c4); }
#fh5co-content_show .detail pre,
#fh5co-content_show .detail pre code,
.article_content pre,
.article_content code { color: var(--hn-text, #2f3742); }
.content_detail .tags a,
#fh5co-content_show .tags a,
.article-tags a {
color: var(--hn-tag, #003366) !important;
background-color: var(--hn-tag-bg, #f4f7fb) !important;
border-color: var(--hn-tag-line, #d8e4f3) !important;
padding: 1px 8px !important;
border-radius: 3px;
display: inline-block;
}
.content_detail .tags a:hover,
#fh5co-content_show .tags a:hover,
.article-tags a:hover {
color: var(--hn-tag-on, #ffffff) !important;
background-color: var(--hn-tag, #003366) !important;
border-color: var(--hn-tag, #003366) !important;
}
.content_detail .tags i { color: var(--hn-tag, #003366) !important; }
.content_detail .pager a,
#fh5co-content_show .pager a {
color: var(--hn-pager, #797979) !important;
}
.content_detail .pager a:hover,
#fh5co-content_show .pager a:hover {
color: var(--hn-primary, #003366) !important;
}
/* --- qs-um.css --- */
.qs-um{position:relative;display:inline-block;vertical-align:middle}
.qs-um-btn,.qs-um-drop,.qs-um-item,.qs-um-head,.qs-um-head .nm,.qs-um-head .ds{line-height:1.4}
.qs-um-btn{display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:0;cursor:pointer;padding:5px 10px;border-radius:999px;color:inherit;font-size:13px;font-family:inherit;line-height:1.4;transition:background .18s;white-space:nowrap}
.qs-um-btn:hover{background:rgba(30,80,160,.08)}
.qs-um-ava{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#1d6fe0,#0f4c9e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 1px 3px rgba(15,41,77,.25)}
.qs-um-ic{width:15px;height:15px;flex-shrink:0;opacity:.8}
.qs-um-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.qs-um-arr{width:12px;height:12px;opacity:.65;margin-left:1px;transition:transform .2s}
.qs-um.open .qs-um-arr{transform:rotate(180deg);opacity:.9}
.qs-um-drop{display:none;position:absolute;right:0;top:calc(100% + 9px);min-width:216px;background:#fff;border:1px solid #edf0f6;border-radius:14px;box-shadow:0 14px 36px rgba(15,41,77,.16),0 3px 10px rgba(15,41,77,.07);z-index:99999;padding:6px;text-align:left;animation:qsUmIn .18s ease}
@keyframes qsUmIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.qs-um.open .qs-um-drop{display:block}
.qs-um-head{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;background:linear-gradient(135deg,#f3f8ff,#e9f1ff);margin-bottom:6px}
.qs-um-head .ava{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1d6fe0,#0f4c9e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px rgba(15,41,77,.25)}
.qs-um-head .hm{min-width:0}
.qs-um-head .nm{font-size:14px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}
.qs-um-head .ds{font-size:11px;color:#7c8ba3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;margin-top:2px}
.qs-um-item{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:9px;font-size:13px;color:#374151;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.qs-um-item:hover{background:#eef5ff;color:#1d6fe0}
.qs-um-item .ic{width:16px;height:16px;flex-shrink:0;opacity:.7}
.qs-um-item:hover .ic{opacity:1}
.qs-um-item.quit{color:#d33a3a}
.qs-um-item.quit:hover{background:#fef1f1;color:#c53030}
.qs-um-sep{height:1px;background:#f0f3f8;margin:5px 4px}
@media (max-width:640px){
.qs-um-drop{min-width:200px;top:calc(100% + 6px)}
.qs-um-name{max-width:64px}
.qs-um-head .nm,.qs-um-head .ds{max-width:110px}
}
.qs-topbar-in .qs-um-drop{left:0;right:auto}
.qs-um.qs-um{position:relative;display:inline-flex;align-items:center;z-index:1200;font-family:inherit;line-height:1.5;vertical-align:middle}
.qs-um.qs-um .qs-um-btn{display:inline-flex;align-items:center;gap:8px;height:36px;min-height:36px;padding:0 10px;margin:0;border:1px solid rgba(22,42,72,.14);border-radius:8px;background:#fff;color:#2c3a4c;font-family:inherit;font-size:13px;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(22,42,72,.04);transition:background-color .16s,border-color .16s,box-shadow .16s;text-decoration:none;-webkit-appearance:none;appearance:none}
.qs-um.qs-um .qs-um-btn:hover{background:#f5f9ff;border-color:rgba(26,95,208,.34);color:#1a5fd0}
.qs-um.qs-um .qs-um-btn:focus-visible{outline:2px solid rgba(26,95,208,.45);outline-offset:2px}
.qs-um.qs-um .qs-um-ava{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#3f7fe0,#1a5fd0);color:#fff;font-size:12px;font-weight:600;line-height:1;overflow:hidden;object-fit:cover}
.qs-um.qs-um .qs-um-ava svg{width:15px;height:15px}
.qs-um.qs-um .qs-um-name{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qs-um.qs-um .qs-um-arr{width:14px;height:14px;flex:0 0 auto;opacity:.62;transition:transform .18s}
.qs-um.qs-um.on .qs-um-arr,.qs-um.qs-um.open .qs-um-arr{transform:rotate(180deg)}
.qs-um.qs-um .qs-um-drop{position:absolute;top:calc(100% + 8px);right:0;left:auto;min-width:216px;max-width:min(280px,calc(100vw - 24px));padding:6px;background:#fff;border:1px solid rgba(22,42,72,.12);border-radius:10px;box-shadow:0 16px 40px rgba(22,42,72,.16);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility .16s;z-index:1201;text-align:left}
.qs-um.qs-um.on .qs-um-drop,.qs-um.qs-um.open .qs-um-drop,.qs-um.qs-um:focus-within .qs-um-drop{opacity:1;visibility:visible;transform:none}
.qs-um--find .qs-um-drop{left:0;right:auto}
.qs-um-head{display:flex;align-items:center;gap:10px;padding:8px 9px 10px;border-bottom:1px solid rgba(22,42,72,.08);margin-bottom:4px}
.qs-um-head .ava{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#3f7fe0,#1a5fd0);color:#fff;font-size:14px;font-weight:600;overflow:hidden;object-fit:cover}
.qs-um-head .ava svg{width:18px;height:18px}
.qs-um-head .hm{min-width:0}
.qs-um-head .nm{font-size:13px;font-weight:600;color:#22303f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qs-um-head .ds{font-size:11.5px;color:#7b8a9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qs-um-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;color:#2c3a4c;font-size:13px;line-height:1.35;text-decoration:none;white-space:nowrap;transition:background-color .14s,color .14s}
.qs-um-item .ic{width:16px;height:16px;flex:0 0 auto;opacity:.72}
.qs-um-item:hover,.qs-um-item:focus-visible{background:#eef4fc;color:#1a5fd0;text-decoration:none;outline:none}
.qs-um-item:hover .ic,.qs-um-item:focus-visible .ic{opacity:1}
.qs-um-sep{height:1px;margin:5px 8px;background:rgba(22,42,72,.08)}
.qs-um-item.quit{color:#8a5560}
.qs-um-item.quit:hover{background:#fdf0f2;color:#b02a37}
.qs-um--guest .qs-um-btn{background:#fff}
@media (max-width:640px){.qs-um.qs-um .qs-um-name{display:none}.qs-um.qs-um .qs-um-btn{padding:0 7px}.qs-um.qs-um .qs-um-drop{min-width:200px}}
/* --- side.css --- */
#fh5co-content_show .lefter .sd-card {
position: relative;
background: var(--hn-side-bg, #fff);
border: 1px solid rgba(17, 38, 66, .07);
border-radius: 14px;
box-shadow: 0 1px 2px rgba(16, 42, 80, .04), 0 10px 26px -12px rgba(16, 42, 80, .18);
padding: 18px 18px 12px;
margin: 0 0 18px;
overflow: hidden;
box-sizing: border-box;
transition: box-shadow .25s ease;
}
#fh5co-content_show .lefter .sd-card:hover {
box-shadow: 0 1px 2px rgba(16, 42, 80, .05), 0 14px 32px -14px rgba(16, 42, 80, .24);
}
#fh5co-content_show .lefter .sd-card::before {
content: "";
position: absolute;
left: 0; right: 0; top: 0;
height: 3px;
border-radius: 14px 14px 0 0;
background: linear-gradient(90deg,
var(--hn-primary, #003366) 0%,
var(--hn-accent, #2f78c4) 55%,
rgba(255, 255, 255, 0) 100%);
}
#fh5co-content_show .lefter .sd-hd {
display: flex;
align-items: center;
gap: 8px;
margin: 2px 0 12px;
padding: 0 0 11px;
border-bottom: 1px solid rgba(17, 38, 66, .06);
height: auto;
}
#fh5co-content_show .lefter .sd-hd h2 {
position: relative;
flex: 1 1 auto;
min-width: 0;
margin: 0;
padding: 0 0 0 12px;
border: 0;
font-size: 16px;
font-weight: 600;
line-height: 22px;
color: var(--hn-primary, #003366);
letter-spacing: .2px;
word-break: break-all;
display: block;
}
#fh5co-content_show .lefter .sd-hd h2::before {
content: "";
position: absolute;
left: 0; top: 2px;
width: 3px; height: 18px;
border-radius: 3px;
background: linear-gradient(180deg, var(--hn-accent, #2f78c4), var(--hn-primary, #003366));
}
#fh5co-content_show .lefter .sd-hd .sd-hd-tag {
flex: none;
padding: 2px 8px;
border-radius: 999px;
background: var(--hn-primary-08, rgba(0, 51, 102, .08));
color: var(--hn-primary, #003366);
font-size: 11px;
line-height: 16px;
font-weight: 500;
letter-spacing: .2px;
}
#fh5co-content_show .lefter .sd-nav-list {
margin: 0;
padding: 0;
list-style: none;
background: none;
border: 0;
}
#fh5co-content_show .lefter .sd-nav-list > li {
position: relative;
display: flex;
align-items: center;
margin: 1px 0;
padding: 0;
border: 0;
border-radius: 9px;
float: none;
width: auto;
background: transparent;
transition: background .18s ease;
}
#fh5co-content_show .lefter .sd-nav-list > li::before {
content: "";
position: absolute;
left: 0; top: 50%;
width: 3px; height: 16px;
margin-top: -8px;
border-radius: 0 3px 3px 0;
background: var(--hn-primary, #003366);
opacity: 0;
transform: scaleY(.4);
transition: opacity .18s ease, transform .18s ease;
}
#fh5co-content_show .lefter .sd-nav-list > li > i {
position: static;
flex: none;
width: 30px;
margin: 0;
padding: 0;
text-align: center;
color: #c2cbd8;
font-size: 12px;
line-height: 1;
transition: color .18s ease, transform .18s ease;
z-index: 1;
}
#fh5co-content_show .lefter .sd-nav-list > li > a {
display: block;
flex: 1 1 auto;
min-width: 0;
padding: 9px 12px 9px 0;
border: 0;
border-radius: 0 9px 9px 0;
color: var(--hn-side-text, #3b4759);
font-size: 14px;
line-height: 20px;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: color .18s ease;
}
#fh5co-content_show .lefter .sd-nav-list > li:hover { background: var(--hn-primary-04, rgba(0, 51, 102, .04)); }
#fh5co-content_show .lefter .sd-nav-list > li:hover::before { opacity: .35; transform: scaleY(.8); }
#fh5co-content_show .lefter .sd-nav-list > li:hover > i {
color: var(--hn-primary, #003366);
transform: translateX(1px);
}
#fh5co-content_show .lefter .sd-nav-list > li:hover > a { color: var(--hn-primary, #003366); }
#fh5co-content_show .lefter .sd-nav-list > li.is-cur {
background: var(--hn-primary-08, rgba(0, 51, 102, .08));
}
#fh5co-content_show .lefter .sd-nav-list > li.is-cur::before { opacity: 1; transform: scaleY(1); }
#fh5co-content_show .lefter .sd-nav-list > li.is-cur > i { color: var(--hn-primary, #003366); }
#fh5co-content_show .lefter .sd-nav-list > li.is-cur > a {
color: var(--hn-primary, #003366);
font-weight: 600;
}
#fh5co-content_show .lefter .sd-nav > .button.iconfont {
position: absolute;
right: 14px;
top: 13px;
z-index: 3;
width: 26px;
height: 26px;
padding: 0;
margin: 0;
border: 0;
border-radius: 8px;
background: var(--hn-primary-08, rgba(0, 51, 102, .08));
color: var(--hn-primary, #003366);
font-size: 14px;
line-height: 26px;
text-align: center;
cursor: pointer;
}
#fh5co-content_show .lefter .sd-posts-list {
margin: 0 -6px;
padding: 2px 6px 0;
list-style: none;
box-sizing: border-box;
}
#fh5co-content_show .lefter .sd-pitem {
position: relative;
display: flex;
align-items: flex-start;
gap: 10px;
padding: 9px 16px 9px 8px;
margin: 0;
border-bottom: 1px solid rgba(17, 38, 66, .06);
border-radius: 9px;
float: none;
width: auto;
box-sizing: border-box;
transition: background .18s ease, border-color .18s ease;
}
#fh5co-content_show .lefter .sd-pitem:last-child {
border-bottom: 0;
padding-bottom: 4px;
}
#fh5co-content_show .lefter .sd-pitem:hover {
background: var(--hn-primary-04, rgba(0, 51, 102, .04));
border-bottom-color: transparent;
}
#fh5co-content_show .lefter .sd-pitem:hover + .sd-pitem { border-top-color: transparent; }
#fh5co-content_show .lefter .sd-pitem::after {
content: "";
position: absolute;
right: 5px;
top: 17px;
width: 5px;
height: 5px;
border-top: 1.5px solid var(--hn-primary, #003366);
border-right: 1.5px solid var(--hn-primary, #003366);
transform: rotate(45deg) translateX(-3px);
opacity: 0;
transition: opacity .18s ease, transform .18s ease;
}
#fh5co-content_show .lefter .sd-pitem:hover::after {
opacity: .55;
transform: rotate(45deg) translateX(0);
}
#fh5co-content_show .lefter .sd-idx {
flex: none;
width: 22px;
height: 22px;
margin-top: 0;
border-radius: 7px;
background: var(--hn-primary-08, rgba(0, 51, 102, .08));
color: var(--hn-primary, #003366);
font-size: 11px;
line-height: 22px;
font-weight: 600;
text-align: center;
font-variant-numeric: tabular-nums;
transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}
#fh5co-content_show .lefter .sd-pitem:nth-child(1) .sd-idx {
background: linear-gradient(135deg, var(--hn-primary, #003366), var(--hn-accent, #2f78c4));
color: #fff;
box-shadow: 0 4px 10px -5px rgba(16, 42, 80, .55);
}
#fh5co-content_show .lefter .sd-pitem:nth-child(2) .sd-idx,
#fh5co-content_show .lefter .sd-pitem:nth-child(3) .sd-idx {
background: var(--hn-primary-14, rgba(0, 51, 102, .14));
color: var(--hn-primary, #003366);
}
#fh5co-content_show .lefter .sd-pmain {
flex: 1 1 auto;
min-width: 0;
padding-right: 4px;
}
#fh5co-content_show .lefter .sd-pmain > a {
display: block;
color: var(--hn-side-text, #2f3a4a);
font-size: 14px;
line-height: 21px;
font-weight: 500;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: color .18s ease;
}
#fh5co-content_show .lefter .sd-pitem:hover .sd-pmain > a { color: var(--hn-primary, #003366); }
#fh5co-content_show .lefter .sd-pitem:hover .sd-idx {
background: var(--hn-primary, #003366);
color: #fff;
box-shadow: 0 4px 10px -5px rgba(16, 42, 80, .5);
}
#fh5co-content_show .lefter .sd-meta {
display: inline-block;
margin-top: 2px;
color: #a3adbb;
font-size: 11.5px;
line-height: 16px;
letter-spacing: .2px;
}
#fh5co-content_show .lefter .sd-contact .contact-content {
margin-top: 2px;
display: block;
}
#fh5co-content_show .lefter .sd-contact .contact-content p {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 0 0 7px;
padding: 8px 10px;
border-radius: 9px;
background: var(--hn-primary-04, rgba(0, 51, 102, .04));
color: var(--hn-side-text, #4c5a6e);
font-size: 13px;
line-height: 21px;
word-break: break-all;
box-sizing: border-box;
transition: background .18s ease;
}
#fh5co-content_show .lefter .sd-contact .contact-content p:last-child { margin-bottom: 2px; }
#fh5co-content_show .lefter .sd-contact .contact-content p:hover { background: var(--hn-primary-08, rgba(0, 51, 102, .08)); }
#fh5co-content_show .lefter .sd-contact .contact-content p .iconfont {
flex: none;
margin-top: 2px;
padding: 0;
color: var(--hn-primary, #003366);
font-size: 13px;
line-height: 18px;
}
#fh5co-content_show .lefter .sd-contact .contact-content p a {
color: inherit;
text-decoration: none;
}
#fh5co-content_show .lefter .sd-contact .contact-content p a:hover { color: var(--hn-primary, #003366); }
#fh5co-content_show .lefter .sd-contact .contact-content img {
max-width: 100%;
height: auto;
border-radius: 8px;
display: block;
}
@media (min-width: 981px) {
#fh5co-content_show .lefter { padding-right: 24px; }
}
@media (max-width: 980px) {
#fh5co-content_show .lefter .sd-card {
border-radius: 12px;
padding: 15px 15px 10px;
margin-bottom: 14px;
}
#fh5co-content_show .lefter .sd-hd h2 { font-size: 15px; }
#fh5co-content_show .lefter .sd-nav > .button.iconfont { top: 11px; right: 11px; }
}
@media (max-width: 640px) {
#fh5co-content_show .lefter .sd-card {
margin-bottom: 12px;
box-shadow: 0 1px 2px rgba(16, 42, 80, .04), 0 6px 16px -10px rgba(16, 42, 80, .18);
}
#fh5co-content_show .lefter .sd-pitem { padding: 9px 14px 9px 6px; }
#fh5co-content_show .lefter .sd-posts-list .sd-pitem:last-child { padding-bottom: 2px; }
}
.qs-article-layout { overflow: visible; }
@media (min-width: 760px) {
#fh5co-content_show {
display: flex;
align-items: flex-start;
gap: 0;
}
#fh5co-content_show > .lefter {
float: none;
flex: 0 0 33.3333%;
max-width: 33.3333%;
min-width: 0;
padding-right: 24px;
display: flex;
flex-direction: column;
}
#fh5co-content_show > .xs8 {
float: none;
flex: 1 1 auto;
max-width: 66.6667%;
min-width: 0;
}
#fh5co-content_show.qs-article {
align-items: stretch;
overflow: visible;
}
#fh5co-content_show.qs-article > .lefter { flex-basis: 33.3333%; max-width: 33.3333%; }
#fh5co-content_show.qs-article > .xs8 { max-width: 66.6667%; }
}
@media (min-width: 1000px) {
#fh5co-content_show > .lefter { flex-basis: 25%; max-width: 25%; }
#fh5co-content_show > .xs8 { max-width: 75%; }
}
@media (min-width: 760px) {
#fh5co-content_show.qs-article > .lefter .sd-posts {
position: -webkit-sticky;
position: sticky;
top: calc(var(--hn-nav-h, 52px) + var(--hn-stick-gap, 16px));
z-index: 20;
display: flex;
flex-direction: column;
max-height: calc(100vh - var(--hn-nav-h, 52px) - var(--hn-stick-gap, 16px) - 20px);
overflow: hidden;
transition: top .2s ease, box-shadow .25s ease;
box-shadow: 0 2px 4px rgba(16, 42, 80, .05), 0 18px 40px -18px rgba(16, 42, 80, .3);
}
#fh5co-content_show.qs-article > .lefter .sd-posts > .sd-hd { flex: none; }
#fh5co-content_show.qs-article > .lefter .sd-posts .sd-posts-list {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: var(--hn-primary-14, rgba(0, 51, 102, .14)) transparent;
}
#fh5co-content_show.qs-article > .lefter .sd-posts .sd-posts-list::-webkit-scrollbar { width: 5px; }
#fh5co-content_show.qs-article > .lefter .sd-posts .sd-posts-list::-webkit-scrollbar-thumb {
border-radius: 3px;
background: var(--hn-primary-14, rgba(120, 142, 168, .35));
}
#fh5co-content_show.qs-article > .lefter .sd-posts .sd-posts-list::-webkit-scrollbar-thumb:hover {
background: var(--hn-primary, #003366);
}
#fh5co-content_show.qs-article > .lefter .sd-posts .sd-posts-list::-webkit-scrollbar-track { background: transparent; }
}
@media (max-width: 759px) {
#fh5co-content_show {
display: flex;
flex-direction: column;
}
#fh5co-content_show > .xs8 {
order: 1;
width: 100%;
max-width: 100%;
float: none;
}
#fh5co-content_show > .lefter {
order: 2;
width: 100%;
max-width: 100%;
float: none;
padding: 0;
margin-top: 4px;
border-top: 1px solid rgba(17, 38, 66, .07);
padding-top: 16px;
}
#fh5co-content_show .lefter .sd-card {
margin-bottom: 12px;
padding: 15px 15px 10px;
}
#fh5co-content_show .lefter .sd-card:last-child { margin-bottom: 0; }
#fh5co-content_show .lefter .sd-pmain > a {
white-space: normal;
overflow: visible;
text-overflow: clip;
line-height: 21px;
}
#fh5co-content_show > .lefter .sd-nav .sd-hd h2 { padding-right: 30px; }
#fh5co-content_show > .lefter .sd-cate-nav,
#fh5co-content_show > .lefter .sd-cate-nav.is-article,
#fh5co-content_show > .lefter .sd-cate-nav.is-category { display: none !important; }
#fh5co-content_show.qs-article > .xs8 > div.qs-post-crumb { display: none !important; }
}
.qs-post-banner {
width: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
}
.qs-post-banner > .slideshow {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 760px) {
.qs-post-banner { display: none; }
}
#fh5co-content_show div.title {
height: auto;
min-height: 40px;
display: flex;
align-items: center;
padding: 2px 0;
box-sizing: border-box;
}
#fh5co-content_show div.title > h2 {
display: block;
width: 100%;
line-height: 34px;
overflow: visible;
white-space: normal;
word-break: break-word;
}
#fh5co-content_show div.title > h2 > a,
#fh5co-content_show div.title > h2 > span {
line-height: 34px;
}
#fh5co-content_show .show_content > .show_list,
#fh5co-content_show .show_content > .product_list_box {
padding-top: 18px;
box-sizing: border-box;
}
#fh5co-content_show > .xs8,
#fh5co-content_show .show_content,
#fh5co-content_show .show_body,
#fh5co-content_show .detail,
#fh5co-content_show .article_content {
min-width: 0;
max-width: 100%;
}
#fh5co-content_show .article_content {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
#fh5co-content_show .article_content img,
#fh5co-content_show .show_body img,
#fh5co-content_show .detail img {
max-width: 100% !important;
height: auto !important;
}
#fh5co-content_show .article_content video,
#fh5co-content_show .article_content iframe,
#fh5co-content_show .article_content embed,
#fh5co-content_show .article_content object,
#fh5co-content_show .show_body video,
#fh5co-content_show .show_body iframe {
max-width: 100%;
}
#fh5co-content_show .article_content table,
#fh5co-content_show .show_body table,
#fh5co-content_show .detail table {
max-width: 100%;
}
#fh5co-content_show .article_content pre,
#fh5co-content_show .show_body pre {
max-width: 100%;
overflow-x: auto;
white-space: pre-wrap;
word-break: break-word;
}
#fh5co-content_show .article_content > p > img:only-child,
#fh5co-content_show .article_content > img {
display: block;
margin-left: auto;
margin-right: auto;
}
#fh5co-content_show div.title {
border-bottom: 1px solid var(--hn-line, #d6d6d6) !important;
background-image: none !important;
box-shadow: none !important;
}
#fh5co-content_show div.title::before,
#fh5co-content_show div.title::after,
#fh5co-content_show div.title > h2::before,
#fh5co-content_show div.title > h2::after {
content: none !important;
display: none !important;
border: 0 !important;
}
#fh5co-content_show div.title > h2 {
border-bottom: 0 !important;
text-decoration: none !important;
background-image: none !important;
box-shadow: none !important;
}
#fh5co-content_show div.title > h2 a,
#fh5co-content_show div.title > h2 a:link,
#fh5co-content_show div.title > h2 a:visited,
#fh5co-content_show div.title > h2 a:hover,
#fh5co-content_show div.title > h2 a:focus,
#fh5co-content_show div.title > h2 span {
text-decoration: none !important;
border-bottom: 0 !important;
box-shadow: none !important;
background-image: none !important;
}
#fh5co-content_show .article-media.article-thumb li {
display: flex !important;
align-items: center;
gap: 14px;
height: auto !important;
min-height: 80px;
line-height: normal !important;
white-space: normal !important;
overflow: hidden;
padding: 14px 0 !important;
box-sizing: border-box;
border-bottom: 1px dashed var(--hn-line, #e5e5e5);
}
#fh5co-content_show .article-media.article-thumb li:last-child {
border-bottom: 0;
}
#fh5co-content_show .article-media.article-thumb .thumb-box {
float: none !important;
flex: 0 0 120px;
width: 120px;
height: 80px;
margin-right: 0 !important;
border-radius: 4px;
}
#fh5co-content_show .article-media.article-thumb .thumb-box img {
width: 120px;
height: 80px;
object-fit: cover;
display: block;
}
#fh5co-content_show .article-media.article-thumb .media-info {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
line-height: 22px !important;
display: flex;
flex-direction: column;
justify-content: center;
}
#fh5co-content_show .article-media.article-thumb .media-info h3 {
font-size: 15px;
line-height: 22px !important;
margin: 0 0 6px !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-word;
}
#fh5co-content_show .article-media.article-thumb .media-info h3 a {
display: inline-block;
line-height: 22px;
text-decoration: none;
}
#fh5co-content_show .article-media.article-thumb .media-info .media-date {
font-size: 12px;
line-height: 18px;
color: var(--hn-text-60, #999);
}
@media (max-width: 480px) {
#fh5co-content_show .article-media.article-thumb li {
min-height: 62px;
padding: 12px 0 !important;
gap: 10px;
}
#fh5co-content_show .article-media.article-thumb .thumb-box {
flex: 0 0 90px;
width: 90px;
height: 62px;
}
#fh5co-content_show .article-media.article-thumb .thumb-box img {
width: 90px;
height: 62px;
}
#fh5co-content_show .article-media.article-thumb .media-info h3 {
font-size: 13px;
line-height: 20px !important;
margin-bottom: 3px !important;
}
#fh5co-content_show .article-media.article-thumb .media-info h3 a { line-height: 20px; }
}
.slideshow {
width: 100%;
max-width: 100%;
height: auto;
padding: 0;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
.slideshow > img,
.slideshow img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
object-fit: cover;
}
.qs-post-banner > .slideshow {
height: auto;
}
@media screen and (max-width: 480px) {
#fh5co-content_show .Productpic {
width: 100% !important;
max-width: 340px;
height: auto;
float: none;
margin: 0 auto 14px;
}
#fh5co-content_show .Productpic .img {
width: 100%;
height: auto;
}
#fh5co-content_show .Producttxt {
padding-left: 0;
padding-top: 0;
float: none;
width: 100%;
}
}
@media screen and (max-width: 900px) {
.qs-eu-grid {
grid-template-columns: 1fr 1fr;
gap: 30px;
padding: 40px 0 32px;
}
.qs-eu-brand { grid-column: 1 / -1; }
}
@media screen and (max-width: 600px) {
.qs-eu-grid {
grid-template-columns: 1fr;
gap: 24px;
padding: 28px 0 24px;
}
.qs-eu-brand,
.qs-eu-col,
.qs-eu-col:last-child { grid-column: auto; }
.qs-eu-col:not(.qs-eu-brand) { display: block; }
.qs-eu-slogan { display: block; }
.qs-eu-col h3,
.qs-eu-col h4 { margin-bottom: 10px; font-size: 12.5px; }
.qs-eu-col li { line-height: 2; font-size: 12.5px; }
}
#fh5co-content_show .article_content table,
#fh5co-content_show .show_body table,
#fh5co-content_show .detail table {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border-collapse: collapse;
}
#fh5co-content_show .article_content table th,
#fh5co-content_show .article_content table td {
word-break: break-word;
}
.ww100 { height: auto; min-height: 35px; }
#hntop {
height: auto !important;
min-height: 35px;
overflow: visible !important;
}
#hntop .hntopleft p,
#hntop .hntopright li { line-height: 35px; }
@media screen and (max-width: 640px) {
#hntop .hntopright > li:not(.qs-top-user) { display: none; }
}
@media screen and (max-width: 760px) {
.search-suggest {
top: auto !important;
bottom: 100% !important;
max-height: 32vh;
border-radius: 8px 8px 0 0 !important;
}
}
@media screen and (max-width: 360px) {
.qs-um-drop {
min-width: 0;
width: calc(100vw - 28px);
max-width: calc(100vw - 28px);
}
}
@media screen and (min-width: 760px) and (max-width: 760px) {
#fh5co-header .nav-navicon { display: none; }
#fh5co-header .icon-daohang { display: block; }
#fh5co-header .logo { text-align: center; }
}
/* --- origin.css --- */
.qs-origin {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
padding: 0 8px;
height: 22px;
line-height: 22px;
font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
border-radius: 4px;
text-decoration: none;
white-space: nowrap;
}
.qs-origin-original { color: #0e7a54; background: #e8f6f0; border: 1px solid #b7e3d1; }
.qs-origin-reprint { color: #a15c00; background: #fdf3e3; border: 1px solid #f0d6a8; }
.qs-origin-compile { color: #2b5a8c; background: #eef4fb; border: 1px solid #c8dbf0; }
#fh5co-content_show .qhd-title {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
min-height: 32px;
line-height: 32px;
}
#fh5co-content_show .qhd-title > span { flex: 0 0 auto; }
#fh5co-content_show .qhd-title span.qs-origin {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin: 0 0 0 10px;
padding: 0 8px;
height: 22px;
line-height: 1;
font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
border-radius: 4px;
vertical-align: middle;
white-space: nowrap;
}
#fh5co-content_show .qhd-title span.qs-origin-original { color: #0e7a54; background: #e8f6f0; border: 1px solid #b7e3d1; }
#fh5co-content_show .qhd-title span.qs-origin-reprint { color: #a15c00; background: #fdf3e3; border: 1px solid #f0d6a8; }
#fh5co-content_show .qhd-title span.qs-origin-compile { color: #2b5a8c; background: #eef4fb; border: 1px solid #c8dbf0; }
.qs-origin-note {
position: relative;
margin: 30px 0 8px;
padding: 16px 18px 14px;
border: 1px solid #e6ecf4;
border-left: 3px solid var(--hn-primary, #003366);
border-radius: 10px;
background: #f7f9fc;
font-size: 13.5px;
line-height: 1.9;
color: #4a5568;
word-break: break-word;
}
.qs-origin-note-original { border-left-color: #0e8a5f; background: #f5fbf8; border-color: #dcefe7; }
.qs-origin-note-reprint { border-left-color: #d08a1a; background: #fffaf1; border-color: #f2e2c6; }
.qs-origin-note-compile { border-left-color: #2f6fa8; }
.qs-origin-note .qs-on-tag {
display: inline-block;
margin-bottom: 8px;
padding: 2px 9px;
border-radius: 3px;
background: var(--hn-primary, #003366);
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
}
.qs-origin-note-original .qs-on-tag { background: #0e8a5f; }
.qs-origin-note-reprint .qs-on-tag { background: #c07811; }
.qs-origin-note .qs-on-body p {
margin: 0 0 6px;
text-indent: 0;
font-size: 13.5px;
line-height: 1.9;
color: #4a5568;
}
.qs-origin-note .qs-on-body p:last-child { margin-bottom: 0; }
.qs-origin-note .qs-on-body a {
color: #12609f;
text-decoration: none;
border-bottom: 1px dotted rgba(18, 96, 159, .45);
}
.qs-origin-note .qs-on-body a:hover { color: var(--hn-primary, #003366); border-bottom-style: solid; }
.qs-origin-note .qs-on-src { font-size: 12.5px; color: #7b8794; }
@media (max-width: 640px) {
.qs-origin { margin-left: 6px; height: 20px; line-height: 20px; font-size: 11px; padding: 0 6px; }
#fh5co-content_show .qhd-title span.qs-origin { margin-left: 8px; height: 20px; padding: 0 6px; font-size: 11px; line-height: 1; }
.qs-origin-note { margin: 22px 0 6px; padding: 13px 14px 12px; border-radius: 8px; font-size: 13px; }
.qs-origin-note .qs-on-body p { font-size: 13px; line-height: 1.85; }
}
/* --- pager-mobile.css --- */
@media screen and (max-width: 759px) {
#fh5co-content_show .fenyetiao,
.pagebar.commentpagebar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 6px;
margin: 0;
padding: 14px 2px 6px;
list-style: none;
text-align: center;
}
#fh5co-content_show .fenyetiao > a,
#fh5co-content_show .fenyetiao > span,
.pagebar.commentpagebar > a,
.pagebar.commentpagebar > span {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
padding: 0 8px;
margin: 0;
box-sizing: border-box;
border: 1px solid #e9e9e9;
border-radius: 4px;
background: #fff;
color: #6b7280;
font-size: 14px;
line-height: 1;
text-decoration: none;
white-space: nowrap;
}
#fh5co-content_show .fenyetiao > a > span,
.pagebar.commentpagebar > a > span {
display: inline-block;
min-width: 0;
height: auto;
padding: 0;
margin: 0;
border: 0;
background: none;
color: inherit;
font-size: inherit;
line-height: 1;
}
#fh5co-content_show .fenyetiao > span.now-page,
.pagebar.commentpagebar > span.now-page {
border-color: var(--hn-primary, #003366);
background: var(--hn-primary, #003366);
color: #fff;
font-weight: 600;
}
}
@media screen and (max-width: 400px) {
#fh5co-content_show .fenyetiao,
.pagebar.commentpagebar {
gap: 5px;
padding-top: 12px;
}
#fh5co-content_show .fenyetiao > a,
#fh5co-content_show .fenyetiao > span,
.pagebar.commentpagebar > a,
.pagebar.commentpagebar > span {
min-width: 30px;
height: 31px;
padding: 0 6px;
font-size: 13px;
}
}