@charset "UTF-8";
/* ---------------------------------------------------------
   机构/课程列表页（jg-list）移动端适配
   依赖：base.css / reset.css / addstyle.css / common.css
        jg-list.css / common-new.css
   只做覆盖，不改动原页面结构
   --------------------------------------------------------- */

/* =========================================================
零、头部 LOGO + 搜索：PC 下也收紧，避免两端分得太开
   原 PC 样式为 justify-content: space-between + 定高 142px，
   LOGO 容器 .logo-class 宽 640px，导致 LOGO 与搜索区之间空很大
   ========================================================= */
.head-main .head-search-box {
  height: auto;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  padding: 26px 0;
  box-sizing: border-box;
}
.head-main .head-search-box .logo.logo-class {
  width: auto;
  margin-top: 0;
}
/* .line 是 PC 上绝对定位在 LOGO 右侧 178px 处的装饰竖线，收起 */
.head-main .head-search-box .logo-class .line {
  display: none;
}
.head-main .head-search-box .head-search-r {
  margin-top: 0;
}

/* ---------------------------------------------------------
一、中等屏收窄（<=1220px）
--------------------------------------------------------- */
@media screen and (max-width: 1220px) {
  html,
  body {
    min-width: 0;
  }
  .w_1220,
  .contWidth {
    width: 100%;
  }
  .content {
    width: 100%;
  }
  /* ===== 头部：窄屏时左右留白（其余由全局规则统一处理） ===== */
  .head-main .head-search-box {
    padding: 14px 16px;
  }
  /* 筛选区左右内边距收窄，类别列表跟随剩余宽度 */
  .content .screening-box {
    padding: 13px 16px 0;
  }
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .class-list,
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .city-list {
    width: calc(100% - 150px);
    margin-left: 12px;
  }
  .content .screening-box .screening-list .scr-list-b {
    margin-left: 140px;
  }
  /* 左栏自适应剩余宽度，右栏保持 260px */
  .content .con-box .box-l {
    width: calc(100% - 270px);
  }
  /* 课程结果卡片：中等屏收窄左右内边距 */
  .content .con-box .box-l .jg-list-out .office-kc-list li {
    padding: 0 16px;
  }
}

/* ---------------------------------------------------------
   二、移动端主体适配（<=768px）
   --------------------------------------------------------- */
