@charset "utf-8";
/* ==========================================================================
   about-mobile.css — 「关于」频道移动端适配 + AI 科技风视觉
   --------------------------------------------------------------------------
   2026-09-16 新建。服务页面（about/ 下 8 个）:
     index.html              公司介绍      about-manage.html     管理团队
     about-culture.html      企业文化      about-devprogress.html 发展历程
     about-honor.html        资质与荣誉    about-brand.html      品牌文化
     about-join.html         加入云动      about-contactus.html  联系我们

   只有这 8 个页面 <link> 本文件。共享样式表（../css/style.css、about/css/style.css、
   about/css/ui.css）一行未改，站内其他页面零影响。
   全部规则包在 @media (max-width:768px) 内 —— 桌面端逐像素不变。

   桌面布局（css/style.css）:
     .ny_center     980px 居中 + 云纹底图, text-align:center
     .center_left   206px float:left （ul 184px 白底, a 用 a5_bj/a4_bj 底图 163×30）
     .center_right  720px float:left （.right_banner 720×147, .title 680px,
                    .center_right dl 固定 height:140px, 表格 td 大量内联
                    width="620/650/700"、img width="533/641" 固定尺寸）
     about-devprogress.html 额外引 about/css/style.css:
       html,body,.wrap{min-width:1200px} + .wrap{width:1200px}  ← 移动端头号溢出源
       时间轴 .history_bd: 左 46% / 右 46% 双 float 左右交替, 中线 .row_line 1px

   移动端策略:
     ① 左栏 8 个栏目 → 横向滚动胶囊条（页内导航保留, 不隐藏）
     ② 右栏全宽 + 白卡；固定宽表格 / 内联宽 p / 内联尺寸 img 一律自适应
     ③ 表格 table/tr/td 全部块级化 → 天然单列堆叠（本频道表格都是纵向内容,
         没有需要保持列对齐的场景；资质图那张 2 列图也顺势变成大图堆叠）
     ④ 时间轴双列交替 → 单列: 渐变竖轴 + 年份渐变胶囊 + 照片 + 事件列表
     ⑤ 视觉: 蓝 #0564F5 → 靛 #5b6cff → 青 #00c2d1 冷色科技渐变;
        渐变标题字 / 渐变竖柱 / 渐变表头 / 渐变时间轴 + 白卡细蓝边柔光投影
   ========================================================================== */

