@charset "utf-8";
/* ==================== 移动端适配 CSS v2 ==================== */

/* ---- 全局基础适配 ---- */
@media screen and (max-width: 768px) {
  * {box-sizing: border-box !important;}
  body {font-size: 14px; overflow-x: hidden;}
  img {max-width: 100% !important; height: auto !important;}
  table {width: 100% !important;}
  .main {width: 100% !important; overflow-x: hidden;}

  /* 头部导航 */
  .head {width: 100% !important; height: auto !important; min-height: 50px; padding: 8px 0 !important; position: relative !important; background: #0f0e0e; z-index: 999;}
  .logo {margin: 0 0 0 12px !important; padding: 4px 0; display: inline-block;}
  .logo span {font-size: 18px !important;}
  .logo img {height: 22px !important; width: auto !important;}
  .menu {width: 100% !important; text-align: center !important; margin: 0 !important; padding: 4px 0 8px; display: flex; justify-content: center; flex-wrap: wrap;}
  .menu span {font-size: 13px !important; margin: 3px 4px !important; padding: 3px 6px !important;}

  /* Banner轮播 */
  .fullwidthbanner-container {height: 200px !important; overflow: hidden;}
  .fullwidthbanner-container .fullwidthabnner {max-height: 200px !important;}
  .fullwidthbanner img {height: 200px !important; object-fit: cover;}

  /* Slogan */
  .slogan {padding: 60px 16px !important; position: relative !important;}
  .slogan .s1 {font-size: 22px !important;}
  .slogan .s2 {font-size: 15px !important;}
  .slogan .s3 {font-size: 13px !important;}

  /* 通用区块 */
  .service, .advantage, .core-model, .service-item, .merit, .good, .final,
  .detail-item, .abi-product, .abi-more, .abi-marix, .abi-feature,
  .abi-applicate, .abi-detail-item, .build-manner, .build-detail,
  .build-charge, .case_show, .code_show, .code_down, .code_buy, .code_pay,
  .train-course, .course-detail, .increment-item {width: 100% !important; padding: 20px 0 !important; overflow: hidden;}

  /* 标题统一缩小 */
  .service .title, .advantage .title, .core-model .title, .detail-item .title,
  .service-item .title, .merit p, .good .title, .build-manner .title,
  .abi-product .title, .increment-head span {font-size: 20px !important; padding: 12px 0 !important;}

  /* 表格转堆叠 */
  .service table, .advantage table, .core-model table, .detail-item table,
  .service-item table, .merit table, .good table, .contract table,
  .build-manner table, .build-detail table, .build-charge table,
  .abi-product table, .abi-more table, .abi-marix table, .abi-feature table,
  .abi-applicate table, .abi-detail-item table, .case_show table, .code_show table,
  .increment-improve table, .increment-monitor .monitor-method table,
  .increment-spread .implement-step table, .increment-spread .spread-flow table,
  .spread-aim table, .increment-item table {width: 94% !important; margin: 0 auto 16px !important;}

  .service table tr, .advantage table tr, .core-model table tr, .detail-item table tr,
  .service-item table tr, .merit table tr, .good table tr,
  .build-manner table tr, .build-detail table tr, .build-charge table tr,
  .abi-product table tr, .abi-more table tr, .abi-marix table tr, .abi-feature table tr,
  .abi-applicate table tr, .abi-detail-item table tr, .case_show table tr, .code_show table tr,
  .increment-item table tr {height: auto !important; display: block !important; margin-bottom: 12px;}

  .service table td, .advantage table td, .core-model table td, .detail-item table td,
  .service-item table td, .merit table td, .good table td,
  .build-manner table td, .build-detail table td, .build-charge table td,
  .abi-product table td, .abi-more table td, .abi-marix table td, .abi-feature table td,
  .abi-applicate table td, .abi-detail-item table td, .case_show table td, .code_show table td,
  .increment-item table td {display: block !important; width: 100% !important; text-align: center !important; padding: 8px !important;}

  /* 服务区 */
  .service .item {padding: 12px !important; display: block !important;}
  .service .item img {width: 100% !important; max-width: 300px; height: auto !important;}
  .service .item p {font-size: 16px !important; margin: 8px 0 !important;}
  .service .item label {font-size: 12px !important; margin: 6px !important;}
  .service .item span {font-size: 13px !important; padding: 5px !important;}

  /* 优势区 */
  .advantage .feature {margin: 6px 0 !important; padding: 16px !important; display: block !important;}
  .advantage .feature img {width: 70px !important; height: 70px !important;}
  .advantage .feature p {font-size: 16px !important;}
  .advantage .feature label {font-size: 12px !important; margin: 6px !important;}

  /* 核心模型 */
  .core-model .item {margin: 12px 0 !important; display: block !important;}
  .core-model .item p {font-size: 16px !important;}
  .core-model .item label {font-size: 12px !important; margin: 4px !important;}
  .core-model table td img {width: 60px !important; height: 60px !important;}

  /* 视频 */
  .ai-video video {width: 100% !important; height: 220px !important;}

  /* 详情页 */
  .detail-banner {padding: 30px 16px !important; background-attachment: scroll !important;}
  .detail-banner .title {font-size: 18px !important;}
  .detail-banner .txt {width: 100% !important; font-size: 13px !important;}
  .detail-item .item {width: 100% !important; padding: 12px 0 !important; display: block !important;}
  .detail-item .item img {width: 100% !important; max-width: 280px; height: auto !important;}
  .detail-item .item p {font-size: 15px !important;}
  .detail-item .item label {font-size: 12px !important; margin: 6px !important;}
  .detail-item .apply {width: 100% !important; padding: 8px 0 !important;}
  .detail-item .apply img {width: 100% !important; max-width: 220px; height: auto !important;}

  /* 底部 */
  .bottom {width: 100% !important; padding: 10px 0 !important;}
  .bottom-href {width: 100% !important;}
  .bottom-href table {width: 94% !important; margin: 0 auto !important;}
  .bottom-href table th {font-size: 13px !important; width: auto !important; height: auto !important; padding: 6px;}
  .bottom-href table td {font-size: 11px !important; padding: 3px;}
  .bottom-href table td p {font-size: 10px !important;}
  .bottom-pic {position: static !important; width: auto !important; margin: 10px auto !important; text-align: center !important;}
  .bottom img {width: 100px !important; height: 100px !important;}

  /* 合同/联系区 */
  .contract p {font-size: 20px !important; height: auto !important; padding: 12px 0 !important;}
  .contract table td {width: 100% !important; height: auto !important; font-size: 14px !important; padding: 10px !important; display: block !important;}
  .contract table td p {width: 50px !important; height: 50px !important; padding: 10px 4px 0 !important;}
  .contract img {width: 36px !important; height: 36px !important;}
  .contract .leave-need {font-size: 16px !important; padding: 8px 12px !important; margin-top: 16px !important;}

  /* 优势 merit */
  .merit table td {display: block !important; text-align: center !important;}
  .merit table td img {width: 100% !important; max-width: 320px; height: auto !important; margin-top: 8px !important;}
  .merit table td p {font-size: 16px !important; padding: 12px 5px !important; margin: 4px 0 !important;}
  .merit table td .txt-1, .merit table td .txt-2, .merit table td .txt-3 {margin: 0 !important; position: static !important; display: block !important;}

  /* good */
  .good table {width: 94% !important;}
  .good table .td_img {width: 15% !important;}
  .good table .td_txt {width: 85% !important;}
  .good img {width: 50px !important; padding: 5px !important;}

  /* service-item (bi_solution) */
  .service-item {padding: 16px 0 !important;}
  .service-item .img-bg {width: 100% !important; display: block !important;}
  .service-item .img-bg .left-img, .service-item .img-bg .right-img {width: 100% !important; max-width: 300px; height: auto !important; box-shadow: none !important;}
  .service-item .txt-bg {display: block !important; padding: 12px !important;}
  .service-item .txt-bg p {font-size: 18px !important; margin: 6px 0 !important;}
  .service-item span {font-size: 13px !important;}

  /* abi-banner */
  .abi-banner {height: 200px !important;}
  .abi-banner img {height: 200px !important;}
  .abi-banner .banner-marquee marquee {width: 90% !important; margin: 10px auto !important;}
  .abi-banner .banner-body {width: 90% !important; top: 20% !important;}
  .abi-banner .banner-body .button span {width: auto !important; padding: 8px 16px !important; font-size: 14px !important;}

  /* abi-product */
  .abi-product .item {width: 100% !important; max-width: 320px; margin: 8px auto !important; padding: 16px 0 !important;}
  .abi-product .item img {width: 100% !important; max-width: 240px; height: auto !important;}
  .abi-product .item p {font-size: 16px !important;}
  .abi-product .item label {font-size: 12px !important; margin: 8px !important;}
  .abi-product .txt {width: 100% !important; max-width: 280px; position: static !important; margin: 0 auto !important; padding: 20px !important;}

  /* abi-more */
  .abi-more img {width: 100% !important; max-width: 260px; height: auto !important;}
  .abi-more .txt {width: 100% !important; max-width: 200px; position: static !important; margin: 0 auto !important; padding: 20px !important;}

  /* abi-feature */
  .abi-feature table .item {width: 100% !important; max-width: 280px; margin: 8px auto !important; padding: 16px !important;}
  .abi-feature table .item img {width: 60px !important; height: 60px !important;}

  /* abi-applicate */
  .abi-applicate .item {width: 100% !important; max-width: 260px; margin: 8px auto !important; padding: 40px 10px !important;}

  /* abi-detail-item */
  .abi-detail-item .function .item {width: 100% !important; max-width: 200px; margin: 8px auto !important;}
  .abi-detail-item .application .item {width: 100% !important; max-width: 200px; margin: 8px auto !important;}
  .abi-detail-item .function, .abi-detail-item .application, .abi-detail-item .more {width: 94% !important;}

  /* abi-detail-banner */
  .abi-detail-banner {height: 180px !important;}
  .abi-detail-banner img {height: 180px !important;}

  /* 网站定制 - website_build */
  .build-setmeal-6 img {width: 100% !important; max-width: 320px; height: auto !important;}
  .build-manner table td .button {width: 80% !important; margin-left: auto !important; margin-right: auto !important; font-size: 16px !important; padding: 16px !important;}
  .build-manner table td img {width: 100% !important; max-width: 200px; height: auto !important; position: static !important; margin: 8px 0 !important;}
  .build-detail table th, .build-detail table td {width: 100% !important; display: block !important; padding: 6px 12px !important; font-size: 14px !important;}
  .build-charge {height: auto !important; padding-top: 20px !important;}

  /* website_template - 关键修复：去除大margin-left */
  .website_template {padding-top: 20px !important;}
  .website_template .category-box {float: none !important; width: 100% !important; height: auto !important; position: relative !important; padding: 12px 0 !important;}
  .website_template .list-box {width: 100% !important; margin-left: 0 !important; padding: 16px !important;}
  .website_template .list-box .no-data {width: 100% !important; padding-top: 40px !important;}
  .website_template .list-box table img {width: 100% !important; max-width: 300px; height: auto !important;}
  .website_template .list-box table a img {width: 30px !important; height: 28px !important; margin: 10px !important;}

  /* website_custom */
  .website_custom {padding-top: 20px !important; padding-bottom: 20px !important;}
  .website_custom .result {width: 94% !important; padding: 40px 0 !important;}
  .website_custom .category-box {width: 94% !important; padding: 20px 0 !important;}
  .website_custom .category-box .choice {width: 90% !important; font-size: 14px !important; padding: 12px !important;}
  .website_custom .category-box .button {width: 60% !important; font-size: 14px !important; padding: 12px 0 !important;}
  .website_custom .list-box {width: 100% !important; margin-left: 0 !important; padding: 16px !important;}
  .website_custom .list-box .no-data {width: 100% !important; padding-top: 40px !important;}
  .website_custom .list-box table img {width: 100% !important; max-width: 300px; height: auto !important;}

  /* case_show */
  .case_show table .item .img-box {width: 100% !important; max-width: 200px; height: auto !important; margin-bottom: 12px !important;}
  .case_show table .item img {width: 100% !important; max-width: 200px; height: auto !important;}

  /* code_show */
  .code_show .register_form {width: 94% !important; padding: 12px !important;}
  .code_show .register_form table {padding: 12px !important;}
  .code_show .register_form table td input {width: 100% !important;}
  .code_show .register_result {width: 94% !important; padding: 40px 0 !important;}
  .code_show table .item .img-box {width: 100% !important; max-width: 180px; height: auto !important;}
  .code_show table .item img {width: 100% !important; max-width: 180px; height: auto !important;}

  /* code_down */
  .code_down .register_form {width: 94% !important; padding: 16px !important;}
  .code_down .register_form table td input {width: 100% !important;}
  .code_down .register_result {width: 94% !important; padding: 40px 0 !important;}
  .code_down .list-box {width: 94% !important; padding: 20px 12px !important;}
  .code_down .list-box .style_img {width: 100% !important; max-width: 280px; height: auto !important; float: none !important; margin: 8px auto !important;}
  .code_down .list-box .title {width: 100% !important; margin-left: 0 !important; font-size: 18px !important;}
  .code_down .list-box .no-data {width: 100% !important; padding-top: 40px !important;}

  /* code_buy / code_pay */
  .code_buy .list-box, .code_pay .list-box {width: 94% !important; padding: 16px !important;}
  .code_buy .list-box img, .code_pay .list-box img {width: 100% !important; max-width: 200px; height: auto !important; float: none !important; margin: 8px auto !important;}
  .code_buy .list-box table, .code_pay .list-box table {width: 100% !important;}
  .code_buy .list-box table td .text, .code_pay .list-box table td .text {width: 100% !important;}
  .code_pay .list-box table td .qrcode_img {width: 150px !important; height: 150px !important;}

  /* train-course */
  .train-course .category-box {float: none !important; width: 100% !important; height: auto !important; margin: 0 0 12px 0 !important; padding: 12px !important;}
  .train-course .category-box input {width: 90% !important; height: 32px !important; font-size: 14px !important;}
  .train-course .list-box {width: 100% !important; margin: 0 !important; padding: 12px !important;}
  .train-course .list-box .no-data {width: 100% !important; padding-top: 40px !important;}
  .train-course .list-box img {width: 100% !important; max-width: 300px; height: auto !important;}

  /* course-detail */
  .course-detail .course-intro {width: 100% !important; margin: 0 0 12px 0 !important; height: auto !important; padding: 16px !important;}
  .course-detail .course-play {float: none !important; width: 100% !important; margin: 0 !important;}

  /* 网站增量 increment */
  .increment-improve, .increment-monitor, .increment-spread {padding-top: 30px !important; padding-bottom: 30px !important; background-attachment: scroll !important;}
  .increment-improve table {width: 94% !important; padding: 16px !important;}
  .increment-improve .trouble-solution {width: 100% !important; padding: 0 12px !important; font-size: 13px !important;}
  .increment-improve img {width: 100% !important; max-width: 300px; height: auto !important;}
  .increment-monitor .monitor-method .method-item {width: 100% !important; max-width: 260px; padding: 20px 16px !important;}
  .increment-monitor .monitor-method table img {width: 50px !important; height: 50px !important;}
  .increment-spread .implement-step table img {width: 100% !important; max-width: 300px; padding-bottom: 20px !important; margin-right: 0 !important;}
  .increment-spread .spread-flow table img {height: 200px !important;}
  .increment-item .txt {width: 100% !important; max-width: 280px; position: static !important; margin: 0 auto !important; height: auto !important; padding: 16px !important;}
  .increment-item img {width: 100% !important; max-width: 280px; height: auto !important;}
  .increment-item .pic {width: 40px !important; height: 40px !important; margin: 0 !important; position: static !important;}
  .website-reform-banner, .website-increment-banner {height: 200px !important;}
  .website-reform-banner img, .website-increment-banner img {height: 200px !important;}
  .website-reform-banner marquee, .website-increment-banner marquee {width: 90% !important;}

  /* 弹窗 */
  .need-pop {width: 92% !important; height: auto !important; margin: 20px auto !important; position: fixed !important; left: 4% !important; right: 4% !important; top: 20px !important;}
  .login-pop {width: 92% !important; height: auto !important; margin: 0 !important; position: fixed !important; left: 4% !important; top: 50% !important; transform: translateY(-50%) !important;}
  .login-pop table {margin: 16px !important;}
  .login-pop table td input {width: 100% !important;}
  .login-pop table td input[type=submit] {width: 100% !important;}
  .login-pop table td span {width: auto !important; padding: 9px 40px !important;}

  /* report */
  .report {width: 100% !important; margin: 8px !important;}
  .report th, .report td {min-width: auto !important; font-size: 12px !important; padding: 4px;}

  /* custom_dimon_pop */
  .custom_dimon_pop {width: 100% !important;}
  .quota_pop {max-width: 100% !important; margin: 8px !important;}

  /* 菜单标签 */
  .menu-tag {width: 100% !important; margin: 12px 0 0 0 !important; padding: 0 12px !important;}

  /* 底部间距 */
  .bottom-space {height: 20px;}
}

/* ---- 手机小屏 (max-width: 480px) ---- */
@media screen and (max-width: 480px) {
  .logo span {font-size: 16px !important;}
  .menu span {font-size: 12px !important; margin: 2px 3px !important; padding: 2px 4px !important;}
  .slogan {padding: 50px 12px !important;}
  .slogan .s1 {font-size: 18px !important;}
  .fullwidthbanner-container {height: 160px !important;}
  .fullwidthbanner img {height: 160px !important;}
  .service .title, .advantage .title, .core-model .title {font-size: 18px !important;}
  .abi-banner {height: 160px !important;}
  .abi-banner img {height: 160px !important;}
  .ai-video video {height: 180px !important;}
}

/* ---- 超小屏 (max-width: 360px) ---- */
@media screen and (max-width: 360px) {
  .menu span {font-size: 11px !important; margin: 1px 2px !important; padding: 2px 3px !important;}
  .slogan .s1 {font-size: 16px !important;}
  .fullwidthbanner-container {height: 140px !important;}
  .fullwidthbanner img {height: 140px !important;}
}

/* ==================== 移动端补充适配 v2.1 ==================== */

/* ---- slide-banner (ai_agent 页面 banner 轮播) ---- */
@media screen and (max-width: 768px) {
  .slide-banner {width: 100% !important; height: 200px !important; overflow: hidden !important;}
  .slide-banner .slide {width: 100% !important; height: 200px !important;}
  .slide-banner .slide img {width: 100% !important; height: 200px !important; object-fit: cover !important;}

  /* ---- website_build 套餐区 (固定418px宽度修复) ---- */
  .build-setmeal {padding: 24px 0 !important;}
  .build-setmeal .theme {font-size: 20px !important; height: auto !important; padding: 8px 0 !important;}
  .build-setmeal table {width: 94% !important; margin: 0 auto 8px !important;}
  .build-setmeal td {height: auto !important; font-size: 14px !important; padding: 6px 4px !important; display: block !important; text-align: left !important;}

  /* 套餐标签 - 修复过大padding导致溢出 */
  .build-setmeal-tag {padding: 12px 0 !important;}
  .build-setmeal-tag span {padding: 10px 18px !important; font-size: 14px !important; margin: 4px !important; display: inline-block !important;}
  .build-setmeal-tag .selected {padding: 10px 18px !important; font-size: 14px !important;}

  /* build-setmeal-1 ~ 6 - 修复固定418px宽度 */
  .build-setmeal-1, .build-setmeal-2, .build-setmeal-3,
  .build-setmeal-4, .build-setmeal-5, .build-setmeal-6 {padding-top: 24px !important; margin-top: 4px !important;}

  .build-setmeal-1 table td p, .build-setmeal-2 table td p, .build-setmeal-3 table td p,
  .build-setmeal-4 table td p, .build-setmeal-5 table td p, .build-setmeal-6 table td p {font-size: 18px !important; margin: 4px 0 !important; margin-left: 0 !important;}

  .build-setmeal-1 table td span, .build-setmeal-2 table td span, .build-setmeal-3 table td span,
  .build-setmeal-4 table td span, .build-setmeal-5 table td span, .build-setmeal-6 table td span {font-size: 14px !important; margin-left: 0 !important; display: block !important; margin-top: 2px !important;}

  /* 选中/可点击标签 - 缩小 */
  .build-setmeal-1 table td .selected, .build-setmeal-2 table td .selected, .build-setmeal-3 table td .selected,
  .build-setmeal-4 table td .selected, .build-setmeal-5 table td .selected, .build-setmeal-6 table td .selected {font-size: 13px !important; padding: 4px 8px !important; margin: 2px !important;}

  .build-setmeal-1 table td .clickable, .build-setmeal-2 table td .clickable, .build-setmeal-3 table td .clickable,
  .build-setmeal-4 table td .clickable, .build-setmeal-5 table td .clickable, .build-setmeal-6 table td .clickable {font-size: 13px !important; padding: 4px 8px !important; margin: 2px !important;}

  /* img-box 固定418px→100% */
  .build-setmeal-1 table td .img-box, .build-setmeal-2 .img-box, .build-setmeal-3 .img-box,
  .build-setmeal-4 .img-box, .build-setmeal-5 .img-box, .build-setmeal-6 .img-box {width: 100% !important; max-width: 300px !important; height: auto !important; margin: 8px auto !important;}

  .build-setmeal-1 table td .img-box img, .build-setmeal-2 img, .build-setmeal-3 img,
  .build-setmeal-4 img, .build-setmeal-5 img, .build-setmeal-6 img {width: 100% !important; max-width: 300px !important; height: auto !important;}

  /* 价格 */
  .build-setmeal-1 .price, .build-setmeal-2 .price, .build-setmeal-3 .price,
  .build-setmeal-4 .price, .build-setmeal-5 .price, .build-setmeal-6 .price {font-size: 18px !important; margin: 4px 0 !important;}

  /* build-setmeal-5/6 .txt 绝对定位修复 */
  .build-setmeal-5 .txt, .build-setmeal-6 .txt {width: 100% !important; max-width: 300px !important; position: static !important; right: auto !important; bottom: auto !important; margin: 8px auto !important; display: none;}

  /* ---- build-flow 流程图 ---- */
  .build-flow {padding: 20px 0 !important;}
  .build-flow table {width: 94% !important; margin: 0 auto !important;}
  .build-flow td {height: auto !important; font-size: 13px !important; padding: 8px 4px !important; display: block !important; text-align: center !important;}
  .build-flow .theme {height: auto !important; font-size: 18px !important; padding: 8px 0 !important;}
  .build-flow .arrow {width: 24px !important; height: 24px !important; margin: 4px auto !important; display: block !important;}

  /* ---- build-manner 表格补充 ---- */
  .build-manner table {width: 94% !important; margin: 0 auto !important;}
  .build-manner table td {display: block !important; width: 100% !important; text-align: center !important; padding: 12px !important;}

  /* ---- left-box / right-box 两栏布局转堆叠 ---- */
  .left-box, .right-box {width: 100% !important; float: none !important; display: block !important; padding: 8px 12px !important;}

  /* ---- card 卡片 ---- */
  .card {width: 100% !important; max-width: 300px !important; margin: 8px auto !important; padding: 12px !important; display: block !important;}

  /* ---- bi_solution: abi-try / slogan ---- */
  .abi-try {width: 100% !important; padding: 20px 0 !important; text-align: center !important;}
  .slogan-ch {font-size: 20px !important; padding: 8px 12px !important; text-align: center !important;}
  .slogan-en {font-size: 14px !important; padding: 4px 12px !important; text-align: center !important;}

  /* ---- m2.css menu-container (如果启用) ---- */
  .menu-container {padding: 10px 0 !important;}
  .menu-container label {font-size: 20px !important; top: 8px !important;}
  .menu-container span {font-size: 14px !important; margin-right: 12px !important;}

  /* ---- final 文本区 ---- */
  .final {padding: 16px 12px !important; font-size: 13px !important;}
}

/* ---- 手机小屏 (max-width: 480px) 补充 ---- */
@media screen and (max-width: 480px) {
  .slide-banner {height: 160px !important;}
  .slide-banner .slide {height: 160px !important;}
  .slide-banner .slide img {height: 160px !important;}
  .build-setmeal-tag span {padding: 8px 12px !important; font-size: 13px !important;}
  .slogan-ch {font-size: 18px !important;}
}

/* ==================== 网站定制页(website_build)走形修复 v3 ==================== */

@media screen and (max-width: 768px) {
  /* ---- 核心：覆盖内联 min-width 和 overflow:scroll ---- */

  /* code_show 模板区：覆盖 min-width:1118px 内联样式 */
  .code_show > div[style*="min-width"] {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 覆盖 overflow:scroll 内联样式 */
  .code_show,
  .code_show[style*="overflow"],
  #case_show,
  #case_show[style*="overflow"],
  .case_show [style*="overflow"] {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  /* ---- code_show 网站模板区：4列表格转堆叠 ---- */
  .code_show {width: 100% !important; padding: 16px 0 !important; overflow: hidden !important;}
  .code_show > p {font-size: 20px !important; text-align: center !important; padding: 12px 0 !important;}
  .code_show > div[style] {width: 100% !important; min-width: 0 !important; padding: 0 12px !important;}
  .code_show table {width: 100% !important; margin: 0 auto !important; border-collapse: separate !important; border-spacing: 0 !important;}
  .code_show table tr {display: block !important; width: 100% !important; height: auto !important; margin-bottom: 16px !important;}
  .code_show table td {display: block !important; width: 100% !important; height: auto !important; text-align: center !important; padding: 8px !important;}
  .code_show table .item {width: 100% !important; max-width: 300px !important; margin: 0 auto !important; padding: 12px !important; display: block !important;}
  .code_show table .item .title {font-size: 16px !important; padding: 6px 0 !important;}
  .code_show table .item .img-box {width: 100% !important; max-width: 260px !important; height: auto !important; margin: 8px auto !important;}
  .code_show table .item .img-box img {width: 100% !important; max-width: 260px !important; height: auto !important;}
  .code_show table .item span {display: block !important; font-size: 15px !important; margin: 8px 0 !important; color: #e74c3c !important; font-weight: bold !important;}
  .code_show table .item .button {width: 80% !important; max-width: 200px !important; font-size: 14px !important; padding: 8px 12px !important; margin: 4px auto !important; display: block !important;}

  /* ---- case_show 案例展示区：6列表格转堆叠 ---- */
  .case_show {width: 100% !important; padding: 16px 0 !important; overflow: hidden !important;}
  .case_show > .theme {font-size: 20px !important; text-align: center !important; padding: 12px 0 !important;}
  .case_show > div[style], .case_show #case_show {width: 100% !important; padding: 0 12px !important; overflow: hidden !important;}
  .case_show table {width: 100% !important; margin: 0 auto !important; border-collapse: separate !important; border-spacing: 0 !important;}
  .case_show table tr {display: block !important; width: 100% !important; height: auto !important; margin-bottom: 16px !important;}
  .case_show table td {display: block !important; width: 100% !important; height: auto !important; text-align: center !important; padding: 8px !important;}
  .case_show table .item {width: 100% !important; max-width: 300px !important; margin: 0 auto !important; padding: 12px !important; display: block !important;}
  .case_show table .item .title {font-size: 16px !important; padding: 6px 0 !important;}
  .case_show table .item .img-box {width: 100% !important; max-width: 260px !important; height: auto !important; margin: 8px auto !important;}
  .case_show table .item .img-box img {width: 100% !important; max-width: 260px !important; height: auto !important;}

  /* ---- website-build-banner ---- */
  .website-build-banner {width: 100% !important; height: 200px !important; overflow: hidden !important;}
  .website-build-banner img {width: 100% !important; height: 200px !important; object-fit: cover !important;}
  .website-build-banner .banner-marquee {width: 90% !important; margin: 10px auto !important;}

  /* ---- build-setmeal-tag 标签切换（再次确保）---- */
  .build-setmeal-tag {padding: 10px 0 !important; text-align: center !important;}
  .build-setmeal-tag span {padding: 8px 14px !important; font-size: 13px !important; margin: 4px 2px !important; display: inline-block !important;}
  .build-setmeal-tag .selected {padding: 8px 14px !important; font-size: 13px !important;}

  /* ---- build-setmeal-1~6 表格内容（再次确保堆叠）---- */
  .build-setmeal-1 table, .build-setmeal-2 table, .build-setmeal-3 table,
  .build-setmeal-4 table, .build-setmeal-5 table, .build-setmeal-6 table {width: 94% !important; margin: 0 auto !important;}
  .build-setmeal-1 table td, .build-setmeal-2 table td, .build-setmeal-3 table td,
  .build-setmeal-4 table td, .build-setmeal-5 table td, .build-setmeal-6 table td {display: block !important; width: 100% !important; text-align: left !important; padding: 6px 4px !important;}
  .build-setmeal-1 table td p, .build-setmeal-2 table td p, .build-setmeal-3 table td p,
  .build-setmeal-4 table td p, .build-setmeal-5 table td p, .build-setmeal-6 table td p {font-size: 16px !important; margin: 4px 0 !important; margin-left: 0 !important;}

  /* ---- build-manner 表格（再次确保堆叠）---- */
  .build-manner table {width: 94% !important; margin: 0 auto !important;}
  .build-manner table tr {display: block !important; height: auto !important; margin-bottom: 16px !important;}
  .build-manner table td {display: block !important; width: 100% !important; text-align: center !important; padding: 12px !important;}
  .build-manner table td img {width: 100% !important; max-width: 200px !important; height: auto !important; position: static !important; margin: 8px 0 !important;}
  .build-manner table td .button {width: 80% !important; max-width: 200px !important; margin: 8px auto !important; font-size: 15px !important; padding: 12px !important; display: block !important;}

  /* ---- build-detail 收费标准表格 ---- */
  .build-detail {width: 100% !important; padding: 16px 0 !important;}
  .build-detail table {width: 94% !important; margin: 0 auto !important;}
  .build-detail table .theme {font-size: 20px !important; padding: 12px 0 !important;}
  .build-detail table th, .build-detail table td {display: block !important; width: 100% !important; padding: 8px 12px !important; font-size: 13px !important; text-align: left !important;}
  .build-detail table th {background: #f5f5f5 !important; font-weight: bold !important; margin-top: 8px !important;}

  /* ---- build-flow 流程图（再次确保）---- */
  .build-flow {width: 100% !important; padding: 20px 0 !important;}
  .build-flow table {width: 94% !important; margin: 0 auto !important;}
  .build-flow table tr {display: block !important; height: auto !important; text-align: center !important;}
  .build-flow table td {display: block !important; width: 100% !important; height: auto !important; font-size: 13px !important; padding: 8px 4px !important; text-align: center !important;}
  .build-flow .theme {height: auto !important; font-size: 18px !important; padding: 8px 0 !important;}
  .build-flow .arrow {width: 24px !important; height: 24px !important; margin: 4px auto !important; display: block !important; transform: rotate(90deg) !important;}
}

/* ---- 手机小屏 (max-width: 480px) ---- */
@media screen and (max-width: 480px) {
  .website-build-banner {height: 160px !important;}
  .website-build-banner img {height: 160px !important;}
  .code_show > p, .case_show > .theme {font-size: 18px !important;}
}

/* ==================== 首页 head 遮挡 + banner 高度修复 v4 ==================== */

@media screen and (max-width: 768px) {
  /* ---- 修复1：head 被遮挡一半 ---- */
  /* 原始: .head {margin-top:-20px; height:86px; position:absolute; padding-top:25px} */
  /* 问题: margin-top:-20px 未被覆盖，导致 head 向上偏移被裁剪 */
  .head {
    margin-top: 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    padding-top: 8px !important;
    height: auto !important;
    min-height: 48px !important;
    position: relative !important;
    background: #0f0e0e !important;
    z-index: 999 !important;
    overflow: visible !important;
  }
  .logo {
    margin: 0 0 0 12px !important;
    margin-top: 0 !important;
    padding: 4px 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .logo span {font-size: 17px !important; vertical-align: middle !important;}
  .logo img {height: 22px !important; width: auto !important; vertical-align: middle !important;}
  .menu {
    width: 100% !important;
    text-align: center !important;
    margin: 4px 0 0 0 !important;
    margin-top: 4px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
  .menu span {font-size: 13px !important; margin: 3px 6px !important; padding: 3px 6px !important;}

  /* ---- 修复2：banner 轮播高度只显示一半 + 下面空白 ---- */
  /* 原因: CSS height:814px, JS startheight:450, 冲突导致图片半显示+空白 */
  /* 方案: 统一所有 banner 元素高度为 180px，强制覆盖 JS 内联样式 */

  .fullwidthbanner-container {
    height: 180px !important;
    max-height: 180px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
  }
  .fullwidthbanner-container .fullwidthbanner,
  .fullwidthbanner-container .fullwidthabnner {
    height: 180px !important;
    max-height: 180px !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .fullwidthbanner-container ul,
  .fullwidthbanner-container .fullwidthbanner > ul {
    height: 180px !important;
    max-height: 180px !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .fullwidthbanner-container li,
  .fullwidthbanner-container .fullwidthbanner > ul > li {
    height: 180px !important;
    max-height: 180px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }
  .fullwidthbanner-container img,
  .fullwidthbanner-container .fullwidthbanner img,
  .fullwidthbanner-container li img {
    width: 100% !important;
    height: 180px !important;
    max-height: 180px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* slogan 区域减少空白 */
  .slogan {
    padding: 30px 16px !important;
    margin: 0 !important;
    position: relative !important;
  }
  .slogan .s1 {font-size: 20px !important; margin: 4px 0 !important;}
  .slogan .s2 {font-size: 14px !important; margin: 4px 0 !important;}
  .slogan .s3 {font-size: 12px !important; margin: 4px 0 !important;}

  /* main 容器 */
  .main {width: 100% !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important;}
  #wrapper {height: auto !important; overflow: hidden !important;}
}

/* ---- 手机小屏 (max-width: 480px) ---- */
@media screen and (max-width: 480px) {
  .fullwidthbanner-container,
  .fullwidthbanner-container .fullwidthbanner,
  .fullwidthbanner-container .fullwidthabnner,
  .fullwidthbanner-container ul,
  .fullwidthbanner-container li,
  .fullwidthbanner-container img,
  .fullwidthbanner-container .fullwidthbanner img,
  .fullwidthbanner-container li img {
    height: 150px !important;
    max-height: 150px !important;
  }
  .head {padding: 6px 0 !important; min-height: 44px !important;}
  .logo span {font-size: 15px !important;}
  .menu span {font-size: 12px !important; margin: 2px 4px !important;}
  .slogan {padding: 20px 12px !important;}
  .slogan .s1 {font-size: 18px !important;}
}

/* ---- 超小屏 (max-width: 360px) ---- */
@media screen and (max-width: 360px) {
  .fullwidthbanner-container,
  .fullwidthbanner-container .fullwidthbanner,
  .fullwidthbanner-container ul,
  .fullwidthbanner-container li,
  .fullwidthbanner-container img,
  .fullwidthbanner-container .fullwidthbanner img,
  .fullwidthbanner-container li img {
    height: 130px !important;
    max-height: 130px !important;
  }
  .logo span {font-size: 14px !important;}
  .menu span {font-size: 11px !important; margin: 1px 3px !important;}
}

/* ==================== 首页 banner 高度 + slogan 空白修复 v5 ==================== */
/* 问题: slogan 原为 absolute 浮在 banner 上(白字在图上), 被改为 relative 后白字在白底上不可见→看似空白 */
/* 修复: slogan 改回 absolute 浮在 banner 上, banner 高度增至 240px */

@media screen and (max-width: 768px) {
  /* ---- banner 高度增至 240px（原180不够）---- */
  .fullwidthbanner-container {
    height: 240px !important;
    max-height: 240px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
  }
  .fullwidthbanner-container .fullwidthbanner,
  .fullwidthbanner-container .fullwidthabnner {
    height: 240px !important;
    max-height: 240px !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .fullwidthbanner-container ul,
  .fullwidthbanner-container .fullwidthbanner > ul {
    height: 240px !important;
    max-height: 240px !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .fullwidthbanner-container li,
  .fullwidthbanner-container .fullwidthbanner > ul > li {
    height: 240px !important;
    max-height: 240px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }
  .fullwidthbanner-container img,
  .fullwidthbanner-container .fullwidthbanner img,
  .fullwidthbanner-container li img {
    width: 100% !important;
    height: 240px !important;
    max-height: 240px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* ---- slogan 改回 absolute 浮在 banner 上（修复白色文字在白底不可见导致的"空白"）---- */
  /* 原始: position:absolute; top:0; bottom:0; padding:348px; color:white */
  .slogan {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 99 !important;
    color: white !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    pointer-events: none !important;
  }
  .slogan .s1 {
    font-size: 20px !important;
    margin: 4px 0 !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8) !important;
    font-weight: bold !important;
  }
  .slogan .s2 {
    font-size: 14px !important;
    margin: 4px 0 !important;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.8) !important;
  }
  .slogan .s3 {
    font-size: 12px !important;
    margin: 4px 0 !important;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.8) !important;
  }

  /* ---- 隐藏 Revolution Slider 导航元素（移动端不需要）---- */
  .tp-bullets,
  .tp-leftarrow,
  .tp-rightarrow,
  .tp-bannertimer,
  .tp-loader {
    display: none !important;
  }

  /* ---- #wrapper 和 .main 确保无额外高度 ---- */
  #wrapper {
    height: 240px !important;
    max-height: 240px !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .main {
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* ---- 手机小屏 (max-width: 480px) ---- */
@media screen and (max-width: 480px) {
  .fullwidthbanner-container,
  .fullwidthbanner-container .fullwidthbanner,
  .fullwidthbanner-container .fullwidthabnner,
  .fullwidthbanner-container ul,
  .fullwidthbanner-container li,
  .fullwidthbanner-container img,
  .fullwidthbanner-container .fullwidthbanner img,
  .fullwidthbanner-container li img,
  #wrapper {
    height: 200px !important;
    max-height: 200px !important;
  }
  .slogan .s1 {font-size: 17px !important;}
  .slogan .s2 {font-size: 12px !important;}
  .slogan .s3 {font-size: 11px !important;}
}

/* ---- 超小屏 (max-width: 360px) ---- */
@media screen and (max-width: 360px) {
  .fullwidthbanner-container,
  .fullwidthbanner-container .fullwidthbanner,
  .fullwidthbanner-container ul,
  .fullwidthbanner-container li,
  .fullwidthbanner-container img,
  .fullwidthbanner-container .fullwidthbanner img,
  .fullwidthbanner-container li img,
  #wrapper {
    height: 170px !important;
    max-height: 170px !important;
  }
  .slogan .s1 {font-size: 15px !important;}
}

/* ==================== banner 高度加大1/3 (v6) ==================== */
/* 240→320, 200→270, 170→230 */

@media screen and (max-width: 768px) {
  .fullwidthbanner-container,
  .fullwidthbanner-container .fullwidthbanner,
  .fullwidthbanner-container .fullwidthabnner,
  .fullwidthbanner-container ul,
  .fullwidthbanner-container .fullwidthbanner > ul,
  .fullwidthbanner-container li,
  .fullwidthbanner-container .fullwidthbanner > ul > li,
  .fullwidthbanner-container img,
  .fullwidthbanner-container .fullwidthbanner img,
  .fullwidthbanner-container li img,
  #wrapper {
    height: 320px !important;
    max-height: 320px !important;
  }
}

@media screen and (max-width: 480px) {
  .fullwidthbanner-container,
  .fullwidthbanner-container .fullwidthbanner,
  .fullwidthbanner-container .fullwidthabnner,
  .fullwidthbanner-container ul,
  .fullwidthbanner-container li,
  .fullwidthbanner-container img,
  .fullwidthbanner-container .fullwidthbanner img,
  .fullwidthbanner-container li img,
  #wrapper {
    height: 270px !important;
    max-height: 270px !important;
  }
}

@media screen and (max-width: 360px) {
  .fullwidthbanner-container,
  .fullwidthbanner-container .fullwidthbanner,
  .fullwidthbanner-container ul,
  .fullwidthbanner-container li,
  .fullwidthbanner-container img,
  .fullwidthbanner-container .fullwidthbanner img,
  .fullwidthbanner-container li img,
  #wrapper {
    height: 230px !important;
    max-height: 230px !important;
  }
}

/* ==================== slogan 精确居中到轮播图中间 (v7) ==================== */
/* 问题: .main 无 position:relative, slogan absolute 定位参照点不对, 文字不在 banner 中间 */
/* 修复: .main 设 relative, slogan height 与 banner 一致, flex 垂直居中 */

@media screen and (max-width: 768px) {
  /* main 设为 relative 作为 slogan 定位参照 */
  .main {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* slogan 精确覆盖 banner 区域（320px高），flex 垂直水平居中 */
  .slogan {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    height: 320px !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 99 !important;
    color: white !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    pointer-events: none !important;
  }
  .slogan .s1 {
    font-size: 20px !important;
    margin: 4px 0 !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8) !important;
    font-weight: bold !important;
  }
  .slogan .s2 {
    font-size: 14px !important;
    margin: 4px 0 !important;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.8) !important;
  }
  .slogan .s3 {
    font-size: 12px !important;
    margin: 4px 0 !important;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.8) !important;
  }
}

/* 480px 屏: slogan 高度跟随 banner 270px */
@media screen and (max-width: 480px) {
  .slogan {
    height: 270px !important;
  }
  .slogan .s1 {font-size: 17px !important;}
  .slogan .s2 {font-size: 12px !important;}
  .slogan .s3 {font-size: 11px !important;}
}

/* 360px 屏: slogan 高度跟随 banner 230px */
@media screen and (max-width: 360px) {
  .slogan {
    height: 230px !important;
  }
  .slogan .s1 {font-size: 15px !important;}
}

/* ==================== 网站定制: 两按钮并排 + 隐藏定制流程 (v8) ==================== */

@media screen and (max-width: 768px) {
  /* ---- build-manner: 两个按钮并排显示 ---- */
  /* 覆盖之前的 display:block 堆叠，改回 table-cell 两列 */
  .build-manner table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 8px 0 !important;
  }
  .build-manner table tr {
    display: table-row !important;
    height: auto !important;
    margin: 0 !important;
  }
  .build-manner table tr:first-child td {
    display: table-cell !important;
    width: 50% !important;
    text-align: center !important;
    padding: 8px 4px !important;
    vertical-align: top !important;
    height: auto !important;
  }
  /* wenhao.jpg 行保持居中 */
  .build-manner table tr:last-child td {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 8px 0 !important;
  }
  .build-manner table tr:last-child td img {
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
  }

  /* left-box / right-box 并排时尺寸适配 */
  .build-manner .left-box,
  .build-manner .right-box {
    width: 100% !important;
    float: none !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* card 翻转卡片适配 */
  .build-manner .card {
    width: 100% !important;
    height: 140px !important;
    margin: 0 auto !important;
  }
  .build-manner .card .front,
  .build-manner .card .back {
    padding: 16px 8px !important;
    height: 140px !important;
  }
  .build-manner .card .front p {
    font-size: 15px !important;
    margin: 6px 0 !important;
  }
  .build-manner .card .front span {
    font-size: 11px !important;
    margin: 4px 0 !important;
    display: block !important;
    line-height: 1.4 !important;
  }
  .build-manner .card .back .button {
    font-size: 13px !important;
    padding: 8px 12px !important;
    width: 80% !important;
    margin: 8px auto !important;
  }

  /* ---- 定制流程: 横向放不下，隐藏 ---- */
  .build-flow {
    display: none !important;
  }
}

/* 小屏适配 */
@media screen and (max-width: 480px) {
  .build-manner .card {
    height: 120px !important;
  }
  .build-manner .card .front,
  .build-manner .card .back {
    height: 120px !important;
    padding: 12px 6px !important;
  }
  .build-manner .card .front p {
    font-size: 14px !important;
  }
  .build-manner .card .front span {
    font-size: 10px !important;
  }
}

/* ==================== 网站定制: 禁用3D翻转, 简化并排卡片 (v9) ==================== */
/* 问题: card 3D翻转效果在移动端高度为0, 显示错乱 */
/* 方案: 禁用翻转, front改为relative正常显示, back隐藏 */

@media screen and (max-width: 768px) {
  /* build-manner table 并排 */
  .build-manner table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 6px 0 !important;
  }
  .build-manner table tr {
    display: table-row !important;
    height: auto !important;
    margin: 0 !important;
  }
  .build-manner table tr:first-child td {
    display: table-cell !important;
    width: 50% !important;
    padding: 6px 3px !important;
    vertical-align: top !important;
    height: auto !important;
  }
  /* wenhao.jpg 行 */
  .build-manner table tr:last-child td {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 8px 0 !important;
  }
  .build-manner table tr:last-child td img {
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
  }

  /* left-box / right-box */
  .build-manner .left-box,
  .build-manner .right-box {
    width: 100% !important;
    float: none !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* ---- 关键: 禁用3D翻转, 简化为静态卡片 ---- */
  .build-manner .card {
    width: 100% !important;
    height: 110px !important;
    margin: 0 !important;
    position: relative !important;
    transform: none !important;
    transform-style: flat !important;
    /* 用渐变背景模拟卡片样式 */
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    cursor: pointer !important;
  }

  /* front: 改为 relative 正常显示（不再是 absolute） */
  .build-manner .card .front {
    position: relative !important;
    width: 100% !important;
    height: 110px !important;
    padding: 16px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    backface-visibility: visible !important;
    transform: none !important;
    color: white !important;
    box-sizing: border-box !important;
  }
  .build-manner .card .front p {
    font-size: 15px !important;
    font-weight: bold !important;
    margin: 4px 0 !important;
    color: white !important;
  }
  .build-manner .card .front span {
    font-size: 11px !important;
    margin: 2px 0 !important;
    display: block !important;
    line-height: 1.3 !important;
    color: rgba(255,255,255,0.85) !important;
  }

  /* back: 完全隐藏（禁用翻转） */
  .build-manner .card .back {
    display: none !important;
  }

  /* 禁用 hover 翻转效果 */
  .build-manner .left-box:hover .card,
  .build-manner .right-box:hover .card,
  .build-manner .card:hover {
    transform: none !important;
  }
}

/* 小屏适配 */
@media screen and (max-width: 480px) {
  .build-manner .card,
  .build-manner .card .front {
    height: 100px !important;
  }
  .build-manner .card .front p {
    font-size: 14px !important;
  }
  .build-manner .card .front span {
    font-size: 10px !important;
  }
}

/* ==================== 隐藏 build-manner 区域 (v10) ==================== */
@media screen and (max-width: 768px) {
  .build-manner {
    display: none !important;
  }
}

/* ==================== 数据智能页: 缩小标题 + 隐藏marquee文案 (v11) ==================== */
@media screen and (max-width: 768px) {
  /* 隐藏 banner-marquee 滚动文案（打造数据智能 / 助力精准营销）*/
  .abi-banner .banner-marquee {
    display: none !important;
  }

  /* 缩小"一站式数据智能解决方案"字体 */
  .abi-try p {
    font-size: 16px !important;
    margin: 6px 0 !important;
    padding: 0 !important;
  }
  .abi-try h1 {
    font-size: 15px !important;
    margin: 4px 0 !important;
    padding: 0 !important;
  }
  .abi-try span {
    font-size: 13px !important;
    padding: 6px 16px !important;
  }
}

@media screen and (max-width: 480px) {
  .abi-try p {
    font-size: 14px !important;
  }
  .abi-try h1 {
    font-size: 13px !important;
  }
}

/* ==================== code_down 购买页移动端修复 (v12) ==================== */
/* 问题: style_img float:left+height:418px, list-box img全局15px, padding过大 */

@media screen and (max-width: 768px) {
  /* code_down 容器 */
  .code_down {
    width: 100% !important;
    padding-top: 20px !important;
    background-attachment: scroll !important;
  }

  /* list-box 购买表单区 */
  .code_down .list-box {
    width: 94% !important;
    margin: 12px auto !important;
    padding: 16px 12px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  /* cancel.jpg 关闭按钮 - 只作用于 label 内的 img */
  .code_down .list-box > label {
    display: block !important;
    text-align: right !important;
    margin-bottom: 8px !important;
  }
  .code_down .list-box > label img {
    width: 20px !important;
    height: 20px !important;
    float: none !important;
    margin: 0 !important;
    position: static !important;
  }

  /* img-box 模板预览图容器 */
  .code_down .list-box .img-box {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto 12px !important;
    position: relative !important;
    overflow: hidden !important;
    float: none !important;
  }

  /* style_img 模板预览图 */
  .code_down .list-box .style_img {
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
    float: none !important;
    margin: 0 auto !important;
    margin-left: 0 !important;
    display: block !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
  }

  /* play_btn 预览按钮 */
  .code_down .list-box .play_btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 40px !important;
    height: 40px !important;
  }

  /* title 标题区 */
  .code_down .list-box .title {
    width: 100% !important;
    margin: 8px 0 !important;
    margin-left: 0 !important;
    float: none !important;
    font-size: 18px !important;
    text-align: center !important;
  }
  .code_down .list-box .title span {
    font-size: 16px !important;
    color: #e74c3c !important;
  }

  /* table 表单表格 */
  .code_down .list-box table {
    width: 100% !important;
    margin: 8px 0 !important;
  }
  .code_down .list-box table tr {
    display: table-row !important;
    height: auto !important;
  }
  .code_down .list-box table th {
    display: table-cell !important;
    width: auto !important;
    min-width: 60px !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
    text-align: right !important;
    vertical-align: top !important;
    white-space: nowrap !important;
  }
  .code_down .list-box table td {
    display: table-cell !important;
    width: auto !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
    text-align: left !important;
    vertical-align: top !important;
  }

  /* input 输入框 */
  .code_down .list-box table td .input {
    width: 100% !important;
    max-width: 200px !important;
    height: 32px !important;
    margin: 4px 0 !important;
    font-size: 14px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 0 8px !important;
  }

  /* radio 按钮（风格选择）*/
  .code_down .list-box table td input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    margin: 4px 4px 4px 0 !important;
    vertical-align: middle !important;
  }

  /* button2 获取验证码按钮 */
  .code_down .list-box table td .button2 {
    width: 80px !important;
    height: 32px !important;
    margin: 4px 0 4px 4px !important;
    font-size: 12px !important;
    vertical-align: middle !important;
  }

  /* label 标签 */
  .code_down .list-box table td label {
    font-size: 13px !important;
    display: inline-block !important;
    margin: 4px 0 !important;
  }

  /* p 标签 */
  .code_down .list-box table td p {
    font-size: 13px !important;
    margin: 4px 0 !important;
  }

  /* div 容器（会员编号/邮箱/手机/验证码）*/
  .code_down .list-box table td > div {
    margin: 6px 0 !important;
  }

  /* 提交按钮 */
  .code_down .list-box .button {
    width: 100% !important;
    text-align: center !important;
    margin: 12px 0 !important;
  }
  .code_down .list-box .button input {
    width: 80% !important;
    max-width: 240px !important;
    height: 40px !important;
    font-size: 16px !important;
    background: #1470e4 !important;
    color: white !important;
    border: none !important;
    border-radius: 20px !important;
  }

  /* ---- code_show 更多模板区 ---- */
  .code_down .code_show {
    width: 100% !important;
    padding: 16px 0 !important;
    margin: 0 !important;
  }
  .code_down .code_show > p {
    font-size: 16px !important;
    text-align: center !important;
    margin: 8px 0 !important;
  }
  .code_down .code_show table {
    width: 94% !important;
    margin: 0 auto !important;
  }
  .code_down .code_show table tr {
    display: block !important;
  }
  .code_down .code_show table td {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 12px 0 !important;
  }
  .code_down .code_show .item {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
  }
  .code_down .code_show .item .img-box {
    width: 100% !important;
    max-width: 240px !important;
    height: auto !important;
    margin: 0 auto 8px !important;
  }
  .code_down .code_show .item .img-box img {
    width: 100% !important;
    max-width: 240px !important;
    height: auto !important;
  }
  .code_down .code_show .item .title {
    font-size: 14px !important;
    margin: 4px 0 !important;
  }
  .code_down .code_show .item span {
    font-size: 13px !important;
    display: inline-block !important;
    margin: 4px 0 !important;
  }
  .code_down .code_show .item .button {
    width: 80px !important;
    height: 32px !important;
    font-size: 13px !important;
    margin: 4px 0 !important;
  }
}

@media screen and (max-width: 480px) {
  .code_down .list-box table th {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 4px 8px 0 !important;
  }
  .code_down .list-box table td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 4px 8px !important;
  }
  .code_down .list-box table td .input {
    max-width: 100% !important;
  }
}

/* ==================== code_down 三个细节修复 (v13) ==================== */

@media screen and (max-width: 768px) {
  /* ---- 1. 价格与标题在同一水平线 ---- */
  .code_down .list-box .title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    line-height: 1.6 !important;
  }
  .code_down .list-box .title span {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
    line-height: 1.6 !important;
  }

  /* ---- 2. 提交按钮往下挪，不压手机号 ---- */
  .code_down .list-box .button {
    margin-top: 24px !important;
    padding-top: 12px !important;
    clear: both !important;
  }
  /* table 底部增加间距 */
  .code_down .list-box table {
    margin-bottom: 16px !important;
  }
  /* 最后一个 tr 增加底部 padding */
  .code_down .list-box table tr:last-child td {
    padding-bottom: 12px !important;
  }

  /* ---- 3. code_show 标题不被图片遮挡 ---- */
  .code_down .code_show .item .title {
    display: block !important;
    width: 100% !important;
    font-size: 14px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    clear: both !important;
  }
  .code_down .code_show .item .img-box {
    margin-top: 0 !important;
    clear: both !important;
    position: relative !important;
  }
  .code_down .code_show .item .img-box img {
    margin-top: 0 !important;
    display: block !important;
  }
}

/* ==================== code_down 微调: 按钮位置 + 配送信息上移 (v14) ==================== */

@media screen and (max-width: 768px) {
  /* ---- 1. 提交按钮紧贴短信验证下方 ---- */
  .code_down .list-box .button {
    margin-top: 12px !important;
    padding-top: 0 !important;
    clear: both !important;
    width: 100% !important;
  }
  /* 隐藏空的 message 行，减少多余间距 */
  .code_down .list-box table tr:last-child {
    height: 0 !important;
    line-height: 0 !important;
  }
  .code_down .list-box table tr:last-child td {
    padding: 0 !important;
    height: 0 !important;
  }
  .code_down .list-box table tr:last-child td p {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
  /* table 底部不留多余间距 */
  .code_down .list-box table {
    margin-bottom: 0 !important;
  }

  /* ---- 2. "请填写配送信息"整体上移 ---- */
  .code_down .list-box table td > p:first-child {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    font-size: 13px !important;
  }
  /* 配送信息各输入项间距缩小 */
  .code_down .list-box table td > div {
    margin: 4px 0 !important;
  }
  #member_code,
  #check_code {
    margin: 4px 0 !important;
  }
  /* table 各行间距缩小 */
  .code_down .list-box table tr td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 480px) {
  .code_down .list-box table tr:last-child {
    display: none !important;
  }
  .code_down .list-box .button {
    margin-top: 16px !important;
  }
}

/* ==================== code_down 重新修正方向 (v15) ==================== */
/* v14方向反了, 重新调整: 按钮紧贴短信验证下方, 配送信息上移 */

@media screen and (max-width: 768px) {
  /* ---- 1. 提交按钮紧贴短信验证下方 ---- */
  /* 覆盖 v14 的 margin-top: 12px */
  .code_down .list-box .button {
    margin-top: 20px !important;
    padding-top: 8px !important;
    clear: both !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    position: relative !important;
  }

  /* 确保 check_code（短信验证）后面的内容紧跟 */
  .code_down .list-box table tr:last-child {
    display: none !important;
  }

  /* table 底部不留多余间距 */
  .code_down .list-box table {
    margin-bottom: 0 !important;
  }

  /* ---- 2. 配送信息整体上移 ---- */
  /* 减小上方各行（风格/功能/语言/终端）的 padding */
  .code_down .list-box table tr td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .code_down .list-box table tr th {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  /* "请填写配送信息" p 标签紧贴上方 */
  .code_down .list-box table td > p:first-child {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    font-size: 13px !important;
    font-weight: bold !important;
  }

  /* 配送信息各输入项间距缩小，整体上移 */
  .code_down .list-box table td > div {
    margin: 3px 0 !important;
  }
  #member_code,
  #check_code {
    margin: 3px 0 !important;
  }

  /* 各输入项 label 和 input 间距 */
  .code_down .list-box table td label {
    margin: 2px 0 !important;
  }
  .code_down .list-box table td .input {
    margin: 2px 0 !important;
  }
}

@media screen and (max-width: 480px) {
  /* 480px 以下按钮 margin 稍大 */
  .code_down .list-box .button {
    margin-top: 24px !important;
  }
  /* th/td 堆叠后减小间距 */
  .code_down .list-box table th {
    padding: 2px 8px 0 !important;
  }
  .code_down .list-box table td {
    padding: 2px 8px !important;
  }
}

/* ==================== code_down list-box 高度修复 (v16) ==================== */
@media screen and (max-width: 768px) {
  /* 去掉固定高度限制，让内容完整显示 */
  .code_down .list-box {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 16px 12px !important;
  }
  /* style_img 不要固定418px高 */
  .code_down .list-box .style_img {
    height: auto !important;
    max-height: 300px !important;
  }
  /* title 不要大 margin-left */
  .code_down .list-box .title {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .code_down .list-box .title span {
    margin-left: 8px !important;
  }
  /* table 宽度 */
  .code_down .list-box table {
    width: 100% !important;
  }
}

/* ==================== code_buy 三处修复 (v17) ==================== */

@media screen and (max-width: 768px) {
  /* ---- 1. "订单信息："横向显示，不纵向 ---- */
  .code_buy .list-box table th {
    display: table-cell !important;
    width: auto !important;
    min-width: 70px !important;
    height: auto !important;
    white-space: nowrap !important;
    text-align: left !important;
    vertical-align: top !important;
    padding: 8px 8px 8px 0 !important;
    font-size: 15px !important;
    writing-mode: horizontal-tb !important;
  }

  /* ---- 2. 产品信息不折行 ---- */
  .code_buy .list-box table td {
    display: table-cell !important;
    width: auto !important;
    height: auto !important;
    text-align: left !important;
    vertical-align: top !important;
    padding: 8px 0 !important;
    font-size: 14px !important;
  }
  .code_buy .list-box table td .title {
    display: inline !important;
    font-size: 15px !important;
    margin-left: 0 !important;
  }

  /* ---- 3. 价格及单位在同一行 ---- */
  .code_buy .list-box table td .price {
    display: inline !important;
    margin-left: 8px !important;
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  /* td 内 p 标签不折行 */
  .code_buy .list-box table td p {
    white-space: normal !important;
    margin: 4px 0 !important;
    font-size: 14px !important;
  }
}

@media screen and (max-width: 480px) {
  .code_buy .list-box table th {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 4px 0 2px !important;
  }
  .code_buy .list-box table td {
    display: block !important;
    width: 100% !important;
    padding: 2px 0 !important;
  }
  .code_buy .list-box table td .price {
    display: inline !important;
    margin-left: 8px !important;
  }
}

/* ==================== 智能报价: 价格与单位不换行 (v20精准修复) ==================== */

@media screen and (max-width: 768px) {
  /* 只针对 .price 元素，不影响其他 span */
  .build-setmeal-1 .price,
  .build-setmeal-2 .price,
  .build-setmeal-3 .price,
  .build-setmeal-4 .price,
  .build-setmeal-5 .price,
  .build-setmeal-6 .price {
    display: inline !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    white-space: nowrap !important;
  }
}