/* BOYOM 玻恩厨电 定制补充样式（跟随模板主色 #de2f09） */

/* 面包屑 */
.becm-crumb { padding: 18px 0; border-bottom: 1px solid #f1f1f1; background: #fafafa; font-size: 14px; color: #848484; }
.becm-crumb a { color: #616060; }
.becm-crumb a:hover { color: #de2f09; }
.becm-crumb i { margin: 0 8px; color: #d6d6d6; }
.becm-crumb span { color: #de2f09; }

/* 产品头部 */
.becm-product-head { padding: 40px 0; background: #fff; }
.becm-product-img { width: 46%; max-width: 460px; border: 1px solid #f1f1f1; border-radius: 6px; overflow: hidden; }
.becm-product-img img { width: 100%; display: block; }
.becm-product-info { width: 48%; padding-top: 10px; }
.becm-product-info .c-title { font-size: 30px; color: #2f2f2f; line-height: 1.35; margin-bottom: 12px; }
.becm-model { font-size: 16px; color: #848484; margin-bottom: 22px; }
.becm-cta { margin-top: 26px; }
.becm-btn { display: inline-block; padding: 12px 26px; border-radius: 4px; font-size: 16px; margin-right: 14px; margin-bottom: 10px; transition: all .25s; }
.becm-btn-primary { background: #de2f09; color: #fff; }
.becm-btn-primary:hover { background: #cf352d; color: #fff; }
.becm-btn-ghost { border: 1px solid #de2f09; color: #de2f09; }
.becm-btn-ghost:hover { background: #de2f09; color: #fff; }

/* 内容区 */
.becm-content { padding: 30px 0 50px; background: #fff; }
.becm-sec-title { font-size: 24px; color: #2f2f2f; margin-bottom: 22px; padding-left: 12px; border-left: 4px solid #de2f09; line-height: 1.3; }
.becm-rich { font-size: 15px; color: #444; line-height: 1.9; }
.becm-rich img { max-width: 100%; height: auto; display: block; margin: 0 auto 8px; border-radius: 4px; }
.becm-rich p { margin-bottom: 12px; }

/* 相关产品 */
.becm-related { padding: 40px 0 50px; background: #fafafa; }
.becm-related-list { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.becm-related-list li { width: 25%; padding: 0 10px 20px; box-sizing: border-box; }
.becm-related-list li a { display: block; background: #fff; border: 1px solid #f1f1f1; border-radius: 6px; overflow: hidden; transition: all .25s; }
.becm-related-list li a:hover { box-shadow: 0 8px 20px rgba(0,0,0,.08); transform: translateY(-3px); }
.becm-related-list .c-img-box { aspect-ratio: 1/1; overflow: hidden; }
.becm-related-list .c-img-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.becm-related-list .c-title { padding: 12px 14px; font-size: 15px; color: #2f2f2f; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 上下篇 */
.becm-pn { padding: 20px 0 40px; background: #fff; font-size: 14px; }
.becm-pn a { color: #616060; }
.becm-pn a:hover { color: #de2f09; }
.becm-pn i { margin: 0 6px; }
.becm-pn-inner { padding-top: 10px; border-top: 1px solid #f1f1f1; }
.becm-muted { color: #bbb; }

/* 公司信息块 */
.becm-info { padding: 50px 0 60px; background: #fafafa; }
.becm-info-top { padding-top: 40px; }
.becm-info .c-big-title { font-size: 26px; color: #2f2f2f; text-align: center; margin-bottom: 34px; }
.becm-info-list { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.becm-info-list li { width: 50%; padding: 0 12px 22px; box-sizing: border-box; display: flex; align-items: flex-start; }
.becm-info-list li > i { width: 44px; height: 44px; line-height: 44px; text-align: center; background: #de2f09; color: #fff; border-radius: 50%; font-size: 18px; flex: none; margin-right: 14px; }
.becm-info-list li b { display: block; font-size: 15px; color: #2f2f2f; margin-bottom: 4px; }
.becm-info-list li p { font-size: 14px; color: #616060; line-height: 1.7; }

/* 关于页图文间距 */
.becm-about { padding: 50px 0; }
.becm-about .c-wrap { display: flex; align-items: center; gap: 40px; }
.becm-about .c-text-box { flex: 1; }
.becm-about .c-img-box { width: 42%; max-width: 430px; flex: none; }
.becm-about .c-img-box img { width: 100%; border-radius: 8px; display: block; box-shadow: 0 10px 30px rgba(0,0,0,.1); }
.becm-about .c-title { font-size: 28px; margin-bottom: 10px; }
.becm-about .c-subtitle { color: #de2f09; font-size: 16px; margin-bottom: 18px; }
.becm-about .c-text p { margin-bottom: 12px; color: #616060; line-height: 1.9; }

/* 在线留言 */
.becm-message { padding: 50px 0 70px; background: #fff; }
.becm-message .c-big-title { font-size: 26px; color: #2f2f2f; text-align: center; margin-bottom: 10px; }
.becm-message-tip { text-align: center; color: #848484; margin-bottom: 30px; font-size: 14px; }
.becm-form-row { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
.becm-form-row input { flex: 1; min-width: 260px; height: 46px; line-height: 46px; border: 1px solid #e8e8e8; border-radius: 4px; padding: 0 14px; font-size: 14px; outline: none; }
.becm-form-row textarea { width: 100%; border: 1px solid #e8e8e8; border-radius: 4px; padding: 12px 14px; font-size: 14px; outline: none; resize: vertical; }
.becm-form-row input:focus, .becm-form-row textarea:focus { border-color: #de2f09; }
.becm-submit { background: #de2f09; color: #fff; border: none; border-radius: 4px; padding: 12px 40px; font-size: 16px; cursor: pointer; transition: background .25s; }
.becm-submit:hover { background: #cf352d; }
.becm-submit-big { display: block; margin: 10px auto 0; padding: 13px 60px; }

/* 空状态 */
.becm-empty { text-align: center; color: #848484; padding: 60px 0; font-size: 15px; }

/* 首页弹窗表单提交按钮继承模板样式时兜底 */
#c-fixed-bottom .becm-submit { width: auto; }

/* Toast 提示 */
#becm-toast { position: fixed; top: 20%; left: 50%; transform: translateX(-50%); z-index: 99999; background: rgba(0,0,0,.78); color: #fff; padding: 12px 26px; border-radius: 6px; font-size: 14px; display: none; max-width: 80%; text-align: center; }
#becm-toast.becm-toast-ok { background: rgba(40,167,69,.92); }
#becm-toast.becm-toast-err { background: rgba(220,53,69,.92); }

/* 移动端适配 */
@media (max-width: 991px) {
    .becm-product-img, .becm-product-info { width: 100%; max-width: 100%; float: none; }
    .becm-product-info { margin-top: 24px; }
    .becm-product-info .c-title { font-size: 24px; }
    .becm-related-list li { width: 50%; }
    .becm-info-list li { width: 100%; }
    .becm-about .c-wrap { flex-direction: column; }
    .becm-about .c-img-box { width: 100%; max-width: 100%; }
}
#c-advantage .c-list .c-text-box .c-top-box .c-num,
#c-advantage .c-list .c-text-box .c-top-box .c-text,
#c-advantage .c-list li:first-child .c-text-box .c-top-box .c-num,
#c-advantage .c-list li:first-child .c-text-box .c-top-box .c-text { color: #fff; }

/* 产品分类标签：栏目少时居中排列 */
#c-top-menu2 .c-list { justify-content: center; gap: 60px; }

/* 页脚与移动端 */
#c-footer .c-logo img { height: 60px; width: auto; }
.mobile-bar { display: none; }
@media (max-width: 767px) {
    .mobile-bar { display: flex; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #eee; z-index: 99; }
    .mobile-bar-item { flex: 1; text-align: center; padding: 8px 0 6px; color: #333; font-size: 12px; text-decoration: none; }
    .mobile-bar-item span { display: block; }
    body { padding-bottom: 50px; }
}
