/* ============================================================
   课程详情页美化  course_detail_beautify.css
   仅样式，不改任何 PHP / 表单 / 链接逻辑
   主色 #ED232F  深色 #2b2f38
   ============================================================ */

/* ---------- 核心信息区 ---------- */
.source-newdetails{background:#fff;border:1px solid #eceef2;border-radius:14px;padding:26px 28px;box-shadow:0 4px 18px rgba(20,30,60,.05);margin-top:8px;}
.source-newdetails .newsdetails-left{width:400px;}
.source-newdetails .newsdetails-left img{width:400px;max-width:100%;height:auto;object-fit:contain;border-radius:10px;display:block;background:#f7f8fa;}
.source-newdetails .newsdetails-right{width:calc(100% - 440px);}
.source-newdetails .newsdetails-right{position:relative;}
.source-newdetails .newsdetails-right h1{font-size:28px;line-height:1.42;color:#1f232b;max-width:none;font-weight:800;margin-bottom:18px;}
.source-newdetails .jsbox{margin-top:0;height:auto;overflow:visible;display:grid;grid-template-columns:1fr 1.08fr;column-gap:28px;row-gap:12px;align-items:start;}
.source-newdetails .jsbox p{font-size:15px;color:#555;margin-bottom:0;line-height:1.6;}
.source-newdetails .jsbox p .span1 a{color:#ED232F;}
.source-newdetails .pricer{color:#ED232F;font-weight:800;font-size:29px;}
.source-newdetails .nopricer{color:#a0a4ab;text-decoration:line-through;font-size:17px;}
.source-newdetails .telr{color:#ED232F;font-size:22px;font-weight:800;letter-spacing:.5px;}

/* 左列：网报价格 / 课程原价；右列：授课机构 / 地址 / 咨询热线（联系块靠右、浅红底成组） */
.source-newdetails .jsbox > p:nth-child(3){grid-column:1;grid-row:1;}
.source-newdetails .jsbox > p:nth-child(4){grid-column:1;grid-row:2;}
.source-newdetails .jsbox > p:nth-child(1){grid-column:2;grid-row:1;}
.source-newdetails .jsbox > p:nth-child(2){grid-column:2;grid-row:2;}
.source-newdetails .jsbox > p:nth-child(1),
.source-newdetails .jsbox > p:nth-child(2),
.source-newdetails .jsbox > p:nth-child(5){background:#fff5f5;border:1px solid #f6dede;border-radius:10px;padding:9px 14px;}
.source-newdetails .jsbox > p:nth-child(5) .telr{font-size:23px;}

/* ---------- 核心区按钮 ---------- */
.source-newdetails .jsbtnbox{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;}
.source-newdetails .jsbtnbox .ljbm{order:1;width:auto !important;height:46px !important;line-height:46px !important;padding:0 34px !important;margin:0 !important;font-size:16px;font-weight:700;color:#fff !important;background:#ED232F linear-gradient(135deg,#ED232F,#ff5a44) !important;border:none !important;border-radius:8px;display:inline-block !important;float:none !important;box-sizing:border-box;white-space:nowrap;flex:0 0 auto;box-shadow:0 6px 16px rgba(237,35,47,.28);transition:transform .15s,box-shadow .15s;}
.source-newdetails .jsbtnbox .ljbm:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(237,35,47,.36);}
.source-newdetails .jsbtnbox .fx_tgbtn{order:2;width:auto !important;height:46px !important;line-height:46px !important;padding:0 26px !important;margin:0 0 0 14px !important;font-size:15px;font-weight:700;color:#fff !important;background:#ff8a00 !important;border:none !important;border-radius:8px;display:inline-block !important;float:none !important;box-sizing:border-box;white-space:nowrap;flex:0 0 auto;}
.source-newdetails .jsbtnbox .zxzx-btn{order:3;width:auto !important;height:46px !important;line-height:46px !important;padding:0 30px !important;margin:0 0 0 14px !important;font-size:15px;font-weight:700;color:#fff !important;background:#1677FF !important;background-image:none !important;border:none !important;border-radius:8px;display:inline-block !important;float:none !important;box-sizing:border-box;white-space:nowrap;flex:0 0 auto;}
.source-newdetails .jsbtnbox .zxzx-btn a{color:#fff !important;display:block;background:none !important;white-space:nowrap;}

/* ---------- Tab 选项卡 ---------- */
.source-introduce{background:#fff;border:1px solid #eceef2;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(20,30,60,.05);margin-top:22px;}
.source-introduce .introduce-tag{height:58px;line-height:58px;border-bottom:2px solid #f0f1f4;background:#fafbfc;padding:0 8px 0 20px;}
.source-introduce .introduce-tag p span{display:inline-block;padding:0 28px;font-size:17px;color:#666;cursor:pointer;position:relative;height:58px;line-height:58px;transition:color .2s;}
.source-introduce .introduce-tag p span:hover{color:#ED232F;}
.source-introduce .introduce-tag p span.active{color:#ED232F;font-weight:700;border-bottom:none!important;}
.source-introduce .introduce-tag p span.active:after{content:"";position:absolute;left:20px;right:20px;bottom:-2px;height:3px;background:#ED232F;border-radius:3px 3px 0 0;}

/* ---------- 内容面板 ---------- */
.source-introduce .substance-box .substance{font-size:16.5px;line-height:1.95;color:#2f343d;}
.eleven-container .source-introduce .substance.filter{padding:26px 46px 26px 48px !important;}
.source-introduce .xgwjj{padding:26px 46px 26px 48px !important;}
.source-introduce .substance img{max-width:100%;height:auto;border-radius:8px;}
.source-introduce .substance p{margin-bottom:14px;}
.source-introduce .keyword{color:#555;font-size:14px;}
.source-introduce .keyword_a,.source-introduce .keyword_b,.source-introduce .keyword_c{color:#ED232F;margin-right:10px;}
.source-introduce .xgwjj h3{font-size:19px;font-weight:800;margin-bottom:14px;color:#1f232b;}

/* ---------- 地图（修固定宽溢出） ---------- */
.source-introduce .map-box ul{list-style:none;}
.source-introduce .map-box .p1,.source-introduce .map-box .p2,.source-introduce .map-box .p3{font-size:16px;margin-bottom:10px;color:#444;}
.source-introduce .map-box .p4{overflow:hidden;border-radius:10px;margin-top:8px;}
.source-introduce .map-box iframe{width:100% !important;max-width:100%;height:430px;border:0;border-radius:10px;}
.source-introduce .map-box a.yycg,.source-introduce .map-box .yycg{float:right;background:#ED232F;color:#fff!important;padding:10px 26px;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 5px 14px rgba(237,35,47,.28);transition:transform .15s,box-shadow .15s;} .source-introduce .map-box a.yycg:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(237,35,47,.36);}

/* ---------- 网上报名面板 ---------- */
.source-introduce .wsbmqyh{border-radius:12px;}
.source-introduce .bm-form{background:linear-gradient(135deg,#fff6f6,#fff);border:1px solid #f6dede;border-radius:12px;padding:18px 20px;font-size:15px;color:#c81d27;}
.source-introduce .bm-form iframe{border:0;width:100%;border-radius:8px;margin-top:8px;}

/* ---------- 相关课程（flex 等宽 + cover，修拉伸/空白） ---------- */
.swiper-slide .nav_tip{margin-bottom:6px;}
.swiper-slide .class-r1-ul{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;list-style:none;}
.swiper-slide .class-r1-ul li{flex:1 1 0;min-width:210px;width:auto;float:none;margin:0;text-align:left;}
.swiper-slide .class-r1-ul li a{display:block;}
.swiper-slide .class-r1-ul li .img img,.swiper-slide .class-r1-ul li img{width:100%;height:165px;object-fit:contain;background:#f7f8fa;border-radius:10px;margin-bottom:10px;transition:transform .3s;}
.swiper-slide .class-r1-ul li a:hover img{transform:scale(1.04);}
.swiper-slide .class-r1-ul li{font-size:14px;color:#333;line-height:1.5;}

/* ---------- 友情链接 / 热门城市 ---------- */
.friendly-link{background:#fff;border:1px solid #eceef2;border-radius:14px;padding:20px 26px;margin-top:26px;box-shadow:0 4px 18px rgba(20,30,60,.05);}
.friendly-link .title-box{border-bottom:1px solid #f0f1f4;margin-bottom:14px;height:auto;}
.friendly-link .title-box h2{font-size:17px;display:inline-block;margin-right:26px;cursor:pointer;color:#999;font-weight:700;}
.friendly-link .title-box h2.cur{color:#ED232F;}
.friendly-link ul.show{display:flex !important;flex-wrap:wrap;gap:10px 22px;list-style:none;height:auto;overflow:visible;}
.friendly-link ul li{float:none !important;width:auto !important;flex:0 0 auto;}
.friendly-link ul li a{font-size:14px;color:#666;}
.friendly-link ul li a:hover{color:#ED232F;}

/* ---------- 面包屑 ---------- */
.warper{margin-top:0;}
.warper .site{font-size:14px;color:#999;padding:14px 4px 6px;}
.warper .site a{color:#999;}
.warper .site a:hover{color:#ED232F;}

/* ---------- 联系方式条（模板内包 .cd-contact-bar） ---------- */
.cd-contact-bar{background:#fff;border:1px solid #eceef2;border-radius:14px;padding:18px 24px;margin:26px 0 6px;box-shadow:0 4px 18px rgba(20,30,60,.05);}
.cd-contact-bar .cd-disclaim{display:block;margin-top:12px;font-size:13px;color:#999;line-height:1.8;}

/* ============================================================
   方案 B：整体两栏 + 右侧边栏（sticky 吸顶）  cd10
   ============================================================ */
/* 栅格：flex 两栏（不受源码顺序影响），右栏顶部对齐、sticky 可生效 */
.eleven-container .eleven{display:flex !important;flex-wrap:nowrap;align-items:flex-start;}
.eleven-container .eleven .eleven-left{flex:1 1 auto;min-width:0;width:auto !important;float:none !important;}
.eleven-container .eleven .eleven-right{flex:0 0 300px;width:300px;float:none !important;margin:8px 0 0 20px;align-self:stretch;}

/* 核心区：图与内容各占一半、顶部对齐；价格自然排在内容里，不单独成块 */
.eleven-container .eleven-left .source-newdetails{display:flex;flex-wrap:wrap;align-items:flex-start;}
.eleven-container .eleven-left .source-newdetails .newsdetails-left{width:50% !important;box-sizing:border-box;padding-right:24px;}
.eleven-container .eleven-left .source-newdetails .newsdetails-left img{width:100% !important;height:auto;max-height:430px;object-fit:contain;background:#f7f8fa;border-radius:10px;}
.eleven-container .eleven-left .source-newdetails .newsdetails-right{width:50% !important;box-sizing:border-box;}
.eleven-container .eleven-left .source-newdetails .newsdetails-right h1{margin-top:0;}
.eleven-container .eleven-left .source-newdetails .jsbox{display:block !important;}
.eleven-container .eleven-left .source-newdetails .jsbox > p{grid-column:auto !important;grid-row:auto !important;width:100% !important;box-sizing:border-box;padding:9px 0;margin:0;border-bottom:1px dashed #eceef2;font-size:15px;color:#555;}
.eleven-container .eleven-left .source-newdetails .jsbox .pricer{color:#ED232F;font-weight:800;font-size:20px;}
.eleven-container .eleven-left .source-newdetails .jsbox .nopricer{color:#999;}
.eleven-container .eleven-left .source-newdetails .jsbox .telr{color:#ED232F;font-weight:700;}

/* 右栏卡片通用 */
.eleven-right .sb-card{background:#fff;border:1px solid #eceef2;border-radius:14px;box-shadow:0 4px 18px rgba(20,30,60,.06);margin-bottom:18px;overflow:hidden;}
.eleven-right .sb-card .sb-h{font-size:17px;font-weight:800;padding:14px 18px;border-bottom:1px solid #f0f1f4;display:flex;align-items:center;gap:8px;color:#1f232b;}
.eleven-right .sb-card .sb-h:before{content:"";width:4px;height:15px;background:#ED232F;border-radius:2px;}
.eleven-right .sb-card .sb-body{padding:16px 18px;}

/* 报名卡 sticky 吸顶 */
.eleven-right .sb-sign{position:sticky;top:14px;}
.eleven-right .sb-price{font-size:27px;color:#ED232F;font-weight:900;margin-bottom:14px;line-height:1.2;}
.eleven-right .sb-btn{display:block;text-align:center;border-radius:9px;padding:12px 10px;font-size:15px;font-weight:700;color:#fff;margin-bottom:10px;cursor:pointer;text-decoration:none;}
.eleven-right .sb-btn.sb-red{background:linear-gradient(135deg,#ED232F,#ff5a44);box-shadow:0 6px 16px rgba(237,35,47,.26);}
.eleven-right .sb-btn.sb-blue{background:#1677FF;box-shadow:0 6px 16px rgba(22,119,255,.24);}
.eleven-right .sb-tel{text-align:center;font-size:17px;color:#ED232F;font-weight:800;margin-top:13px;padding-top:13px;border-top:1px dashed #eceef2;letter-spacing:.3px;}

/* 相关课程竖排 */
.eleven-right .sb-rc{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px dashed #e8eaee;text-decoration:none;}
.eleven-right .sb-rc:last-child{border-bottom:none;}
.eleven-right .sb-rc img{width:70px;height:52px;object-fit:contain;background:#f7f8fa;border-radius:7px;flex:0 0 auto;}
.eleven-right .sb-rc .sb-rc-t{font-size:14px;color:#333;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.eleven-right .sb-rc:hover .sb-rc-t{color:#ED232F;}

/* 右栏：最新动态 / 校区 列表行 */
.eleven-right .sb-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:9px 0;border-bottom:1px dashed #e8eaee;font-size:14px;color:#333;line-height:1.5;}
.eleven-right .sb-line:last-child{border-bottom:none;}
.eleven-right .sb-line:hover{color:#ED232F;}
.eleven-right .sb-empty{font-size:13px;color:#aaa;padding:8px 0;}
/* 右栏：相册 3 列网格 */
.eleven-right .sb-album-body{display:flex;flex-wrap:wrap;gap:8px;}
.eleven-right .sb-album-item{flex:0 0 calc(33.333% - 6px);width:calc(33.333% - 6px);aspect-ratio:1/1;border-radius:7px;overflow:hidden;background:#f7f8fa;display:block;}
.eleven-right .sb-album-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.eleven-right .sb-album-item:hover img{transform:scale(1.06);}

/* 窄屏 / 平板降级（<1100）：右栏下沉；核心区图/内容各半继续保持 */


/* 操作行：热线在左、报名/微信在右（同一行，两端对齐） */
.eleven-container .eleven-left .source-newdetails .jsbtnbox{margin-top:16px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:10px;flex-wrap:nowrap !important;}
.eleven-container .eleven-left .source-newdetails .jsbtnbox .jsbox-tel{font-size:14px;color:#555;white-space:nowrap;flex:0 0 auto;}
.eleven-container .eleven-left .source-newdetails .jsbtnbox .jsbox-tel .telr{color:#ED232F;font-weight:800;font-size:18px;margin-left:4px;}
.eleven-container .eleven-left .source-newdetails .jsbtnbox .jsbox-btns{display:flex;gap:9px;flex-wrap:nowrap;align-items:center;flex:0 0 auto;}
.eleven-container .eleven-left .source-newdetails .jsbtnbox a,
.eleven-container .eleven-left .source-newdetails .jsbtnbox .zxzx-btn{height:38px !important;line-height:38px !important;border-radius:7px !important;font-size:15px;font-weight:700;color:#fff !important;display:inline-block !important;border:none !important;float:none !important;width:auto !important;padding:0 22px !important;margin:0 !important;box-sizing:border-box;cursor:pointer;text-decoration:none;}
.eleven-container .eleven-left .source-newdetails .jsbtnbox .ljbm{background:linear-gradient(135deg,#ED232F,#ff5a44) !important;padding:0 21px !important;box-shadow:0 5px 14px rgba(237,35,47,.25);}
.eleven-container .eleven-left .source-newdetails .jsbtnbox .fx_tgbtn{background:#ff8a00 !important;}
.eleven-container .eleven-left .source-newdetails .jsbtnbox .zxzx-btn{background:#1677FF !important;background-image:none !important;padding:0 18px !important;}
.eleven-container .eleven-left .source-newdetails .jsbtnbox .zxzx-btn a{color:#fff !important;background:none !important;display:block;line-height:38px !important;white-space:nowrap;}
.eleven-right .sb-related{position:sticky;top:14px;margin-bottom:0;}

/* ===== 右栏快捷操作：网上报名 / 微信咨询（cd31） ===== */
.eleven-right .sb-actionx .sb-body{display:flex;flex-direction:column;gap:10px;}
.eleven-right .sb-actionx a{display:block!important;text-align:center;border-radius:9px;padding:13px 10px;font-size:15px;font-weight:700;color:#fff!important;cursor:pointer;text-decoration:none;line-height:1.2;margin:0;}
.eleven-right .sb-actionx .sb-act-red{background:linear-gradient(135deg,#ED232F,#ff5a44);box-shadow:0 6px 16px rgba(237,35,47,.25);}
.eleven-right .sb-actionx .sb-act-blue{background:#1677FF;box-shadow:0 6px 16px rgba(22,119,255,.22);}
.eleven-right .sb-actionx a:hover{transform:translateY(-1px);filter:brightness(1.04);}

/* 友情链接第一行左对齐：clearfix 的 ::before/::after 在 flex 内成为占位 item，去掉（cd34） */
.friendly-link ul::before,.friendly-link ul::after{content:none!important;display:none!important;}

@media (max-width:1100px){
 .eleven-container .eleven{flex-direction:column;}
 .eleven-container .eleven .eleven-left{flex:1 1 auto;width:100% !important;}
 .eleven-container .eleven .eleven-right{flex:1 1 auto;width:100% !important;margin:18px 0 0;}
 .eleven-right .sb-related{position:static;}
 .eleven-right .sb-related .sb-body{display:flex;flex-wrap:wrap;gap:0 16px;}
 .eleven-right .sb-rc{flex:1 1 calc(50% - 16px);border-bottom:1px dashed #e8eaee;}
  /* 核心区窄屏堆叠：图上、内容下 */
  .eleven-container .eleven-left .source-newdetails{flex-direction:column!important;}
  .eleven-container .eleven-left .source-newdetails .newsdetails-left,
  .eleven-container .eleven-left .source-newdetails .newsdetails-right{width:100%!important;padding-right:0!important;}
  .eleven-container .eleven-left .source-newdetails .newsdetails-left{margin-bottom:16px;}
  /* 防横向溢出 */
  .eleven-container .eleven-left img,
  .eleven-container .eleven-left iframe,
  .eleven-container .eleven-left table{max-width:100%!important;}
  .eleven-container .eleven-left .cd-disclaim{white-space:normal!important;word-break:break-word;}
  .source-introduce .introduce-tag p span{padding:0 12px!important;font-size:14px;}
  .source-introduce .bm-form iframe{width:100%!important;min-height:520px;}
 /* 核心区操作行窄屏堆叠：热线在上、报名/微信按钮平分宽度，不横向溢出 */
 .eleven-container .eleven-left .source-newdetails .jsbtnbox{flex-wrap:wrap!important;flex-direction:column;align-items:stretch!important;gap:9px!important;width:100%;}
 .eleven-container .eleven-left .source-newdetails .jsbtnbox .jsbox-tel{text-align:center;white-space:normal;font-size:15px;}
 .eleven-container .eleven-left .source-newdetails .jsbtnbox .jsbox-btns{display:flex!important;flex-wrap:nowrap;justify-content:center;width:100%;gap:9px;}
 .eleven-container .eleven-left .source-newdetails .jsbtnbox .jsbox-btns a,
 .eleven-container .eleven-left .source-newdetails .jsbtnbox .jsbox-btns .zxzx-btn{flex:1 1 0!important;text-align:center;padding:0 10px!important;}
 /* 固定版心 .warp 窄屏自适应（修横向溢出根因） */
 .warp{width:100%!important;max-width:1230px;box-sizing:border-box;padding-left:12px!important;padding-right:12px!important;}
 .top.warp,.header.warp{padding-left:0!important;padding-right:0!important;}
 .citys-nav,.friendly-link .title-box,.friendly-link ul.show{max-width:100%!important;}
 .eleven-container .eleven-left .source-newdetails .jsbtnbox .jsbox-btns{flex:1 1 0!important;min-width:0;}
 /* 页脚窄屏堆叠、链接列可换行 */
 .footer .footer-left,.footer .footer-right{float:none!important;width:100%!important;box-sizing:border-box;}
 .footer .footer-left{display:flex;flex-wrap:wrap;gap:8px 20px;}
 .footer .footer-left .footer-ul-box{float:none!important;flex:0 0 auto;}
 .footer .footer-right{margin-top:16px;}
 /* 机构导航窄屏取消绝对定位，自然占位、2行不重叠 */
 .citys-nav{height:auto!important;}
 .citys-nav .clearfix{position:static!important;height:auto!important;}
 /* header 热线窄屏不浮动，避免下移遮挡导航 */
 .header1{height:auto!important;}
 .header1 .content1,.header1 .content3{float:none!important;width:100%!important;box-sizing:border-box;}
 .header1 .content3{margin:6px 0 4px;}
 /* 导航项紧凑：自适应宽度，2 行排完 */
 .citys-nav .clearfix li{width:auto!important;float:left;}
 .citys-nav .clearfix li a{height:auto!important;line-height:1.3!important;padding:9px 15px!important;font-size:15px;}
 /* map-box p3/p4 固定宽窄屏自适应，预约按钮不跑出视口 */
 .source-introduce .map-box ul li .p3,
 .source-introduce .map-box ul li .p4{width:100%!important;max-width:100%!important;box-sizing:border-box;}
}