@media screen and (max-width: 768px) {

  /* ===== 基础 ===== */
  html,
  body {
    min-width: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
  }
  body {
    font-size: 13px;
    background-color: #f8f8f8;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .w_1220,
  .contWidth {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 auto 10px;
  }
  .mt10 {
    margin-top: 10px;
  }

  /* ===== 顶部面包屑条 ===== */
  .head-city {
    height: auto;
    min-height: 30px;
    line-height: 22px;
    font-size: 11px;
    padding: 4px 0;
  }
  .head-city .head-city-1220 {
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* 面包屑较长，改为横向滑动，避免撑高头部 */
  .head-city .head-city-left {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .head-city .head-city-left::-webkit-scrollbar,
  .head-city .head-city-right::-webkit-scrollbar {
    display: none;
  }
  .head-city .head-city-left > a,
  .head-city .head-city-left > span {
    flex: 0 0 auto;
  }
  .head-city .head-city-left > img {
    flex: 0 0 auto;
    margin: 0 3px;
  }
  .head-city .head-city-right {
    flex-wrap: wrap;
    margin-top: 2px;
  }
  .head-city .head-city-right > a {
    padding: 0 5px;
  }
  .head-city .head-city-dropdown {
    width: 100%;
    flex-wrap: wrap;
  }

  /* ===== LOGO + 搜索 ===== */
  .head-main .head-search-box {
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .head-main .head-search-box .logo {
    margin-top: 0 !important;
    height: auto;
    align-self: flex-start;
  }
  .head-main .head-search-box .logo img {
    width: 116px;
    height: auto;
  }
  /* 列表页 LOGO 外层带通用类 .logo-class，移动端改为满宽（其余已在全局复位） */
  .head-main .head-search-box .logo.logo-class {
    width: 100%;
  }
  .head-main .head-search-box .head-search-r {
    margin-top: 10px;
    width: 100%;
  }
  .head-main .head-search-box .head-search-r dl {
    padding-left: 0;
  }
  .head-main .head-search-box .head-search-input {
    width: 100%;
  }
  .head-main .head-search-box .head-search-input input {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 38px;
    padding-left: 30px;
    font-size: 14px;
  }
  .head-main .head-search-box .head-search-input button {
    flex: 0 0 64px;
    width: 64px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
  }
  .head-main .head-search-box .head-search-input .input_lx {
    width: 100%;
    top: 38px;
  }
  .head-main .head-search-box .head-search-tj {
    padding-left: 0;
    margin-top: 6px;
    flex-wrap: wrap;
  }
  .head-main .head-search-box .head-search-tj a {
    margin-right: 12px;
    line-height: 24px;
  }

  /* ===== 筛选区 ===== */
  .content .screening-box {
    padding: 10px 10px 0;
  }
  .content .screening-box .screening-list {
    padding-top: 10px;
  }
  .content .screening-box .screening-list .scr-list-t {
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 4px;
  }
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl {
    width: 100%;
    flex-wrap: wrap;
  }
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .tit {
    font-size: 12px;
    padding: 4px 0;
  }
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .all {
    margin-left: 8px;
    padding: 0 10px;
  }
  /* 类别/城市列表：独占整行，限高两行，配合「更多」展开 */
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .class-list,
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .city-list {
    width: 100%;
    margin-left: 0;
    margin-top: 4px;
    max-height: 64px;
    overflow: hidden;
  }
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .class-list li,
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .city-list li {
    margin: 0 8px 8px 0;
    padding: 0 10px;
  }
  /* 已选类别标签 */
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .active-list {
    width: 100%;
    margin-left: 0;
    margin-top: 4px;
    flex-wrap: wrap;
  }
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .active-list a {
    margin-bottom: 6px;
  }
  .content .screening-box .screening-list .scr-list-t > .scr-list-tl .clean {
    margin-left: 0;
    margin-top: 4px;
  }
  /* 更多按钮换行到右侧 */
  .content .screening-box .screening-list .scr-list-t .more {
    flex: 0 0 auto;
    margin-left: auto;
    margin-bottom: 8px;
    padding: 0 4px;
  }
  /* 二级分类面板：去掉左侧 148px 缩进 */
  .content .screening-box .screening-list .scr-list-b {
    margin-left: 0;
    margin-bottom: 12px;
    padding: 12px 10px 4px;
  }
  .content .screening-box .screening-list .scr-list-b .b-list > .a {
    margin: 0 8px 8px 0;
    padding: 0 10px;
  }
  /* 三级悬浮菜单靠 hover 触发，移动端隐藏以免遮挡 */
  .content .screening-box .screening-list .scr-list-b .b-list > ul {
    display: none !important;
  }

  /* ===== 主体单列 ===== */
  .content .con-box {
    flex-direction: column;
    margin-top: 10px;
  }
  .content .con-box .box-l,
  .content .con-box .box-r {
    width: 100%;
    margin-right: 0;
  }
  /* 右栏（试听预约 + 行业专题）落到左栏下方 */
  .content .con-box .box-r {
    margin-top: 10px;
  }
  .content .con-box .box-r .audition .form {
    max-width: 420px;
  }
  .content .con-box .box-r .subject {
    padding: 0 12px;
  }
  .content .con-box .box-r .subject .sub-list a {
    padding: 12px 0;
  }
  .content .con-box .box-l .jg-list-out {
    margin-top: 10px;
  }
  .content .con-box .box-l .jg-list-out .jg-list-top {
    height: auto;
    min-height: 44px;
    padding: 10px 12px;
    flex-wrap: wrap;
  }
  .content .con-box .box-l .jg-list-out .jg-list-top .text {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
  }
  .content .con-box .box-l .jg-list-out .jg-list-top .list-top-r {
    width: 100%;
    justify-content: flex-start;
    margin-top: 4px;
  }
  .content .con-box .box-l .jg-list-out .jg-list-top .list-top-r a {
    margin-left: 0;
    margin-right: 20px;
    font-size: 13px;
  }

  /* ===== 机构卡片 ===== */
  .content .con-box .box-l .jg-list-out .jg-list .jg-item {
    padding: 0 12px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .logo {
    width: 72px;
    height: 72px;
    margin-top: 16px;
    padding: 6px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r {
    width: calc(100% - 84px);
    margin-left: 12px;
    padding: 16px 0;
    flex-direction: column;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l {
    width: 100%;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .tit {
    font-size: 15px;
    line-height: 22px;
    display: block;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .score-out > span {
    margin-left: 12px;
    font-size: 12px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .introduction {
    font-size: 12px;
  }
  /* 标签换行展示，不再横向溢出 */
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .label {
    flex-wrap: wrap;
    row-gap: 4px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .label li {
    font-size: 11px;
  }
  /* 校区/课程行：允许折行，地址不再被截断成一行 */
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .xq-kc {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 6px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .xq-kc > span {
    font-size: 12px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .xq-kc p {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    font-size: 12px;
    line-height: 20px;
    white-space: normal;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .xq-kc > a {
    margin-left: 8px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .xq-kc > a span {
    font-size: 12px;
  }
  /* 课程缩略图：横向滑动 */
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .jg-kc-list {
    margin-top: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .jg-kc-list::-webkit-scrollbar {
    display: none;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .jg-kc-list .kc-list {
    flex: 0 0 104px;
    width: 104px;
    margin-right: 8px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .jg-kc-list .kc-list > div,
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .jg-kc-list .kc-list > div img {
    width: 104px;
    height: 64px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-l .jg-kc-list .kc-list > span {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
  }
  /* 预约/咨询按钮：移到底部并排 */
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-r {
    width: 100%;
    margin-top: 12px;
    display: flex;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-r .yyst,
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-r .ljzx {
    flex: 1 1 0;
    width: auto;
    height: 36px;
    margin-top: 0;
    font-size: 14px;
  }
  .content .con-box .box-l .jg-list-out .jg-list .jg-item .jg-item-r .item-r .ljzx {
    margin-left: 10px;
  }

  /* ===== 课程结果卡片（.office-kc-list）=====
     PC 是「LOGO 158px + 信息 + 热度块 + 右侧按钮栏」四段横排，
     且「开课机构」「校区」两处分别限了 230px / 226px 定宽，
     窄屏会被挤成竖排、按钮溢出屏幕，这里改为 LOGO 左 + 内容右的卡片 */
  .content .con-box .box-l .jg-list-out .office-kc-list li {
    padding: 0 12px;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list li .office-kc-content {
    flex-wrap: wrap;
    padding: 14px 0;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-logo {
    flex: 0 0 auto;
    width: 108px;
    height: 72px;
    margin-right: 12px;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-m {
    flex: 1 1 60%;
    min-width: 0;
    flex-wrap: wrap;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-info {
    flex: 1 1 100%;
    margin-right: 0;
  }
  /* 标题不再单行截断，允许折行显示完整课程名 */
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-info h3 {
    flex-wrap: wrap;
    white-space: normal;
    overflow: visible;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-info h3 a {
    white-space: normal;
    font-size: 15px;
  }
  /* 标题右侧的「预约试听」换到下一行，避免挤占标题 */
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-info h3 button {
    margin-top: 6px;
    margin-left: 0;
  }
  /* 开课机构：PC 给 a 限了 width 230px */
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-jg {
    flex-wrap: wrap;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-jg a {
    flex: 1 1 auto;
    width: auto;
    margin-left: 6px;
    white-space: normal;
  }
  /* 校区行：PC 给 span 限了 width 226px */
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-xq {
    flex-wrap: wrap;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-xq span {
    flex: 1 1 auto;
    width: auto;
    white-space: normal;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-xq a {
    margin: 0 10px;
  }
  /* 热度 + 关注人数：从右栏挪到内容下方一行 */
  .content .con-box .box-l .jg-list-out .office-kc-list .office-hot {
    flex: 1 1 100%;
    margin-left: 0;
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-hot p {
    margin-bottom: 0;
  }
  /* 申请优惠 / 立即咨询：去掉左侧竖分隔线，整行并排 */
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-r {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    display: flex;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-r button {
    flex: 1 1 0;
    width: auto;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
  }
  .content .con-box .box-l .jg-list-out .office-kc-list .office-kc-r .sqyh-btn {
    margin: 0 10px 0 0;
  }
  /* 卡片下方的「全部课程」入口 */
  .content .con-box .box-l .jg-list-out .office-kc-all {
    padding: 0 12px;
  }

  /* ===== 列表底部统计条（.jg-kc-num）=====
     PC 是「文案 + 右侧链接」同一行、44px 定高、左右各 32px 内边距；
     手机上文案被挤成两行、链接也跟着折行，这里改成文案独占一行、链接另起一行靠右 */
  .content .con-box .box-l .jg-list-out .jg-kc-num {
    height: auto;
    padding: 10px 12px;
    margin-top: 12px;
    flex-wrap: wrap;
  }
  .content .con-box .box-l .jg-list-out .jg-kc-num p {
    flex: 1 1 100%;
    font-size: 12px;
    line-height: 18px;
  }
  .content .con-box .box-l .jg-list-out .jg-kc-num a {
    margin-top: 6px;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
  }

  /* ===== 「猜你在XX，为你推荐」 =====
     说明：线上该模块是 .con-box 的直接子级，而 PC 规则写的是
     .content .con-box .box-l .recommend-box，所以 PC 样式其实没命中；
     这里同时写两种层级，无论模板是否挪进 .box-l 都生效 */
  .content .con-box .recommend-box,
  .content .con-box .box-l .recommend-box {
    width: 100%;
    padding: 12px 12px 0;
    box-sizing: border-box;
  }
  /* 标题条：PC 是 344×44 绝对定位的装饰图，移动端改为常规居中条 */
  .content .con-box .recommend-box .recommend-tit,
  .content .con-box .box-l .recommend-box .recommend-tit {
    position: static;
    width: 240px;
    height: 34px;
    margin: 0 auto 12px;
    transform: none;
    background-size: 100% 100%;
    font-size: 14px;
    line-height: 34px;
  }
  .content .con-box .recommend-box .rec-list .rec-item,
  .content .con-box .box-l .recommend-box .rec-list .rec-item {
    align-items: flex-start;
  }
  .content .con-box .recommend-box .rec-list .rec-item .logo,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .logo {
    width: 72px;
    height: 72px;
    margin-top: 16px;
    padding: 6px;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r {
    width: calc(100% - 84px);
    margin-left: 12px;
    padding: 16px 0;
    flex-direction: column;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l {
    width: 100%;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .tit,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .tit {
    display: block;
    font-size: 15px;
    line-height: 22px;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .score-out,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .score-out {
    flex-wrap: wrap;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .score-out .jg-data-score > span,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .score-out .jg-data-score > span {
    font-size: 12px;
    line-height: 20px;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .score-out > span,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .score-out > span {
    margin-left: 12px;
    font-size: 12px;
    line-height: 20px;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .introduction,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .introduction {
    margin-top: 4px;
    font-size: 12px;
  }
  /* 标签换行，不再横向溢出 */
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .label,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .label {
    flex-wrap: wrap;
    row-gap: 4px;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .label li,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .label li {
    font-size: 11px;
  }
  /* 校区 / 精品课程行：允许折行 */
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 6px;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc > span,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc > span {
    font-size: 12px;
    line-height: 20px;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc p,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc p {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    font-size: 12px;
    line-height: 20px;
    white-space: normal;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc > a,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc > a {
    margin-left: 8px;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc > a span,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-l .xq-kc > a span {
    font-size: 12px;
  }
  /* 预约 / 咨询按钮：移到底部并排 */
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-r,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-r {
    width: 100%;
    margin-top: 12px;
    display: flex;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-r .yyst,
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-r .ljzx,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-r .yyst,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-r .ljzx {
    flex: 1 1 0;
    width: auto;
    height: 36px;
    margin-top: 0;
    font-size: 14px;
  }
  .content .con-box .recommend-box .rec-list .rec-item .rec-item-r .item-r .ljzx,
  .content .con-box .box-l .recommend-box .rec-list .rec-item .rec-item-r .item-r .ljzx {
    margin-left: 10px;
  }

  /* ===== 感兴趣课程 ===== */
  .content .con-box .box-l .jg-list-out .interested-kc {
    width: 100%;
    padding-bottom: 16px;
  }
  .content .con-box .box-l .jg-list-out .interested-kc .int-kc-tit {
    padding: 16px 12px 12px;
  }
  .content .con-box .box-l .jg-list-out .interested-kc .int-kc-tit span {
    font-size: 15px;
  }
  .content .con-box .box-l .jg-list-out .interested-kc .int-kc-list {
    padding: 0 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .content .con-box .box-l .jg-list-out .interested-kc .int-kc-list::-webkit-scrollbar {
    display: none;
  }
  .content .con-box .box-l .jg-list-out .interested-kc .int-kc-list a {
    flex: 0 0 140px;
    width: 140px;
    margin: 0 8px;
  }
  .content .con-box .box-l .jg-list-out .interested-kc .int-kc-list a img {
    width: 140px;
    height: 84px;
  }
  .content .con-box .box-l .jg-list-out .interested-kc .int-kc-list a .int-kc-name {
    font-size: 13px;
  }

  /* ===== 分页 ===== */
  .dzw-pagation {
    padding: 14px 10px;
    margin-top: 10px;
  }
  .dzw-pagation .dzw-basic-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
    margin: 0 auto;
  }
  .dzw-pagation .dzw-basic-page li {
    float: none;
    margin: 4px 3px;
    height: 32px;
  }
  .dzw-pagation .dzw-basic-page li a {
    height: 32px;
    padding: 0 12px;
    line-height: 30px;
    font-size: 13px;
  }
  .dzw-pagation .dzw-basic-page li.prev,
  .dzw-pagation .dzw-basic-page li.next {
    height: 32px;
    padding: 0;
  }

  /* ===== 底部文案 ===== */
  .wenan {
    width: auto !important;
    padding: 12px !important;
    font-size: 12px;
    line-height: 20px;
  }

  /* ===== 相关推荐 ===== */
  .related-box {
    width: 100%;
  }
  .related-box .related-tj-box {
    padding: 12px;
  }
  .related-box .related-tj-box .tj-nav-tab {
    flex-wrap: wrap;
  }
  .related-box .related-tj-box .tj-nav-tab dd {
    padding: 6px 10px;
    font-size: 13px;
  }
  .related-box .related-tj-box .related-tj-list {
    padding: 12px 12px 0;
  }
  .related-box .related-tj-box .related-tj-list ul li {
    width: 50%;
    margin: 0 0 12px;
    padding-right: 8px;
    box-sizing: border-box;
  }
  .related-box .related-tj-box .related-tj-list ul li a {
    font-size: 13px;
    line-height: 22px;
  }

  /* ===== 底部声明 ===== */
  .main-tip {
    width: auto !important;
    margin: 10px !important;
    padding: 12px !important;
    font-size: 12px;
    line-height: 20px;
  }

  /* ===== 页脚 ===== */
  .m-footer {
    padding: 16px 10px 20px;
  }
  .m-footer .m-footer-link {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 12px;
    line-height: 22px;
  }
  .m-footer .m-footer-text1,
  .m-footer .m-footer-text2 {
    font-size: 11px;
    text-align: center;
  }


    .common-layer 
    {
      width:365px !important;
    }
    .tc_box_div {
        width: 329px !important;
    }
    .yyst_box_form div input {
        width: 243px;
    }
    .common-layer .bxk-notice {
        width: 365px !important;
    }
    .yyst_box_form .formBtn {
      width:330px !important;
    }
}