/* B 区新导入的旧模板：只作用于手机屏幕，保留桌面端原样式。 */
html.sc-b-mobile .sc-b-menu-button { display: none; }
@media (max-width: 767px) {
html.sc-b-mobile, html.sc-b-mobile body { width: 100% !important; min-width: 0 !important;
max-width: 100%; overflow-x: hidden; }
html.sc-b-mobile *, html.sc-b-mobile *::before, html.sc-b-mobile *::after { box-sizing: border-box; }
html.sc-b-mobile img, html.sc-b-mobile video, html.sc-b-mobile iframe,
html.sc-b-mobile canvas, html.sc-b-mobile svg { max-width: 100%; }
html.sc-b-mobile img { height: auto; }
html.sc-b-mobile table { display: block; max-width: 100%; overflow-x: auto; }
html.sc-b-mobile input, html.sc-b-mobile select, html.sc-b-mobile textarea { max-width: 100%; }
html.sc-b-mobile { --sc-b-gutter: 14px; }
/* 无响应式样式的老模板：把固定宽度容器变为视口宽度，浮动列改为纵向。 */
html.sc-b-legacy body { min-width: 0 !important; width: 100% !important; }
html.sc-b-legacy body > div, html.sc-b-legacy body > header,
html.sc-b-legacy body > section, html.sc-b-legacy body > footer,
html.sc-b-legacy body > nav, html.sc-b-legacy body > main { max-width: 100% !important; }
html.sc-b-legacy .content, html.sc-b-legacy .container, html.sc-b-legacy .wrapper,
html.sc-b-legacy .wrap, html.sc-b-legacy .main, html.sc-b-legacy .header,
html.sc-b-legacy .footer, html.sc-b-legacy [class*="inner"],
html.sc-b-legacy [class*="conbox"], html.sc-b-legacy [class*="navcon"] {
width: 100% !important; min-width: 0 !important; max-width: 100% !important;
height: auto !important; margin-left: auto !important; margin-right: auto !important;
}
html.sc-b-legacy [class*="banner"], html.sc-b-legacy [class*="slider"],
html.sc-b-legacy [class*="focus"] {
max-width: 100% !important; height: auto !important; overflow: hidden !important;
}
html.sc-b-legacy .left, html.sc-b-legacy .right,
html.sc-b-legacy .l, html.sc-b-legacy .r,
html.sc-b-legacy .fl, html.sc-b-legacy .fr { float: none !important; }
html.sc-b-legacy .sc-b-stack > * { float: none !important; position: relative !important; left: auto !important;
right: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important;
height: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
html.sc-b-legacy .sc-b-stack { display: block !important; width: 100% !important; height: auto !important;
min-width: 0 !important; max-width: 100% !important; padding: var(--sc-b-gutter) !important; }
/* 老式轮播依赖固定像素 JS，在手机上展示第一张，避免脚本重新写回 1920px。 */
html.sc-b-legacy .sc-b-static-slide { width: 100% !important; height: auto !important;
max-height: 300px !important; overflow: hidden !important; position: relative !important; }
html.sc-b-legacy .sc-b-static-slide ul,
html.sc-b-legacy .sc-b-static-slide li { width: 100% !important; height: auto !important;
position: relative !important; left: auto !important; transform: none !important; }
html.sc-b-legacy .sc-b-static-slide li:not(:first-child),
html.sc-b-legacy .sc-b-static-slide .dh,
html.sc-b-legacy .sc-b-static-slide .preNext { display: none !important; }
html.sc-b-legacy .sc-b-static-slide img { width: 100% !important; max-width: 100% !important;
height: auto !important; object-fit: cover; }
/* 折叠导航，点击按钮展开；桌面导航及模板已有的移动菜单不替换。 */
html.sc-b-mobile .sc-b-nav { position: relative !important; width: 100% !important;
height: auto !important; min-height: 0 !important; max-width: 100% !important; }
html.sc-b-mobile .sc-b-nav.sc-b-nav-collapsed { display: none !important; }
html.sc-b-mobile .sc-b-nav.sc-b-nav-open { display: block !important; }
html.sc-b-mobile .sc-b-nav > ul, html.sc-b-mobile .sc-b-nav > ul > li {
display: block !important; float: none !important; width: 100% !important;
height: auto !important; position: relative !important; text-align: left !important;
left: auto !important; margin: 0 !important;
}
html.sc-b-mobile .sc-b-nav a { display: block !important; width: 100% !important;
min-height: 44px; height: auto !important; padding: 10px 16px !important;
line-height: 24px !important; white-space: normal !important; }
html.sc-b-mobile .sc-b-menu-button { display: block !important; position: relative; z-index: 1001;
margin: 8px 14px; padding: 8px 14px; min-height: 44px;
border: 1px solid #ccc; border-radius: 4px; background: #fff; color: #222;
font: 16px/24px Arial, sans-serif; cursor: pointer; }
/* html120 原主题在 html 和 body 上同时写死 min-width:1200px。 */
html.sc-b-mobile[data-sc-b-template="html120"],
html.sc-b-mobile[data-sc-b-template="html120"] body { min-width: 0 !important; width: 100% !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .barwrap { width: 100% !important;
min-width: 0 !important; padding: 0 10px !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .barwrap .logo { max-width: 54% !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .barwrap .div2 { display: none !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .sc-b-menu-button { position: fixed;
top: 14px; right: 8px; z-index: 1002; margin: 0; }
html.sc-b-mobile[data-sc-b-template="html120"] .sc-b-nav.sc-b-nav-open {
position: fixed !important; top: 72px; left: 0; right: 0; z-index: 1001;
max-height: calc(100vh - 72px) !important; overflow-y: auto !important;
background: #252733 !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .inner,
html.sc-b-mobile[data-sc-b-template="html120"] .box { width: 100% !important;
max-width: 100% !important; padding: 16px !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .banner .txt { width: 100% !important;
padding: 0 16px !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .banner,
html.sc-b-mobile[data-sc-b-template="html120"] .banner .bannerfix > li {
height: 260px !important; min-height: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .banner .bannerfix > li .bimg {
position: absolute !important; left: 50% !important; top: 50% !important;
width: auto !important; max-width: none !important; height: 100% !important;
transform: translate(-50%, -50%) !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .banner .bannerfix > li .txt {
top: 50% !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .barwrap { height: 72px !important;
background: #252733 !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .barwrap .logo img {
max-height: 54px !important; width: auto !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .index-sec1 .ul1 li { width: 50% !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .sec1-intro .intro-cont { margin-left: 0 !important;
display: block !important; padding: 16px !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .sec1-intro .left .div1 {
position: relative !important; border: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .search-box .div { width: 100% !important;
padding: 12px !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .search-box .in { width: 75% !important; }
html.sc-b-mobile[data-sc-b-template="html120"] .search-box .sub { width: 25% !important; }
/* html98 缺失独立 phone 目录，直接让桌面内容在手机上单列呈现。 */
html.sc-b-mobile[data-sc-b-template="html98"] .app,
html.sc-b-mobile[data-sc-b-template="html98"] .navtop,
html.sc-b-mobile[data-sc-b-template="html98"] [class^="c_content"],
html.sc-b-mobile[data-sc-b-template="html98"] [class^="c_cont"] {
min-width: 0 !important; max-width: 100% !important; width: 100% !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .right_box { display: none !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .nav_con { position: relative !important;
width: 100% !important; min-width: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .navul.sc-b-nav-open {
position: absolute !important; left: 0; right: 0; top: 70px; z-index: 1002;
background: #fff; }
html.sc-b-mobile[data-sc-b-template="html98"] .navul.sc-b-nav a { color: #333; }
html.sc-b-mobile[data-sc-b-template="html98"] .nav_con .sc-b-menu-button {
float: right; margin: 10px; }
html.sc-b-mobile[data-sc-b-template="html98"] .nav_con > img {
width: 60px !important; height: 60px !important; margin: 5px !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .nav_font { margin: 8px 2px !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .n_f_f1 { font-size: 17px !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .n_f_f2 { font-size: 12px !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .navtop ul.navul { margin: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .navtop ul.navul li {
float: none !important; line-height: 44px !important; margin: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .bgbanner { top: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .gift { width: 100% !important;
height: auto !important; margin-top: 0 !important; padding: 10px !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .gift_list,
html.sc-b-mobile[data-sc-b-template="html98"] .gift_main,
html.sc-b-mobile[data-sc-b-template="html98"] .g_main_left,
html.sc-b-mobile[data-sc-b-template="html98"] .g_main_right {
float: none !important; width: 100% !important; height: auto !important; margin: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .gift_list { display: flex; flex-wrap: wrap;
gap: 8px; justify-content: center; }
html.sc-b-mobile[data-sc-b-template="html98"] .gift_list > img,
html.sc-b-mobile[data-sc-b-template="html98"] .gift_list .absoulte_ewm {
position: static !important; float: none !important; width: auto !important;
height: auto !important; max-height: 125px !important; margin: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .gift_list > img:first-child {
width: 100% !important; max-height: 180px !important; object-fit: fill; }
html.sc-b-mobile[data-sc-b-template="html98"] .g_store { width: 100% !important;
display: flex !important; justify-content: center; gap: 8px; }
html.sc-b-mobile[data-sc-b-template="html98"] .g_store img {
width: 100% !important; height: auto !important; margin: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html98"] .g_main_left,
html.sc-b-mobile[data-sc-b-template="html98"] .g_main_right { margin-top: 12px !important; }
/* 已带 viewport 但正文仍按 1200px 绘制的几套模板。 */
html.sc-b-mobile[data-sc-b-template="html103"] .banner_list_style,
html.sc-b-mobile[data-sc-b-template="html103"] .container,
html.sc-b-mobile[data-sc-b-template="html112"] .hrforce-header,
html.sc-b-mobile[data-sc-b-template="html112"] .hrforce-nav,
html.sc-b-mobile[data-sc-b-template="html39"] .con,
html.sc-b-mobile[data-sc-b-template="html39"] .lf,
html.sc-b-mobile[data-sc-b-template="html48"] .row,
html.sc-b-mobile[data-sc-b-template="html48"] [class*="col-"],
html.sc-b-mobile[data-sc-b-template="html76"] .min-width {
min-width: 0 !important; max-width: 100% !important; width: 100% !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .banner_list_style { height: auto !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .headerbg {
margin: 0 !important; min-height: 64px; background: #17264a !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .headerbg .logo {
top: 12px !important; left: 12px !important; max-width: 95px; }
html.sc-b-mobile[data-sc-b-template="html103"] .header_phone { display: none !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .navBox.sc-b-nav-open {
display: block !important; position: absolute !important; top: 62px; left: 0;
right: 0; z-index: 1001; max-height: 70vh; overflow-y: auto;
background: #17264a; }
html.sc-b-mobile[data-sc-b-template="html103"] .navBox .navSub { display: none !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .navBox.sc-b-nav > ul > li {
display: block !important; float: none !important; width: 100% !important;
height: auto !important; line-height: 44px !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .navBox.sc-b-nav a { color: #fff !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .headerbg .sc-b-menu-button {
position: absolute; top: 10px; right: 10px; z-index: 1002; margin: 0; }
html.sc-b-mobile[data-sc-b-template="html103"] .banner_list_style .hd { bottom: 15px !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .banner_list_style .bd,
html.sc-b-mobile[data-sc-b-template="html103"] .banner_list_style .swiper-slide {
max-width: 100% !important; overflow: hidden !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .banner_list_style .container {
padding-left: 14px !important; padding-right: 14px !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .banner_list_style {
max-height: 560px !important; overflow: hidden !important; }
html.sc-b-mobile[data-sc-b-template="html103"] .ban1Line_style {
width: 100% !important; max-width: 100% !important; }
/* html112 的全屏加载遮罩依赖外部旧脚本，移动端避免遮住整页。 */
html.sc-b-mobile[data-sc-b-template="html112"] .loadding-container {
display: none !important; }
html.sc-b-mobile[data-sc-b-template="html112"] .hrforce-header {
height: 64px !important; position: relative !important; }
html.sc-b-mobile[data-sc-b-template="html112"] .hrforce-log {
max-width: 62% !important; }
html.sc-b-mobile[data-sc-b-template="html112"] .hrforce-header .sc-b-menu-button {
position: absolute; top: 10px; right: 8px; z-index: 1002; margin: 0; }
html.sc-b-mobile[data-sc-b-template="html112"] .hrforce-nav.sc-b-nav-open {
position: absolute !important; top: 64px; right: 0; left: 0; z-index: 1001;
background: #19518a; max-height: 70vh; overflow-y: auto; }
html.sc-b-mobile[data-sc-b-template="html112"] .hrforce-r-list > span,
html.sc-b-mobile[data-sc-b-template="html112"] .state-nav { display: none !important; }
html.sc-b-mobile[data-sc-b-template="html39"] .con,
html.sc-b-mobile[data-sc-b-template="html48"] .row { height: auto !important; }
html.sc-b-mobile[data-sc-b-template="html48"] [class*="col-"] {
float: none !important; padding-left: 12px !important; padding-right: 12px !important; }
html.sc-b-mobile[data-sc-b-template="html76"] header,
html.sc-b-mobile[data-sc-b-template="html76"] header > div {
max-width: 100% !important; min-width: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html41"] body { overflow-y: auto !important; }
html.sc-b-mobile[data-sc-b-template="html41"] .header_n,
html.sc-b-mobile[data-sc-b-template="html41"] .w1600,
html.sc-b-mobile[data-sc-b-template="html41"] .index_s_s,
html.sc-b-mobile[data-sc-b-template="html41"] .inner_index,
html.sc-b-mobile[data-sc-b-template="html41"] .w1080,
html.sc-b-mobile[data-sc-b-template="html41"] .footer_o {
width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
html.sc-b-mobile[data-sc-b-template="html41"] .header_n > ul.sc-b-nav.sc-b-nav-open {
position: absolute !important; top: 75px; left: 0; right: 0; z-index: 1002;
background: #202224; max-height: 70vh; overflow-y: auto; }
html.sc-b-mobile[data-sc-b-template="html41"] .header_n > ul.sc-b-nav a { color: #fff; }
html.sc-b-mobile[data-sc-b-template="html41"] .header_n .sc-b-menu-button {
float: right; margin: 5px 12px; }
html.sc-b-mobile[data-sc-b-template="html102"] .header,
html.sc-b-mobile[data-sc-b-template="html102"] .cont1 {
width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
html.sc-b-mobile[data-sc-b-template="html102"] .header .tel { display: none !important; }
html.sc-b-mobile[data-sc-b-template="html102"] .header .logo2 {
width: auto !important; flex: 1; min-width: 0; }
html.sc-b-mobile[data-sc-b-template="html102"] .header > ul.sc-b-nav,
html.sc-b-mobile[data-sc-b-template="html102"] .header > ul.sc-b-nav-collapsed {
display: none !important; }
html.sc-b-mobile[data-sc-b-template="html102"] .header > ul.sc-b-nav-open {
display: block !important; position: absolute !important; z-index: 1002;
top: 82px; left: 0; right: 0; background: #fff; }
html.sc-b-mobile[data-sc-b-template="html102"] .header > ul > a {
display: block; height: auto !important; width: 100% !important; }
html.sc-b-mobile[data-sc-b-template="html102"] .header > ul > .logo { display: none !important; }
html.sc-b-mobile[data-sc-b-template="html102"] .header .sc-b-menu-button {
margin-left: auto; flex: 0 0 auto; }
/* html35 的老式横向导航原本固定 1000px，手机上恢复为收起式单列菜单。 */
html.sc-b-mobile[data-sc-b-template="html35"] .logos { height: auto !important;
min-height: 90px; padding: 10px !important; }
html.sc-b-mobile[data-sc-b-template="html35"] .logos .logo,
html.sc-b-mobile[data-sc-b-template="html35"] .logos .Tel {
float: none !important; margin: 0 !important; }
html.sc-b-mobile[data-sc-b-template="html35"] .logos .logo img {
max-width: 100% !important; max-height: 75px !important; object-fit: contain; }
html.sc-b-mobile[data-sc-b-template="html35"] .Tel { display: none !important; }
html.sc-b-mobile[data-sc-b-template="html35"] #nav,
html.sc-b-mobile[data-sc-b-template="html35"] .nav-2 {
width: 100% !important; height: auto !important; }
html.sc-b-mobile[data-sc-b-template="html35"] .nav-1,
html.sc-b-mobile[data-sc-b-template="html35"] .nav-3 { display: none !important; }
html.sc-b-mobile[data-sc-b-template="html35"] #nav .sc-b-menu-button {
margin: 8px 12px !important; }
html.sc-b-mobile[data-sc-b-template="html35"] #t_nav.sc-b-nav-open {
background: #b51219 !important; height: auto !important; }
html.sc-b-mobile[data-sc-b-template="html35"] #t_nav.sc-b-nav > li,
html.sc-b-mobile[data-sc-b-template="html35"] #t_nav.sc-b-nav a {
float: none !important; width: 100% !important; height: auto !important;
line-height: 24px !important; text-align: left !important; }
html.sc-b-mobile[data-sc-b-template="html35"] .main1,
html.sc-b-mobile[data-sc-b-template="html35"] .main2,
html.sc-b-mobile[data-sc-b-template="html35"] .anli {
width: 100% !important; max-width: 100% !important; height: auto !important; }
html.sc-b-mobile[data-sc-b-template="html35"] .main1 ul li {
width: 100% !important; float: none !important; }
}