@media (max-width: 768px) {

  /* ========================================================================
     0. 全局：解除固定宽 + 盒模型
     ------------------------------------------------------------------------
     about/css/style.css 的 `html,body,.wrap{min-width:1200px}` 会让 390px 视口
     横向滚出 810px；`.wrap{width:1200px}` 同理。两者必须一起解除。
     ======================================================================== */
  html,
  body,
  .wrap {
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
  }
  .wrap {
    width: 100% !important;
  }
  body {
    background: #f5f8fd !important;
    font-size: 14px !important;
  }
  .ny_center,
  .ny_center *,
  .ny_center *::before,
  .ny_center *::after {
    box-sizing: border-box !important;
  }

  /* ========================================================================
     1. 频道容器 .ny_center（980px 定宽 + 云纹底图 + 文本居中）
     ------------------------------------------------------------------------
     底图 cloudcc_yellow_bg.png 是给 980px 板式配的, 窄屏下会错位 → 去掉,
     改极浅冷灰蓝页底, 让白卡浮起来。两侧留 12px 露出页底。
     text-align:center 是桌面板式的历史遗留, 移动端长段落居中极难读 → 改 left。
     ======================================================================== */
  .ny_center {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 12px 22px !important;
    background: none !important;
    text-align: left !important;
    overflow: visible !important;
  }
  /* 顶部一条科技光带（页首渐变细线, 替代原底图营造的版式感） */
  .ny_center::before {
    content: "" !important;
    display: block !important;
    height: 3px !important;
    margin: 0 0 12px !important;
    border-radius: 3px !important;
    background: linear-gradient(90deg, #0564F5 0%, #5b6cff 45%, #00c2d1 100%) !important;
    opacity: .9 !important;
  }

  /* ========================================================================
     2. 左栏 8 个栏目 → 横向滚动胶囊条
     ------------------------------------------------------------------------
     桌面是 206px 竖排 + a5_bj.gif(常态)/a4_bj.gif(选中) 底图, a 固定 163×30。
     移动端: 拆 float、去底图、改 flex 横滑, 8 个胶囊一行排开可横向滑动。
     当前页 .over 用品牌渐变实心, 其余白底细蓝边 —— 一眼看出所在栏目。
     ⚠️ a:hover 与 a.over 特异性同为 (0,2,3), 靠源码顺序取胜, .over 必须写在后面。
     ======================================================================== */
  .center_left {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    background: none !important;
    overflow: visible !important;
  }
  .center_left ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 0 2px !important;
    border: none !important;
    background: none !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .center_left ul::-webkit-scrollbar {
    display: none !important;
  }
  .center_left ul li {
    flex: 0 0 auto !important;
    line-height: normal !important;
  }
  /* 2026-09-16: 「品牌文化」整页在移动端下线 —— 页内胶囊条里的入口一并隐藏（8 页）。
     类名 hide-on-mobile 与页脚那条同源（css/mobile-hf.css:862）。
     ⚠️ 用类选择器而非 :has(): 老版微信 X5 内核不支持 :has()。 */
  .center_left ul li.hide-on-mobile {
    display: none !important;
  }
  .center_left ul li a,
  .center_left ul li a:hover {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* 旧版专用模板（发展历程页）默认 content-box, 会让胶囊高 50px;
       其他页的模板本来就是 border-box。显式声明后两处一致。 */
    box-sizing: border-box !important;
    width: auto !important;
    height: auto !important;
    min-height: 34px !important;
    padding: 7px 15px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid rgba(5, 100, 245, .16) !important;
    border-radius: 999px !important;
    color: #19355e !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 3px rgba(5, 100, 245, .06) !important;
  }
  .center_left ul li a.over {
    background: linear-gradient(115deg, #0564F5 0%, #5b6cff 45%, #00c2d1 100%) !important;
    background-image: linear-gradient(115deg, #0564F5 0%, #5b6cff 45%, #00c2d1 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 3px 12px rgba(5, 100, 245, .28) !important;
  }
  /* 左栏底部的云纹收尾图（line05.gif）在移动端无意义 */
  .cleft_bottom {
    display: none !important;
  }

  /* ========================================================================
     3. 右栏 → 全宽白卡
     ======================================================================== */
  .center_right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    background: #ffffff !important;
    border: 1px solid rgba(5, 100, 245, .09) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 24px rgba(5, 100, 245, .08) !important;
    overflow: hidden !important;
    zoom: 1 !important;
  }

  /* ========================================================================
     4. 顶部横幅图 .right_banner（720×147 定尺寸 → 自适应圆角图）
     ======================================================================== */
  .center_right .right_banner,
  .right_banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 18px rgba(5, 100, 245, .14) !important;
  }

  /* ========================================================================
     5. 页面标题 .title（680px + icon05.gif 图标 + 点线下边框）
     ------------------------------------------------------------------------
     移动端重做为「左侧渐变竖柱 + AI 渐变字 + 底部渐隐细线」。
     ======================================================================== */
  .center_right .title,
  .center_right h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 16px 0 14px !important;
    padding: 0 0 12px 14px !important;
    position: relative !important;
    background: none !important;
    background-image: none !important;
    border-bottom: none !important;
    color: #19355e !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: .2px !important;
    text-align: left !important;
  }
  /* 左侧渐变竖柱 */
  .center_right .title::before,
  .center_right h1::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;
    width: 4px !important;
    height: 19px !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, #0564F5 0%, #00c2d1 100%) !important;
  }
  /* 底部渐隐细线 */
  .center_right .title::after,
  .center_right h1::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(5, 100, 245, .55) 0%, rgba(0, 194, 209, .28) 45%, rgba(5, 100, 245, 0) 100%) !important;
  }
  /* 加入云动页把邮箱提示塞在 .title 里（内联 display:flex + margin-left:54%） */
  .center_right .title > div {
    display: block !important;
    margin: 6px 0 0 !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
    background-image: none !important;
  }
  /* AI 渐变字（能力检测，不支持 background-clip:text 时保留纯色标题） */
  @supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .center_right .title,
    .center_right h1 {
      background-image: linear-gradient(100deg, #0564F5 0%, #5b6cff 55%, #00c2d1 100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      color: transparent !important;
    }
    .center_right .title > div,
    .center_right h1 > div {
      -webkit-text-fill-color: #6b7280 !important;
      color: #6b7280 !important;
    }
  }

  /* ========================================================================
     6. 正文段落（.gsdtp 等）
     ------------------------------------------------------------------------
     桌面 12px/20px 贴着 24px 首行缩进, 窄屏读起来过小过密 → 14.5px/1.85 左对齐。
     .center_right p 一并兜底: 招聘页大量 <p style="width:620px"> 内联定宽,
     外部 !important 可覆盖内联非 important 声明, 一次治干净。
     ======================================================================== */
  .center_right p,
  .gsdtp,
  .center_right .fztext {
    width: auto !important;
    max-width: 100% !important;
    font-size: 14.5px !important;
    line-height: 1.85 !important;
    color: #4b5563 !important;
    text-align: left !important;
  }
  .gsdtp {
    text-indent: 0 !important;
    margin: 0 0 14px !important;
  }
  .center_right p {
    word-break: break-word !important;
  }

  /* ========================================================================
     7. 名片卡 dl（管理团队 / 加入云动）
     ------------------------------------------------------------------------
     桌面 .center_right dl 固定 height:140px —— 内容一多就溢出被裁, 窄屏必须解。
     改白底浅蓝卡: 细蓝边 + 左侧渐变竖条 + 标题深蓝、副标题灰色小字。
     ======================================================================== */
  .center_right dl {
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 15px 15px 13px !important;
    background: #fbfdff !important;
    border: 1px solid rgba(5, 100, 245, .12) !important;
    border-radius: 14px !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .center_right dl dt {
    float: none !important;
    width: 100% !important;
  }
  .center_right dl dd {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 8px !important;
  }
  .center_right dl dt h3 {
    font-size: 15.5px !important;
    line-height: 1.5 !important;
    color: #19355e !important;
    border-bottom: none !important;
    padding: 0 0 0 12px !important;
    position: relative !important;
  }
  .center_right dl dt h3::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;
    bottom: 4px !important;
    width: 3px !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, #0564F5 0%, #00c2d1 100%) !important;
  }
  /* 副标题（部门/岗位名）单独成行, 灰色小字 */
  .center_right dl dt h3 span {
    display: block !important;
    margin: 3px 0 0 !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    color: #6b7280 !important;
  }
  .center_right dl dt p {
    width: auto !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
    font-size: 13.5px !important;
    line-height: 1.8 !important;
    color: #4b5563 !important;
  }

  /* ========================================================================
     8. 表格（品牌文化 / 资质与荣誉 / 联系我们）
     ------------------------------------------------------------------------
     本频道表格都是纵向内容（荣誉清单、资质图、分公司信息）, 没有需要保持
     列对齐的场景 → table/tbody/tr/td 全部块级化, 天然单列堆叠。
     桌面的 td width="343"、img width="533/641" 等固定尺寸随之失效。
     ======================================================================== */
  .center_right table,
  .center_right tbody,
  .center_right thead,
  .center_right tr,
  .center_right td,
  .center_right th {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .center_right table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }
  .center_right td,
  .center_right th {
    padding: 8px 10px !important;
  }
  /* 桌面用来撑左列的空白占位单元格（<td class="time"></td>）→ 去掉 */
  .center_right td:empty {
    display: none !important;
  }
  /* 表格里的图片一律自适应。
     ⚠️ 不能无差别 display:block —— 联系我们页的 11px 小图标（sico002.gif）
        是行内跟在公司名前的，块级化后会独占一行变成一颗孤立的红点。
        块级居中只给「独占一段的图」：在 <p>/<center> 内的，或整个单元格只有它一张。 */
  .center_right table img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
  }
  .center_right table p > img,
  .center_right table center img,
  .center_right table td[align="center"] > img {
    display: block !important;
    margin: 6px auto !important;
  }
  /* 源码里写在 <tr> 之间的**非法游离 <br>**（不在任何 <td> 内）。
     浏览器解析时会把它们 foster-parent 到表格**前面**，于是在「大厦实景图」和
     下方公司名之间堆出 4×20px = 80px 的纯空白（联系我们页实测间隙 108px）。
     桌面端同样存在，只是被横向版式稀释；移动端单列后极刺眼 → 一律隐藏。 */
  .center_right .about_main_c > br,
  .center_right > br {
    display: none !important;
  }

  /* 8.1 章节表头（.tdbgcolor / td[bgcolor="#EDF2F8"] 分公司条）→ 品牌渐变条 */
  .center_right .tdbgcolor,
  .center_right td.tdbgcolor {
    height: auto !important;
    padding: 10px 14px !important;
    margin: 16px 0 6px !important;
    border-radius: 9px !important;
    background: linear-gradient(115deg, #0564F5 0%, #5b6cff 45%, #00c2d1 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: .3px !important;
    box-shadow: 0 3px 12px rgba(5, 100, 245, .22) !important;
  }
  .center_right td[bgcolor="#EDF2F8"] {
    height: auto !important;
    padding: 9px 14px !important;
    margin: 14px 0 6px !important;
    border-radius: 9px !important;
    background: linear-gradient(90deg, rgba(5, 100, 245, .10) 0%, rgba(0, 194, 209, .06) 100%) !important;
    border-left: 3px solid #0564F5 !important;
    color: #19355e !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
  }

  /* 8.2 数据行（.tdbgcolor1 淡绿底 → 白底细线, 与整体冷色调统一）
     ⚠️ 桌面这条是 #ecfcdd/#339966 的绿色系, 与蓝青科技风冲突, 移动端改中性冷色。 */
  .center_right .tdbgcolor1 {
    height: auto !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eef2f8 !important;
    color: #4b5563 !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
  }
  .center_right .tdbgcolor1:nth-child(even) {
    background: #fafcff !important;
  }
  /* 荣誉页个别行里塞了证书大图, 给点上下留白 */
  .center_right .tdbgcolor1 img {
    margin: 6px auto !important;
  }

  /* ========================================================================
     9. 图片 / 视频 / 旧式 <center> 容器
     ======================================================================== */
  .center_right img {
    max-width: 100% !important;
    height: auto !important;
  }
  /* 企业文化页 7 张横排 gif、联系我们页的实景图/路线图: 一律块级居中 */
  .center_right > img {
    display: block !important;
    margin: 0 auto 10px !important;
    border-radius: 8px !important;
  }
  .center_right center {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
  /* 公司介绍页的宣传视频：width="720" 内联属性 → 铺满卡片 */
  .center_right video,
  #show3 video {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  #show3 {
    margin: 12px 0 18px !important;
    background: #0b1220 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(5, 100, 245, .12) !important;
  }

  /* ========================================================================
     10. 发展历程（about-devprogress.html）时间轴 → 单列
     ------------------------------------------------------------------------
     桌面: 左 46% 照片 / 右 46% 年份+事件, 左右交替 + 50% 中线。
     移动端: 藏掉中线与连接线, 左侧画一条渐变竖轴; 照片 → 年份胶囊 → 事件列表。
     ======================================================================== */
  .about_history {
    padding: 0 14px !important;
  }
  /* 页首 30px 纯黑标题 → AI 渐变大标题 */
  .wrap > div[style*="font-size: 30px"] {
    font-size: 21px !important;
    line-height: 1.35 !important;
    margin: 16px 14px 6px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    color: #19355e !important;
  }
  .about_history .history_bd {
    padding-top: 10px !important;
    position: relative !important;
  }
  /* 中线 / 横线 / 连接线：全部交给左侧渐变竖轴 */
  .about_history .history_bd .col_line,
  .about_history .history_bd .row_line,
  .about_history .history_bd .img_line,
  .about_history .history_bd .line_color {
    display: none !important;
  }
  .about_history .history_bd > ul {
    position: relative !important;
    padding-left: 22px !important;
  }
  /* 渐变时间轴 */
  .about_history .history_bd > ul::before {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    top: 8px !important;
    bottom: 8px !important;
    width: 2px !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, #0564F5 0%, #5b6cff 45%, #00c2d1 100%) !important;
    opacity: .55 !important;
  }
  .about_history .history_bd > ul > li {
    margin-bottom: 22px !important;
  }
  /* 左右两栏统一成全宽, 拆 float —— 桌面 .odd 是 float:right 的镜像排列 */
  .about_history .history_bd ._list_box,
  .about_history .history_bd ._list_box ._list_l,
  .about_history .history_bd ._list_box ._list_r,
  .about_history .history_bd .odd ._list_l,
  .about_history .history_bd .odd ._list_r {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
  }
  .about_history .history_bd ._list_l {
    margin-bottom: 10px !important;
  }
  /* 年份活动照片（.rect-56 是 padding-bottom:56% 的等比占位 + absolute 填充） */
  .about_history .history_bd ._list_l .r_box {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(5, 100, 245, .12) !important;
  }
  /* 年份数字（桌面 40px 蓝字 + 边框, 绝对定位在中线两侧）→ 渐变胶囊 */
  .about_history .history_bd ._list_r ._r_year,
  .about_history .history_bd .even ._list_r ._r_year,
  .about_history .history_bd .odd ._list_r ._r_year {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: inline-block !important;
    padding: 6px 16px !important;
    margin: 0 0 10px !important;
    border: none !important;
    border-radius: 999px !important;
    background: linear-gradient(115deg, #0564F5 0%, #5b6cff 45%, #00c2d1 100%) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .5px !important;
    font-variant-numeric: tabular-nums !important;
    box-shadow: 0 3px 12px rgba(5, 100, 245, .28) !important;
  }
  /* 事件列表（桌面 padding:88px 110px 0 0 给年份让位） */
  .about_history .history_bd ._list_r ._r_main,
  .about_history .history_bd .even ._list_r ._r_main,
  .about_history .history_bd .odd ._list_r ._r_main {
    padding: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.8 !important;
    color: #4b5563 !important;
  }
  .about_history .history_bd ._list_r ._r_main li {
    margin-bottom: 7px !important;
    font-size: 13.5px !important;
    line-height: 1.8 !important;
  }
  /* 单条事件里的「时间列 / 正文列」（桌面 12% / 88% 双 float） */
  .about_history .history_bd ._list_r ._r_main ._time,
  .about_history .history_bd ._list_r ._r_main ._text {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
  }
  /* 页首「发展历程」四字 → AI 渐变字（同理带能力检测） */
  @supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .wrap > div[style*="font-size: 30px"] {
      background-image: linear-gradient(100deg, #0564F5 0%, #5b6cff 55%, #00c2d1 100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      color: transparent !important;
    }
  }
} /* end @media (max-width: 768px) */

/* ============================================================================
   移动端专用：发展历程页缺失的栏目导航条
   ----------------------------------------------------------------------------
   about-devprogress.html 用的是**旧版专用模板**（.bodyMain + 全宽左右交替时间轴），
   结构上根本没有其他 about 页的 .ny_center / .center_left 左栏 —— 它是全频道
   唯一「进去之后没有任何栏目导航」的页面（桌面端同样缺）。
   时间轴的全宽交替版式是桌面端的设计意图，塞进 206px 左栏会挤坏，所以：
   桌面端保持原样（这条导航 display:none），只在移动端补上，
   且直接复用上面 .center_left 那套胶囊条规则（同一份 DOM 结构）。
   ============================================================================ */
.about-tabs-mobile {
  display: none !important;
}
@media (max-width: 768px) {
  .about-tabs-mobile {
    display: block !important;
    float: none !important;
    width: 100% !important;
    /* 与其他 about 页对齐（那 7 页的导航条位于 .ny_center 内, 靠 12px 侧内边距 +
       .center_left 的 10px 底边距; 顶部 15px 来自 .ny_center 首个行盒的行高撑高）。
       本页没有 .ny_center, 故在同一容器上把这三段内边距一次写齐 —— 实测对齐后
       胶囊条 y / x / 尺寸与 about-honor.html 完全一致。 */
    margin: 0 !important;
    padding: 15px 12px 10px !important;
    box-sizing: border-box !important;
    background: none !important;
  }
}