@charset "utf-8";
/* CSS Document */

/*全局黑白色，特殊时期
html { 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
	_filter:none; 
}
*/

/**禁止复制**/
body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,'MiSans',"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.allow_copy {
  user-select: text; /* 允许选择文本（可复制） */
  -webkit-user-select: text; /* Safari/Chrome 兼容 */
  -moz-user-select: text;    /* Firefox 兼容 */
  -ms-user-select: text;     /* IE/Edge 兼容 */
}
/*全局样式*/
*{ margin:0px auto; padding:0px; list-style:none; -webkit-text-size-adjust:none; font-size:12px; font-family: 'MiSans'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all .8s;}
ul,dd{ list-style:none;}
img{ border:none; vertical-align: middle;}
a{ color:#598cce; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition: background 0.1s ease-in 0.1s,color 0.1s ease-out 0.1s; font-size: 100%;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #5C2C2D;}
b{ font-size: 100%;}
i,em{ font-style: normal;}
input,button{ outline: none;}
body.bgfff{ background-color:#fff;}
body.bghui{ background-color:#f5f5fb;}
body.bghuibg{ background:#f5f5fb url(../../images/qiche/pc/ai_bg.jpg) no-repeat top; background-size: 100%;}
body.bghei{ background-color:#171a21;}
.cler{ clear: both;}

h2.lan{ font-size: 18px; color: #333; padding: 5px 0;}
h2.lan span{ float: right; font-size: 12px; color: #888;line-height: 22px; text-align: right; font-style: normal; font-weight: normal;}

h2.lan2{ font-size: 18px; color: #333; padding: 15px 0;}
h2.lan3 span{ font-size: 18px; color: #515C6B; line-height: 22px;}
h2.lan3 i{ display: inline-block; float: left; width: 21px; height: 21px; margin-right: 5px; overflow: hidden;}
h2.lan3 i img{ width: 100%;}
.lge{ padding: 0 0 15px 0;}
.lge2{ padding: 15px 0;}

h2.zt{ font-size: 18px; color: #333; padding: 10px 0; text-indent: 18px; background:url(../../images/qiche/pc/ico_5.png) no-repeat left center;}
h2.pos{ font-size: 18px; color: #333; padding: 10px 0;}

h3.lan{ font-size: 16px; color: #333; padding: 5px 0;}
h3.lan span{ color: #4e92e3;}

span.hei{ font-size: 100%; color: #333!important;}
span.lan{ font-size: 100%; color: #056de8!important;}
span.hong{ font-size: 100%; color: #dc2a2a!important;}

.left{ float: left;}
.right{ float: right;}

.top_ge_pos{ width: 100%; padding-top: 55px;}
.top_ge{ width: 100%; padding-top: 70px;}
.top_ge2{ width: 100%; margin: 50px auto 0;}
.top_ge3{ width: 100%; padding-top: 90px;}
.top_ge_zt{ width: 100%; padding-top: 120px;}
.top_ge_dq{ width: 100%; padding-top: 280px;}
.top_ge_yt{ width: 100%; padding-top: 220px;}
.top_ge_xm{ width: 100%; padding-top: 90px;}

.main_ge{ margin: 20px auto;}
.marg30{ margin: 30px auto;}
.wid1200{ width: 1200px;}
.wid100{ width: 100%;}

/**筛选**/
.bm_fl {
    width: 100%;
    margin: 10px auto;
    background: #fff; /* 加个背景更干净 */
    padding: 0 10px; /* 左右内边距，避免内容贴边 */
}

/* 标题栏（分类信息查询）：调整对齐 */
.bm_fl h2 {
    padding: 12px 0;
    display: flex; /* 让图标和文字垂直居中 */
    align-items: center;
    margin: 0;
}
.bm_fl h2 i {
    width: 20px;
    height: 20px;
    margin-right: 8px; /* 加大图标和文字间距 */
}
.bm_fl h2 i img{ display: block; width: 100%;}
.bm_fl h2 span {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 20px;
}

/* 筛选栏容器：用Flex实现整齐对齐，替代浮动 */
.bm_fl ul {
    width: 100%;
    padding: 12px 0;
    border-top: 1px solid #eee; /* 虚线改实线，更简洁 */
    display: flex; /* 核心：Flex布局 */
    align-items: center; /* 标题和筛选项垂直居中 */
    flex-wrap: wrap; /* 筛选项太多时自动换行 */
    margin: 0; /* 清除默认margin */
}

/* 筛选栏标题（适用范围/项目类型等）：固定宽度，实现横向对齐 */
.bm_fl ul li {
    font-weight: bold;
    color: #333;
    font-size: 15px;
    padding: 0 10px;
	transform: translateY(-3px);
}

/* 筛选项按钮样式：统一间距、圆角、 hover/选中状态 */
.bm_fl ul a {
    display: inline-block; /* 替代浮动，实现整齐排列 */
    font-size: 14px; /* 字体稍小，更紧凑 */
    color: #333;
    padding: 3px 14px; /* 调整内边距，按钮更舒适 */
    line-height: 21px;
    border-radius: 20px; /* 圆角更自然 */
    margin: 0 6px 6px 0; /* 增加上下间距（换行时更整齐） */
    transition: all 0.2s; /*  hover动画更丝滑 */
    border: 1px solid #eee; /* 加边框，按钮感更强 */
}
/* hover状态：轻微高亮 */
.bm_fl ul a:hover {
    color: #056de8;
    background: #f5faff;
    border-color: #056de8;
}
/* 选中状态：突出显示 */
.bm_fl ul a.current {
    color: #fff;
    background: #056de8;
    border-color: #056de8;
    font-weight: normal; /* 去掉加粗，避免字体变形 */
}

/* 1. 外层容器：控制整体范围，避免页面过宽时卡片拉伸 */
.cheliang {
  width: 100%;
  max-width: 1200px; /* 限制最大宽度，适配大尺寸屏幕 */
  margin: 30px auto; /* 水平居中 */
  box-sizing: border-box;
}

/* 2. 列表容器：用Flex实现三列+自动换行+左右对齐（核心布局） */
.cheliang-list {
  display: flex;
  flex-wrap: wrap; /* 超出一行自动换行 */
  justify-content: space-between; /* 关键：每行首项靠左、末项靠右，中间间距均匀 */
  gap: 15px; /* 卡片之间的间距（替代margin，更简洁） */
  padding: 0; /* 清除ul默认内边距 */
  margin: 0; /* 清除ul默认外边距 */
  list-style: none; /* 清除ul默认圆点 */
}

/* 3. 单个车辆卡片：三列等宽+样式美化 */
.cheliang-card {
  width: calc((100% - 30px) / 3); /* 三列计算：总宽度 - 2个间距（gap），再除以3 */
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  box-sizing: border-box; /* 保证padding不撑大宽度 */
  transition: all 0.8s ease; /* hover动画过渡 */
}

/* 卡片hover交互：提升质感 */
.cheliang-card:hover {
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12);
  transform: translateY(-3px); /* 轻微上浮 */
}

/* 4. 卡片内部元素样式（美观+实用） */
/* 车辆图片：固定比例，避免拉伸 */
.cartu{ position: relative; width: 100%; border-radius: 10px; overflow: hidden;}
.cartu i {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 5px;
    line-height: 19px !important;
    border-bottom-right-radius: 6px;
    background-color: rgba(100, 32, 255, 0.3);
    font-size: 10px !important;
    color: #ECECEC;
    z-index: 2;
}
.card-img {
  width: 100%;
  height: 120px;
  object-fit: cover; /* 保持图片比例，裁剪多余部分 */
  border-radius: 10px;
}

/* 车辆标题：超出省略 */
.card-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 10px 0 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 车辆价格：突出显示 */
.card-price {
  font-size: 12px;
  color: #777;
  margin: 0 0 8px;
  display: flex;
  align-items:baseline;
  gap:3px;
}
.card-price span.hong{ font-size: 18px; color: #D64A4C; font-weight: 700; padding-right: 10px;}

/* 车辆描述：最多显示2行，超出省略 */
.card-desc {
  font-size: 12px;
  color: #777;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-desc span{ font-size: 100%; color: #333;}
.no_data{width: 100%; padding: 10px; font-size: 14px; color: #666; text-align: center;}

/*通用样式*/
.bt_fu_y{ padding: 3px 15px; border-radius: 300px; border: 1px #DCDCDC solid; display: inline-block;}
.bt_fu_y dl{display: flex; align-items:center; gap:5px;}
.bt_fu_y dd{ font-size: 14px; color: #6421ff; font-weight: bold;}
.bt_fu_y dd.xd{ width: 4px; height: 4px; border-radius: 300px; background: #6420ff;}
.bt_fu_y dd.dd{ width: 8px; height: 8px; border-radius: 300px; background: #6420ff;}

.tu_ban img{ display: block; width: 100%;}
.aniu{ width: 100%; display: flex; align-items: center; gap:20px; margin: 30px auto 0;}
.aniu li{ padding: 13px 25px; border-radius: 300px; font-size: 16px; color: #fff; font-weight: bold; background: #6420ff;}
.aniu li:hover{ background: #7c3cdc;}

/*单页top样式*/
.top_k{ width: 100%; background: #222056; padding: 10px 0;}
.top_cont{ width: 1200px; margin: 0 auto; font-size: 14px; color: #fff;}
.top_right{ float: right; font-size: 14px; color: #fff; display: inline-flex; align-items: center; gap: 20px;}
.top_right a{ color: #fff; font-size: 14px;}
.top_right a:hover{ color: #7976cc;}
.login{ padding:0 10px; border-radius: 300px; border: 1px #a9a6ea solid;}
.login:hover{ border: 1px #7976cc solid;}

.menu_k{ 
  width: 100%; 
  background: #6420ff;
  overflow: hidden; /* 避免子元素溢出影响页面 */
}

/* 导航容器：改用max-width自适应，Flex分布模块 */
.menu_che{ 
  max-width: 1200px; /* 最大宽度1200px，小屏幕自动收缩 */
  height: 70px; 
  margin: 0 auto; 
  display: flex; 
  align-items: center; 
  justify-content: flex-start; /* 按顺序排列模块 */
  gap: 20px; /* 模块间间距（替代margin） */
  overflow: hidden;
}

/* logo模块：固定宽度+不压缩 */
.menu_che ul.logo{
  width: 200px; 
  flex-shrink: 0; /* 禁止logo被压缩，不管父容器空间多不够，这个元素都不缩小，坚持保持自己原本的宽度 / 高度，绝不被挤扁。 */
  overflow: hidden;
}
.menu_che ul.logo img{ 
  display: block; 
  width: 100%;
}

/* 导航菜单模块：Flex弹性占空，强制不换行 */
.menu_che ul.menu{
  display: flex; 
  align-items: center; 
  flex: 1; /* 保持占据logo和右侧按钮之间的所有空间 */
  min-width: 0; 
  flex-wrap: nowrap; 
  /* 新增：让菜单项在menu容器内均匀分布（左右空间自动填充） */
  justify-content: space-between; 
  /* （可选）如果觉得菜单项间距太大，可保留小gap，比如：gap: 10px; */
  margin: 0 20px; 
}
.menu_che ul.menu li{ 
  	display: block; /* 清除原float影响 */
  	padding: 5px 0 0 0; /* 用gap控制间距，无需padding */
}
.menu_che ul.menu li a{ 
  font-size: 18px; 
  color: #fff; 
  font-weight: bold; 
  position: relative; 
  display: inline-block;
  padding-bottom: 5px; /* 给下划线预留空间 */
}
.menu_che ul.menu li a:hover{ 
  color: #f2ec47;
}
/* 优化下划线位置 */
.menu_che ul.menu li a:before{ 
  content: ""; 
  position: absolute; 
  left: 0; 
  bottom: 0; 
  height: 5px; 
  width: 0; 
  background-color: #f2ec47; 
  transition: width 0.3s ease;
}
.menu_che ul.menu li a:hover:before {
  width: 100%; /*  hover时显示完整下划线 */
}

/* 右侧按钮模块：固定布局+不压缩 */
.menu_che ul.anniu{ 
  display:flex; 
  align-items:center; 
  gap:10px;
  flex-shrink: 0; /* 禁止按钮模块被压缩 */
  margin: 0; /* 清除默认margin */
}
.menu_che ul.anniu li{ 
  font-size: 14px; 
  color: #6420ff; 
  padding: 5px 20px;
  display: flex;
  align-items: center;
}
.menu_che ul.anniu li.link{ 
  border-radius: 300px; 
  background: #fff; 
  font-weight: bold;
}
.menu_che ul.anniu li.zx{ 
  border-radius: 300px; 
  background: #eeecf9;
}
.menu_che ul.anniu li.zx a{
  color: #6420ff; /* 给咨询按钮加文字颜色 */
  text-decoration: none;
}

.che_top_bg{ width: 100%; background:url(../../images/qiche/pc/ai_bg.jpg) no-repeat top center; background-size: 100%;}
.che_main{ width: 1200px; margin: 0 auto;}
.ban_zi{ width: 50%; margin: 20px auto;}
.ban_zi img{ display: block; width: 100%;}
.che_bannar_bt{ margin: 0 auto; width: 100%; padding: 30px 0 30px 0;}
.che_mid{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 60px 30px 40px 30px; border-radius: 30px; background-color: rgba(100, 32, 255, 0.9);}
.che_mid h1{text-align: center; font-size: 50px; color: #fff;
	margin-bottom: 60px;
	position: relative;
}
.che_mid h1::after{
  content: ""; /* 伪元素必须设置content（空值即可） */
  /* 定位到h1正下方 */
  position: absolute;
  bottom: -45px; /* 距离h1底部10px，可按需调整间距 */
  left: 50%; /* 水平居中的基础 */
  transform: translateX(-50%); /* 实现水平居中 */
  /* 分割线尺寸+颜色 */
  width: 60px;
  height: 10px;
  border-radius: 300px;
  background-color: #fff; /* 白色分割线 */
}
.che_mid h2{text-align: center; font-size: 16px; color: #fff;}

/* 首页 */
.ind_k{ width: 900px; margin: 50px auto;}
.ind_k2{ width: 50%; margin-top: 50px; position: relative;}
.ind_logo{ margin: 50px auto; width: 700px;}
.ind_logo img{ display: block; width: 100%;}

.ind_top_bq{ padding: 5px 30px; border-bottom: 1px #F0F0F0 solid; background: #fcfcfc; font-size: 12px; color: #666; box-sizing:border-box; overflow: hidden; }
.ind_top_l{ display: flex; align-items: center; gap:10px;}
.ind_top_l h1{ font-size: 100%; color: #333; display: inline-block;}
.ind_top_l h2{ font-size: 100%; display: inline-block; font-weight: normal;}
.ind_top_l i{ width: 15px; height: 15px; background:url(../../images/qiche/wap/an_3.png) no-repeat center; background-size: 100%;}
.ind_top_login{ float: right; text-align: right; font-size: 100%; color: #666; display: flex; align-items: center; gap:10px;}
.ind_top_login a{ color: #6420ff; font-size: 100%;}

/**首页搜索**/
.ind_so{ width: 100%; background: #fff; margin: 40px auto; padding: 15px; box-sizing: border-box; border-radius: 500px; box-shadow: 0 0 30px rgba(213, 213, 213, .3); overflow: hidden;}
.ind_so:hover{ transform:translateY(-5px); box-shadow: 0 10px 10px rgba(138,150,185,.3);}
.flex-so {
  display: flex; /* 启用 Flex 布局 */
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px; /* 可选：间距 */
}
.soleft {
  width: 50px; /* 固定宽度 */
}
.soleft img{ display: block; width: 100%;}

.somiddle {
  flex: 1; /* 自动填满剩余空间 */
}
.somiddle input{ width: 100%; border: 0; height: 50px; line-height: 50px; font-size: 18px; font-family: MiSans; letter-spacing:2px; background: #fff;}

.soright {
  width: 120px; /* 固定宽度 */
}
.soright button{ width: 100%; height: 50px; border-radius: 51px; background: #6420ff; font-size: 16px; color: #fff; border: none; cursor: pointer;}
.soright button:hover{ background: #0953c7;}

.indtag{ display:table; margin:10px auto;}
.indtag li{ display: inline; font-size: 14px; color: #777;}
.indtag li a{ font-size: 100%; color: #fff; display:inline-block; background: #c8c8ea; border-radius: 200px; padding: 1px 15px; margin-right: 10px; margin-bottom: 5px;}
.indtag li a:hover{ color: #fff; background: #ababe0; transition: color 0.5s;}

.zxnews{ 
  width: 85%; 
  margin: 5px auto 30px; 
  /* 关键：固定高度（刚好容纳3条新闻，需根据实际字体/内边距调整） */
  height: 84px; /* 假设每条新闻ul高度是28px，3条=28*3 */
  overflow: hidden; /* 隐藏超出区域的新闻 */
  position: relative; /* 作为遮罩/滚动容器的定位基准 */
}

/* 滚动容器：绝对定位，通过改变top实现滚动 */
.zxnews .news-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: top 0.5s ease; /* 滚动时的平滑动画 */
}

/* 统一新闻项样式（确保每条高度一致，滚动更精准） */
.zxnews ul{ 
  width: 100%; 
  padding: 3px 0; 
  box-sizing: border-box; 
  font-size: 14px; 
  color: #666; 
  line-height: 22px; /* 固定行高，确保每条高度一致 */
  height: 28px; /* 行高+上下padding：22+3*2=28px */
  margin: 0; /* 清除默认margin */
  position: relative; /* 伪元素定位基准 */
  padding-left: 20px; /* 给“·”预留空间，避免遮挡文字 */
}
/* 生成大号“·” */
.zxnews ul::before {
  content: "·"; /* 伪元素内容为“·” */
  position: absolute; /* 精准定位 */
  left: 5px; /* 调整“·”的水平位置 */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%); /* 精准垂直居中 */
  font-size: 13px; /* 控制“·”的大小，数值越大越粗越大 */
  color: #666; /* 可选：修改“·”的颜色，和文字保持一致 */
  font-weight: bold; /* 可选：让“·”更粗，视觉更突出 */
}

.zxnews ul a{ 
  font-size: 14px; 
  color: #333;
  text-decoration: none;
}
.zxnews ul a:hover{
  color: #6420ff; /* 可选：hover文字变色 */
}
.zxnews ul a.fl{font-size: 14px; color: #6DAAE7}

.zxnews ul span{ 
  float: right; 
  font-size: 14px; 
  color: #999;
}

/* 上下渐变遮罩：让中间新闻清晰，上下模糊 */
.zxnews::before, .zxnews::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1; /* 遮罩在新闻上方 */
}
/* 顶部遮罩：从上到下 白色→透明 */
.zxnews::before {
  top: 0;
  height: 20px;
  background: linear-gradient(to bottom, #fff, transparent);
}
/* 底部遮罩：从下到上 白色→透明 */
.zxnews::after {
  bottom: 0;
  height: 20px;
  background: linear-gradient(to top, #fff, transparent);
}


/* 关于 */
.about_main{ width: 1200px; margin: 30px auto;}
.about_tu{ width: 46%; float: left;}
.about_tu img{display:block; width: 100%;}
.about_wen{ overflow: hidden; padding: 20px 0; box-sizing: border-box; float: right; width: 50%;}
.about_wen h2{ font-size: 30px; color: #1c1c25; padding: 20px 0; line-height: 45px;}
.about_wen p.sm{ font-size: 16px; color: #666; line-height: 25px;}
.about_wen ul{ width: 100%; margin: 20px 0; display: flex; align-items: center; gap:20px;}
.about_wen li.l img{ width: 90px;}
.about_wen li.r h3{ font-size: 20px; color: #333; padding: 5px 0;}
.about_wen li.r p{ font-size: 14px; clip-path: #666; line-height: 20px;}

/* 汽车快讯 */
.ks_k{ width: 1000px; margin: 30px auto;}
.ks_left{ float: left; width: 660px;}
.ks_right{ float: right; width: 320px;}

.ks_list{ width: 90%; margin: 10px auto; border-left: 2px #f5f5fb solid; padding-left: 15px;}
.ks_list ul{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #D0D0D0 dashed; position: relative; width: 96%; box-sizing: border-box;}
/* 核心新增：最后一个ul去掉底部边框 */
.ks_list ul:last-child{
    border-bottom: none;
    /* 可选：如果去掉边框后想取消底部margin，让布局更紧凑 */
    margin-bottom: 0;
    padding-bottom: 0;
}
/*备选方案（防止兼容性问题），最后好像是这个起作用了*/
.ks_list ul:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.ks_list ul i{ position: absolute; left: -21px; top: 8px; border-radius: 300px; width: 10px; height: 10px; background: #8f8f8f; overflow: hidden;}
.ks_list ul h3{ font-size: 15px; color: #6d8aff;}
.ks_list ul h3 a{ font-size: 100%; color: #6d8aff;}
.ks_list ul h3 a:hover{ color: #1B4DB1;}
.ks_list dl{ width: 100%; margin: 5px 0; display: flex; align-items: center; gap:5px;}
.ks_list dt{ width: 100px; overflow: hidden;}
.ks_list dt img{width: 100%; max-height: 50px; object-fit: cover; border-radius: 5px;}
.ks_content{ width: 100%; box-sizing: border-box; padding: 5px 0; font-size: 14px; color: #666; line-height: 21px; max-height: 150px; position: relative; overflow: hidden;}
/* 新增渐变遮罩伪元素 */
.ks_content::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
/* 渐变从透明到背景色，适配你的页面背景*/
background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
/* 只有当内容超出时才显示遮罩*/
display: none;
}
.ks_content.overflow::after {
display: block;
}

/* 主体 */
.main_k{ width: 100%; margin: 50px auto; padding: 50px 0;}
.main_k2{ width: 100%; margin: 20px auto; padding: 20px 0;}
.bai{ background: #FFF;}
.lanhei{ background: #05033a;}
.miid{ width: 1200px; margin: 0 auto;}
.miid h2{ padding: 10px 0; font-size: 30px; color: #1c1c25; text-align: center;}
.miid h2.fff{ color: #fff;}
.xbt{ padding: 3px 15px; border-radius: 300px; border: 1px #DCDCDC solid; background: #fff; display:table; margin: 10px auto;}
.xbt dl{display: flex; align-items:center; gap:5px;}
.xbt dd{ font-size: 15px; color: #6421ff; font-weight: bold;}
.xbt dd.xd{ width: 4px; height: 4px; border-radius: 300px; background: #6420ff;}
.xbt dd.dd{ width: 8px; height: 8px; border-radius: 300px; background: #6420ff;}

.chenew{ width: 100%; margin: 10px auto; display: flex; align-items: center; gap:30px; padding: 20px;}
.nesk{ width: 100%; border: 1px #DFDFDF solid; border-radius: 10px; padding: 15px; box-sizing: border-box; overflow: hidden;}
.nesk_list{ width: 100%; padding: 15px 0; border-bottom: 1px #EAEAEA solid; display: flex; align-items: center; gap:20px;}
.nesk_list:last-child { border-bottom: none;} /**最后一条不显示分割线**/
.nesk_list ul.l{ min-width: 115px; max-width: 115px; border-radius: 10px; max-height: 100px; overflow: hidden;}
.nesk_list ul.l img{ width: 100%; height: 100px; object-fit: cover; border-radius: 10px;}
.nesk_list ul.r{ width: 100%;}
.nesk_list ul.r h3{ font-size: 16px; line-height: 21px; padding: 5px 0; white-space: nowrap; /* 强制文本不换行 */ overflow: hidden;/* 超出容器部分隐藏 */ text-overflow: ellipsis; /* 超出部分显示省略号（...） */}
.nesk_list ul.r h3 a{ font-size: 100%; color: #6464D8;}
.nesk_list ul.r h3 a:hover{ color: #2b40bf;}

.nesk_list ul.r p{ font-size: 14px; color: #666; line-height: 21px; padding: 5px 0; display: -webkit-box; /* 启用弹性盒模型（适配webkit内核） */ -webkit-box-orient: vertical; /* 文本垂直排列 */ -webkit-line-clamp: 2; /* 限制显示2行 */ overflow: hidden; /* 超出部分隐藏（自动显示省略号） */}
.riqi{ width: 100%; display: flex; gap:15px;}
.riqi dl.lan{ display: inline-block; font-size: 12px; color: #8595d2; font-weight: bold; padding: 2px 15px; border-radius: 300px; background: #ebeffe; overflow: hidden;}
.riqi dl.lan:hover{ background: #4a64c7; color: #fff;}
.riqi dl.time{ font-size: 14px; color: #ccc; font-weight: bold; display: flex; align-items: center; position: relative; padding-left: 17px;}
.riqi dl.time:before {
    width: 5px;
    height: 5px;
    background-color: #C1C4CB;
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.dan_news{ width: 100%;}
.dan_news ul.tu{ width: 100%; max-height: 190px; border-radius: 10px; overflow: hidden;}
.dan_news ul.tu img{ display: block; width: 100%; border-radius: 10px;}
.dan_news ul.wen{ width: 100%; padding: 10px 0;}
.dan_news ul.wen h3{ font-size: 16px; line-height: 21px; padding: 5px 0; white-space: nowrap; /* 强制文本不换行 */ overflow: hidden;/* 超出容器部分隐藏 */ text-overflow: ellipsis; /* 超出部分显示省略号（...） */}
.dan_news ul.wen h3 a{ font-size: 100%; color: #6464D8;}
.dan_news ul.wen h3 a:hover{ color: #2b40bf;}
.dan_news ul.wen p{ font-size: 14px; color: #666; line-height: 21px; padding: 5px 0; display: -webkit-box; /* 启用弹性盒模型（适配webkit内核） */ -webkit-box-orient: vertical; /* 文本垂直排列 */ -webkit-line-clamp: 2; /* 限制显示2行 */ overflow: hidden; /* 超出部分隐藏（自动显示省略号） */}

/**车价模块**/
.cj_main{ width: 1000px; margin: 30px auto;}
.cj_left{ float: left; width: 730px;}
.cj_right{ float: right; width: 250px;}

.ckmain{ width: 100%; margin-bottom: 20px; background: #fff; box-sizing: border-box; border-radius: 15px;}
.ckge20{ padding: 20px;}
.ckge10{ padding: 10px;}

.che_tu{ width: 100%; border-radius: 10px; position: relative; overflow: hidden;}
.che_tu img{ display: block; width: 100%;}
.cheid{ position: absolute; right: 10px; top: 10px; border-radius: 300px; padding: 2px 15px; font-size: 13px; color: #fff; background-color: rgba(0, 0, 0, 0.3); overflow: hidden; z-index: 2;}
.cxleft{ position: absolute; left: 10px; top: 10px; border-radius: 300px; padding: 2px 15px; background-color: rgba(100, 32, 255, 0.9); overflow: hidden; z-index: 2; display: flex; align-items: center; gap:5px;}
.cxleft h2{ font-size: 13px; color: #fff;}
.cxleft i{ width: 15px; height: 15px; background:url(../../images/qiche/pc/an_8.png) no-repeat center; background-size: 100%;}
.chetlist{ 
  position: absolute; 
  bottom: 10px; 
  left: 50%; 
  transform: translateX(-50%); /* 实现水平居中 */ 
  box-sizing: border-box; 
  padding: 10px 20px; 
  background-color: rgba(0, 0, 0, 0.3); 
  border-radius: 10px; 
  z-index: 3; 
  max-width: 90%; 
  overflow: hidden; 
  /* 新增1：开启横向滚动，纵向隐藏溢出内容 */
  overflow-x: auto;
  overflow-y: hidden;
  /* 新增2：禁止滚动条占用布局空间（可选，优化美观度） */
  scrollbar-width: none; /* 兼容Firefox */
}
/* 新增：隐藏Chrome/Edge等webkit内核浏览器的默认滚动条（优化美观度） */
.chetlist::-webkit-scrollbar {
  display: none;
}
.chetlist ul{ 
  display: flex; 
  align-items:center; 
  gap:10px; 
  /* 新增：禁止小图列表换行，保持横向排列 */
  flex-wrap: nowrap;
  /* 可选：移除ul默认的内外边距，避免布局偏移 */
  margin: 0;
  padding: 0;
}
.chetlist li{ 
  width: 90px;
  max-height: 50px;
  border-radius: 6px; 
  overflow: hidden; 
  /* 新增：禁止li被压缩，保持固定宽度 */
  flex-shrink: 0;
  /* 可选：移除li默认列表样式 */
  list-style: none;
}
.chetlist li:hover{cursor: pointer;}
.chetlist li img{ display: block; width: 100%;}

.che_wen{ width: 100%; padding: 10px 0;}
.che_wen h1{ font-size: 26px; color: #333; padding: 10px 0; line-height: 31px; align-items: baseline;}
.che_wen h1 span{ font-size: 100%; color: #6420ff; min-width: 80px; text-align: right;}
.che_wen p{ font-size: 14px; color: #666; padding: 5px 0;}
.label {
  position: relative;
  margin-right: 17px; /* 给竖线留空间 */
  /* 这里可以加“二手车”的文字样式，比如颜色
  color: #409eff; /* 示例蓝色，和你截图里的颜色匹配 */

}
/* 伪元素做竖线 */
.label::after {
  content: "";
  display: inline-block;
  width: 3px; /* 你要的宽度 */
  height: 5px; /* 你要的高度 */
  background-color: #333; /* 和文字同色更协调 */
  vertical-align: middle; /* 与文字垂直居中 */
  border-radius: 10px;
  position: absolute;
  right: -12px; /* 调整竖线位置，和文字拉开距离 */
  top: 50%;
  transform: translateY(-50%); /* 精准垂直居中 */
}


.che_jia{ width: 100%; padding: 10px 0; display: flex; align-items: baseline; gap:10px; font-size: 14px; color: #999;}
.che_jia span.jia{ font-size: 30px; color: #DE4A4C; font-weight: 700;}
.che_jia span{ font-size: 100%; color: #666;}
.che_nav{ padding-left: 10px; font-size: 100%; color: #666; display: flex; align-items: center; gap:3px;}
.che_nav a{ padding:0 10px; font-size: 12px; color: #fff; border-radius: 300px;}
.che_nav a.xsj{ background: #6420ff; margin-right: 10px;}
.che_nav a.hsj{ background: #39B15A;}
.che_nav a:hover{ background: #7f49fb; color: #fff;}
.che_time{ width: 100%; padding: 5px 0; font-size: 14px; color: #999;}
.che_time span{ font-size: 16px; color: #333;}
.che_time li{ width: 50%; float: left; overflow: hidden;}

.che_tag{ margin: 10px auto;}
.che_tag dl{ display: flex; align-items: center; gap:10px;}
.che_tag dd{ padding: 1px 15px; background: #E3ECF9; border-radius: 100px; font-size: 12px; color: #7891CC; font-weight: bold;}
.che_tag dd:hover{ background:#697FD4; color: #fff;}

.che_lx{ width: 100%; margin: 5px auto;}
.che_lx a{ padding: 2px 10px; background: #F7F7F7; border: 1px #F0F0F0 solid; border-radius: 5px; float: left; margin: 0 5px 5px 0;}

.xslist{ width: 100%;}
.xslist ul{ padding: 6px 0; width: 100%;}
.xslist li.tu{ float: left; width: 35%; height: 60px; border-radius: 5px; position: relative; overflow: hidden;}
.xslist li.tu img{ width: 150%;}
.xslist li.tu i{ position: absolute; left: 0; top: 0; padding: 0 5px; line-height: 19px!important; border-bottom-right-radius: 6px; background-color: rgba(0, 0, 0, 0.3); font-size: 10px!important; color:#ECECEC; z-index: 2;}

.xslist li.wen{ float: right; width: 60%;}
.xslist li.wen h3{ font-size: 13px; color: #333; line-height: 19px; font-style: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.xslist li.wen h3:hover{ color: #5353D8;}
.xslist li.wen p{ font-size: 12px; color: #666;}
.xslist li.wen p span{ font-weight: bold; color:#D85557;}

.shouming{ width: 100%; padding: 8px 0; font-size: 14px; color: #666;}
.shouming span{ font-size: 100%; color: #3945C2;}
.shouming a{ font-size: 100%; color: #D84A4C; text-decoration: underline;}

/* 容器：控制整体宽度与居中 */
.car-info-container {
  width: 100%; /* 可根据页面调整宽度 */
  margin: 20px auto;
}

/* 标题栏：左右分布 */
.car-info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

/* 标题文字样式 */
.car-info-header .title {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin: 0;
}

/* “查看更多”链接样式（橙色） */
.car-info-header .more-link {
  font-size: 14px;
  color: #f97316;
  text-decoration: none;
}

/* 信息网格：三列平分布局 */
.car-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #eee; /* 顶部边框 */
}

/* 网格项：控制内边距+分隔线 */
.grid-item {
  padding: 10px 8px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center; /* 文字居中 */
}

/* 最后一列去掉右侧边框 */
.grid-item:nth-child(3n) {
  border-right: none;
}

/* 标签样式（如上牌时间）：浅灰色+小字体 */
.item-label {
  font-size: 14px;
  color: #999;
  margin-bottom: 5px;
}

/* 内容样式（如2020-06-14）：加粗+深黑色 */
.item-value {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}


/**内容区**/
.danye{ width: 100%; margin: 20px auto;
	max-width: 1150px; /* 可选：限制最大宽度更美观 */
	position: relative; /* 为遮罩层做定位基准 */
	overflow: hidden; /* 超出部分隐藏 */
	height: 150px; /* 默认高度 */
	transition: height 0.3s ease; /* 展开/收起动画 */
}
/* 渐变遮罩层：底部渐变隐藏超出内容 */
.danye .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px; /* 遮罩高度，控制渐变范围 */
    /* 渐变：从白色（页面背景）到透明 */
    background: linear-gradient(to top, #fff, transparent);
    pointer-events: none; /* 遮罩不遮挡点击 */
}

/* 查看更多按钮样式 */
.view-more {
    display: block;
    margin: 10px auto;
    padding: 5px 15px;
    background: #e5e5e5; /* 匹配之前的紫色风格 */
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
}
.view-more:hover {
    background: #333;
}

/**文章内容**/
.newsmain{ width: 900px; background: #fff; box-sizing: border-box; padding: 20px 20px; border-radius: 10px; margin: 20px auto;}
.nm_g{ margin-bottom: 20px;}
.xx_main{ width: 100%; margin-bottom: 20px;}
/**问答框**/
.ans_k{ width: 100%; margin: 10px auto;}
.ans_k ul{ width: 100%; padding: 5px 0;}
.ans_k textarea{ display:flow-root; width: 95.5%; height: 100px; padding: 10px 2%; border: 1px #E4E4E4 solid; background: #f8f8f8; border-radius: 4px; outline: none; color: #333; line-height: 23px; font-size: 14px;}
.ans_k textarea:focus{ border: 1px #98bdec solid; background: #fff; color: #333;}
.ans_k li{ float: right; padding-left: 10px;}
.ans_k li input.tijiao{ width: 100px; border: none; border-radius: 4px; height: 36px; line-height: 34px; font-size: 16px; color: #fff; background:#4e6ef2;}
.ans_k li input.ma{ width: 134px; border:1px #EBEBEB solid; border-radius: 4px; height: 35px; line-height: 35px; font-size: 16px; color: #333; background:#fff; text-indent: 5px;}
.ans_k span{ float: left; font-size: 12px; color: #666; line-height: 35px;}

.pinlun_k{ width: 100%; margin: 20px auto;}
.plq_tit{ color: #666; font-size: 14px; padding: 10px 0; border-bottom: 1px dotted #f0f0f0;}
.plq_tit a{color:#333;}
.plq_tit span{ font-size: 100%; color: #056de8; font-weight: bold;}
.pinlun_list ul{ padding: 0;}
.pinlun_list ul li{ padding: 15px 0; border-bottom: 1px dotted #f0f0f0; overflow: hidden;}
.pinlun_list ul li:last-child{border-bottom: none;}
.pinlun_list li .tou{ width: 50px; height: 50px; border-radius: 100px; overflow: hidden;}
.pinlun_list li .tou img{ width: 100%;}

.pinlun_right{margin-left: 70px;}
.pinlun_right strong{font-weight:normal;}
.pinlun_right .user_name{ color: #017cb9; font-size: 15px;}
.pinlun_right .user_name:hover{color: #2a6496; text-decoration: underline; transition: all 0.15s linear 0s;}
.pinlun_list .user_pic{float: left; width: 50px; height: 50px; border-radius: 100px; overflow: hidden;}
.pinlun_list .user_pic img{ display: block; width: 100%;}
.pinlun_list p{font-size: 14px; line-height: 1.5em; color:#333; margin: 5px 0;}
.pinlun_list .original_comment{display: block; margin: 10px 0; font-size: 100%;}
.pinlun_list .comm_time{font-size: 12px; color: #999;}
.pinlun_list .comm_a{ font-size: 12px; color: #fff; margin: 0 5px; background: #9ab6e9; border-radius: 100px; padding: 2px 10px; transition: all 0.15s linear 0s;}
.pinlun_list .comm_a:hover{color: #fff; background: #6199c1;}

.textarea{width: 100%; height: 58px; border: 1px solid #ccc; border-radius: 6px; padding: 10px 10px; outline: none; color: #666; line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; box-sizing: border-box; overflow: hidden;}
.textarea2{width: 100%;}

.yzm-comment-reply-code{display:inline-block;margin-top:5px;}
.yzm-comment-code img,.yzm-comment-reply-code img{cursor:pointer;margin-right:10px;vertical-align:top;}
.yzm-comment-code input,.yzm-comment-reply-code input{width:85px;height:25px;line-height:25px;border:1px solid #d9d9d9;outline:none;padding:3px 5px;border-radius:2px;}
.yzm-comment-submit{background-color: #e6e6e6; background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6); background-repeat: no-repeat; border-bottom-right-radius: 3px; border-color: #ddd #ddd #aaa; border-style: solid; border-width: 1px; box-shadow: 0 0 1px #fff inset; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 0 #fff; top: 0; transition: all 0.15s linear 0s; width: 100px; cursor: pointer; border-radius: 2px; margin-top: 5px; outline: none;}
.yzm-comment-submit:hover{background-position: 0 -15px; color: #121212;}
.none{display: none;}
.original_comment{display: block; margin: 5px 0;}
.static{position: static; float: right;}

.newmain{ width: 900px; margin: 30px auto; box-sizing: border-box; padding: 50px 20px; background: #fff; border-radius: 10px;}
h1.new{ text-align: center; font-size: 28px; color: #333; padding: 10px 0;}
p.new{ text-align: center; font-size: 14px; color: #888; padding: 5px 0;}
.mid_tag{ margin: 10px auto; display:table;}
.mid_tag ul{ display: flex; align-items: center; gap:10px;}
.mid_tag li{ padding: 1px 15px; background: #E3ECF9; border-radius: 100px; font-size: 12px; color: #7891CC; font-weight: bold;}
.mid_tag li:hover{ background:#697FD4; color: #fff;}

.zhaiyao{ width: 100%; font-size: 14px; color: #666; line-height: 25px; margin: 30px auto; border-radius: 10px; border: 1px #E5E5E5 solid; background: #F5F5F5; box-sizing: border-box; padding: 20px; position: relative;}
.zhaiyao i{ position: absolute; top: -15px; left: 20px; font-size: 14px; color: #333; background: #fff; padding: 0 10px; z-index: 2; font-style: normal; border-radius: 100px; overflow: hidden;}

.xguan{ width: 100%; font-size: 14px; color: #666; margin: 30px auto; border-radius: 10px; border: 1px #E5E5E5 solid; background: #F5F5F5; box-sizing: border-box; padding: 20px; position: relative;}
.xguan i{ position: absolute; top: -15px; left: 20px; font-size: 14px; color: #333; background: #fff; padding: 0 10px; z-index: 2; font-style: normal; border-radius: 100px; overflow: hidden;}
.xguan ul{ width: 100%;}
.xguan li{ float: left; padding: 3px 0; width: 50%; font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.xguan li a{ font-size: 100%; color:#6675DC;}
.xguan li a:hover{ color:#6360ED;}

.sxp{ width: 100%; margin: 20px auto; padding-top: 20px; border-top: 1px #E3E3E3 dashed;}
.sxp li{ width:48%; font-size: 15px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.sxp li.l{ float: left;}
.sxp li.r{ float: right; text-align: right;}
.sxp li a{ color: #333; font-size: 100%;}
.sxp li a:hover{ color:#056de8;}

.som{ width: 100%; margin-top: 15px; padding: 15px 0 0 0; border-top: 1px #F0F0F0 solid; font-size: 12px; color: #888; line-height: 22px;}
.som span{ color: #666; font-size: 100%;}
.som span.hong{ color: #E1595B;}

.content{ width: 100%; line-height: 29px; font-size: 16px; color: #333; overflow-wrap: break-word; overflow: hidden;} /**overflow-wrap: break-word强制英文过长换行**/
.content a,div,span,strong,table,tbody,td,tr,p,section{ font-size: 100%;}
.content strong{ color: #000;}
.content a{color: #2C31B5;}
.content a:hover{color:#1B3CA6; text-decoration: underline;}
.content img{ max-width: 100%; display: block; margin: 10px auto; border-radius: 10px; overflow: hidden;}
.content blockquote{ background:#f6f8ff; border: 1px #E9EDFC solid; border-radius: 8px; padding: 15px 20px; margin: 10px auto; font-size: 100%; color: #425081; box-sizing: border-box; overflow: hidden;}
.content blockquote{
  overflow-wrap: break-word;   /* 首选现代属性 */
  word-wrap: break-word;       /* 旧浏览器回退 */
  word-break: break-word;      /* 更激进的换行方式 */
  white-space: normal;         /* 确保正常换行 */
  hyphens: auto;              /* 允许连字符换行（可选） */
}
.content blockquote p{ font-size: 100%; color: #425081;}
.content blockquote p span {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
   color: #425081;
}
.content blockquote strong{ font-size: 100%; color:#6c7fb3;}
.content h3{margin: 20px 0;}
.content h3,h3 strong{ color: #333; font-size: 100%;}
.content h2 strong{ color: #6420ff; font-size: 100%;}
.content h2 {
  font-size: 17px; color: #6420ff;
  position: relative;
  padding-left: 15px; /* 控制竖线间距 */
  margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px; /* 控制文字与点划线的间距 */
}

/* 前面的圆角竖线 */
.content h2::before {
  content: "";
  position: absolute;
  left: 0;
  height: 15px;
  top: 10px;
  bottom: 0;
  width: 4px;
  background: #6420ff; /* 竖线颜色 */
  border-radius: 3px; /* 圆角效果 */
}

/* 后面的点划线 */
.content h2::after {
  content: "";
  flex: 1;
  height: 1px;
  background: repeating-linear-gradient(
    to right,
    #999, /* 点划线颜色 */
    #999 2px, /* 点的大小 */
    transparent 2px, /* 透明间隔 */
    transparent 4px  /* 点与点之间的间距 */
  );
}

.content hr{ background-color:#677BD6; width: 60px; height: 4px; margin:15px auto; border-radius: 5px; border: none; box-sizing: content-box;}

/* 完整表格样式 */
.content table {
  display: inline-block; /* 宽度自适应内容 */
  max-width: 100%; /* 最大不超过容器宽度 */
  /* border-collapse: collapse;  合并边框 暂时不用*/
  border: 1px solid #ededed; /* 整体外边框 */
  border-radius: 8px;
  margin: 10px auto;
  /* box-shadow: 0 1px 3px rgba(0,0,0,0.05); 轻微阴影增加层次感 */
  font-size: 15px;
}

/* 表头样式 */
.content table thead th {
  background-color: #f2f2f2; /* 浅灰背景 */
  color: #333; /* 深灰文字 */
  font-weight: 600; /* 中等字重 */
  padding: 12px 15px; /* 内边距 */
  border-bottom: 2px solid #ddd; /* 底部边框加粗 */
  text-align: left; /* 左对齐 */
}

/* 单元格样式 */
.content table tbody td {
  padding: 5px 10px; /* 内边距 */
  border-bottom: 1px solid #eee; /* 浅色分隔线 */
  border-right: 1px solid #eee; /* 浅色分隔线 */
  color: #444; /* 正文颜色 */
  transition: background-color 0.2s; /* 悬停动画效果 */
}

/* 隔行换色效果 */
.content table tbody tr:nth-child(odd) {
  background-color: #f6f8ff; /* 奇数行白色 */
}

.content table tbody tr:nth-child(even) {
  background-color: #fff; /* 偶数行浅灰色 */
}

/* 行悬停效果 */
.content table tbody tr:hover td {
  background-color: #f8f9fa; /* 悬停背景色 */
}

/* 最后一行底部边框 */
.content table tbody tr:last-child td {
  border-bottom: none; /* 移除最后一行底边框 */
}
/* 移除表格最右列边框 */
.content table tbody td:last-child,
.content table thead th:last-child {
  border-right: none !important; /* 强制移除最右侧边框 */
}
/* 资源类型列特殊样式
.content table td:nth-child(2) {  第二列颜色、字体控制，如果要控制第4列，就改为4
  color: #5c6bc0; 蓝色强调资源类型
  font-weight: 500;
}
*/

.yzm-keyword-link{ color: #4486d4; font-size: 100%; text-decoration: none; /* 移除默认下划线 */border-bottom: 1px dashed #4486d4; /* 虚线底划线 */padding-bottom: 2px; /* 控制底划线与文字的距离 */display: inline; /* 保持内联元素特性 */}
a.yzm-keyword-link:hover{ text-decoration: none; border-bottom: 1px dashed #DB696B; color: #DB696B;}

/* 备选方案 */
ol.list-paddingleft-2 {
  counter-reset: my-counter;
  list-style: none;
  padding-left: 10px;
}
ol.list-paddingleft-2 li::before {
  counter-increment: my-counter;
  content: counter(my-counter) ". ";
  margin-right: 8px;
}

ol.list-paddingleft-2 li {
  display: list-item; /* 确保<li>作为列表项渲染 */
  margin: 3px 0; /* 调整<li>间距（可选） */
  font-size: 16px;
}

ol.list-paddingleft-2 li p {
  display: inline; /* 防止<p>标签破坏列表序号布局 */
  margin: 0; /* 移除<p>的默认外边距 */
  font-size: 16px;
}


.content ul li{ font-size: 16px; padding-left: 15px; display:inline-flex; width: 100%;}
.content ul li::before {
  	content: "•"; /* 使用圆点字符 */
  	color: #333; /* 设置颜色 */
  	margin-right: 6px;
	padding-top: 3px;
}
.content ul li p{ flex: 1; padding: 3px 0;}
.content ul{
	margin: 10px 0;
	flex-wrap: wrap;    /* 关键属性：允许换行 */
	display: inline-flex;      /* 或 inline-flex */
}
.content pre {
    color: #444;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    display: block;
    margin: 10px 0;
    padding: 9px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 6px;
    background-color: #f9f9f9;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 11px;
    line-height: 20px;
    word-break: break-all;
}

/** 搜索页 **/
.fy_t_k{ position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}
.fy_se{ background:#f5f5fb;}
.fy_se2{ background:#161a21;}
.fy_top{ width: 100%; padding: 10px 1%; box-sizing: border-box; overflow: hidden;}
.fy_top_logo{ float: left; width: 220px; margin-right: 30px; overflow: hidden;}
.fy_top_logo img{ width: 100%;}

.f_t_so{ float: left; width: 300px; margin-right: 30px; border-radius: 500px; background: #e9ecf6; padding: 5px 5px; box-sizing: border-box; overflow: hidden;}
.f_t_so ul{ width: 100%; display: flex; gap:10px;}
.f_t_so li.tub{ width:40px; box-sizing: border-box; overflow: hidden;}
.f_t_so li.tub img{ width: 100%;}
.f_t_so li.sok{ flex: 1; box-sizing: border-box; overflow: hidden;}
.f_t_so li.sok input{ width: 100%; border: 0; height: 41px; line-height: 41px; font-size: 16px; background: #e9ecf6;}
.f_t_so li.an{ width: 70px; box-sizing: border-box; overflow: hidden;}
.f_t_so li.an button{ width: 100%; height: 40px; border-radius: 41px; background: #056de8; font-size: 16px; color: #fff; border: none; cursor: pointer;}
.f_t_so li.an button:hover{ background: #0953c7;}

.nav-list { max-width: 650px; float: left;}
.nav-list li { float: left; padding: 13px 15px; position: relative;}
.nav-list li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 30%;              /* 控制竖线高度 */
  border-right: 1px solid #ccc; /* 竖线样式 */
}
.nav-list li.home{border: none!important;}
.nav-list li .tao{ display:flex; margin: 0 auto;}
.nav-list li span{ font-size: 16px; color: #515C6B; font-weight: bold;}
.nav-list li:hover span{ color:#3744D8;}
.nav-list li i{ display: inline-block; float: left; width: 20px; height: 20px; margin-right: 5px; overflow: hidden;}
.nav-list li i img{ width: 100%;}

.dh_dl{ float: right; padding: 15px 10px 15px 0; display: inline-block;}
.dh_dl li{ float: right; margin-right: 10px;}
.dh_dl li span{ font-size: 13px; color: #515C6B;}
.dh_dl li span a{ font-size: 13px; color: #4F42EB; font-weight: bold;}
.dh_dl li span a:hover{ text-decoration: underline; color: #f24b66;}
.dh_dl li i{ display: inline-block; float: left; width: 20px; height: 20px; margin-right: 3px; overflow: hidden;}
.dh_dl li i img{ width: 100%;}

/*新闻列表*/
.newslist{ width: 900px; margin: 30px auto;}
.newslist ul{ margin-bottom: 15px; background: #fff; border-radius: 8px; padding: 15px 20px; box-sizing: border-box; display: flex; gap:20px; box-shadow: 0 2px 5px rgba(138,150,185,.1);}
.newslist ul:hover{ transform:translateY(-5px); box-shadow: 0 10px 30px rgba(138,150,185,.2);}
.newslist li.tu{ width: 170px; max-height: 110px; border-radius: 8px; overflow: hidden;}
.newslist li.tu img{ width: 100%;}

.newslist li.wen{ flex: 1;}
.newslist li.wen h2{ font-size: 18px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newslist li.wen p{ font-size: 12px; color: #777; margin: 8px 0; line-height: 19px; display: -webkit-box; /* 启用弹性盒模型（适配webkit内核） */ -webkit-box-orient: vertical; /* 文本垂直排列 */ -webkit-line-clamp: 2; /* 限制显示2行 */ overflow: hidden;}

.newslist li.tim{ width: 15%; padding-top: 5px; box-sizing: border-box; text-align: center; overflow: hidden;}
.newslist li.tim i{ font-size: 26px; color: #555; font-weight: bold;}
.newslist li.tim p.t{ font-size: 14px; color: #777; padding: 6px 0;}
.newslist li.tim p.lan{ font-size: 14px; color: #333; font-weight: bold; border: 1px #DFDFDF solid; border-radius: 100px; padding: 3px 8px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*搜索结果页*/
.seach_k{ width: 100%; margin: 20px auto 50px;}
.seach_tit{ width: 100%; border-bottom: 1px #E3E3E3 solid; padding: 10px 0; font-size: 15px; color: #666;}
.seach_tit span{ font-size: 100%; color: #333; font-weight: bold;}
.seach_tit i{ font-size: 100%; color: #D14A4C; font-weight: bold;}

.seach_cont{ width: 100%; margin: 30px auto 0;}
.seach_cont ul{ margin-bottom: 15px; background: #fff; border-radius: 8px; padding: 15px 20px; box-sizing: border-box; display: flex; gap:20px;}
.seach_cont ul:hover{ transform:translateY(-5px); box-shadow: 0 5px 10px rgba(138,150,185,.2);}
.seach_cont li.tu{ width: 170px; max-height: 110px; border-radius: 8px; overflow: hidden;}
.seach_cont li.tu img{ width: 100%;}

.seach_cont li.wen{ flex: 1;}
.seach_cont li.wen h2{ font-size: 18px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.seach_cont li.wen p{ font-size: 12px; color: #777; margin: 8px 0; line-height: 19px; display: -webkit-box; /* 启用弹性盒模型（适配webkit内核） */ -webkit-box-orient: vertical; /* 文本垂直排列 */ -webkit-line-clamp: 2; /* 限制显示2行 */ overflow: hidden;}

.seach_cont li.tim{ width: 15%; padding-top: 5px; box-sizing: border-box; text-align: center; overflow: hidden;}
.seach_cont li.tim i{ font-size: 26px; color: #555; font-weight: bold;}
.seach_cont li.tim p.t{ font-size: 14px; color: #777; padding: 6px 0;}
.seach_cont li.tim p.lan{ font-size: 14px; color: #333; font-weight: bold; border: 1px #DFDFDF solid; border-radius: 100px; padding: 3px 8px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.s_tag{ width: 100%; padding-top: 5px;}
.s_tag dd{ float: left; margin-right: 10px; background: #f4f4fa; border-radius: 100px; font-size: 12px; color: #bbbbe4; padding: 3px 10px;}
.s_tag dd:hover{ background: #beaada; color: #fff;}

/* 站内搜索 */
.neiso{ width: 80%; margin: 10px auto;}
.neiso h1{ text-align: center; font-size: 30px; color: #333; padding: 5px 0;}
.neiso p{ text-align: center; font-size: 12px; color: #666; padding: 5px 0;}

.nei_so{ width: 100%; background: #fff; margin: 20px auto; padding: 10px; box-sizing: border-box; border-radius: 500px; box-shadow: 0 0 30px rgba(213, 213, 213, .5); overflow: hidden;}
.nei_so:hover{ transform:translateY(-5px); box-shadow: 0 10px 20px rgba(138,150,185,.3);}
.neiso_flex {
  display: flex; /* 启用 Flex 布局 */
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px; /* 可选：间距 */
}
.neisoleft {
  width: 30px; /* 固定宽度 */
}
.neisoleft img{ display: block; width: 100%;}

.neisomiddle {
  flex: 1; /* 自动填满剩余空间 */
}
.neisomiddle input{ width: 100%; border: 0; height: 30px; line-height: 30px; font-size: 14px; font-family: MiSans; letter-spacing:2px; background: #fff;}

.neisoright {
  width: 120px; /* 固定宽度 */
}
.neisoright button{ width: 100%; height: 30px; border-radius: 31px; background: #6420ff; font-size: 14px; color: #fff; border: none; cursor: pointer;}
.neisoright button:hover{ background: #0953c7;}



/* 车辆展示 */
/* 父容器：强化弹性布局，确保左右对齐，禁止内部换行干扰 */
.chelist {
  width: 90%;
  margin: 30px auto 10px;
  display: flex;
  align-items: stretch; /* 保持卡片高度一致，底部对齐 */
  gap: 20px; /* 卡片间距，保留原有效果 */
  justify-content: flex-start; /* 左对齐，配合子元素flex:1实现均分 */
  flex-wrap: nowrap; /* 禁止卡片换行，确保一行等宽（如需响应式换行后续可调整） */
}

/* 核心：卡片强制等宽，清除默认样式，锁定盒模型 */
.chelist ul {
  flex: 1 0 0; /* 强制等宽：允许放大、禁止收缩、基准宽度0，彻底均分父容器宽度 */
  margin: 0; /* 清除ul默认外边距（关键！浏览器自带margin会干扰） */
  padding: 15px;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box; /* 锁定盒模型：padding不撑宽卡片 */
  overflow: hidden; /* 禁止内部内容超出，防止撑开卡片 */
  transition: all 0.3s ease;
  transform-origin: center;
  position: relative;
}

/* 悬停动画：保留原有效果，无修改 */
.chelist ul:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

/* 图片容器：强化宽度约束，防止图片干扰布局 */
.ctu {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  box-sizing: border-box; /* 统一盒模型 */
}

.ctu img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
  display: block; /* 清除图片底部默认空白间隙（关键！） */
}

/* 文字内容区域：强制宽度，防止撑开卡片 */
.cwen {
  width: 100%;
  box-sizing: border-box; /* 统一盒模型，padding不撑宽 */
}

.cwen li {
  width: 100%;
  padding: 3px 0;
  font-size: 12px;
  color: #999;
  display: flex;
  align-items: center;
  gap: 3px;
  flex-wrap: nowrap; /* 禁止li内内容换行，防止撑宽卡片 */
}

/* 标题单行溢出：保留原有效果，补充宽度约束 */
.cwen li h3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%; /* 强制标题容器宽度，确保溢出隐藏生效 */
}

.cwen li h3 a {
  font-size: 16px;
  color: #000;
  display: block; /* 让a标签继承h3的宽度约束 */
}

.cwen li h3 a:hover {
  color: #6420ff;
}

.cwen li span.hong {
  color: #d8595b;
  font-weight: bold;
  font-size: 18px;
}

.cwen li span {
  font-size: 100%;
  color: #333;
  flex-shrink: 0; /* 禁止文字区域收缩，保持布局稳定 */
}

/* 问底价按钮：约束尺寸，禁止撑宽 */
.cwen li a.xniu {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #ebeffe;
  box-sizing: border-box;
  padding: 2px 10px;
  border-radius: 100px;
  color: #8595d2;
  margin-left: auto; /* 让按钮靠右对齐，避免挤压左侧文字 */
  flex-shrink: 0; /* 禁止按钮收缩，固定尺寸，不干扰卡片宽度 */
  white-space: nowrap; /* 禁止按钮文字换行 */
}

.cwen li a.xniu:hover {
  background: #d0d8f7;
}

.cwen li a.xniu i {
  width: 15px;
  height: 15px;
  background: url(../../images/qiche/pc/ico_71_1.png) no-repeat center;
  background-size: 100%;
  display: block; /* 清除图标间隙 */
}

.zixunbai{ display:table; margin: 40px auto 0; padding: 20px 60px; border-radius: 50px; background: #6420ff; overflow: hidden;
/* 新增：背景色变化的过渡动画（0.3秒平滑切换） */
  transition: background-color 0.3s ease;
  cursor: pointer; /* 可选：鼠标移上去显示“手型”，更直观 */
}
/* 新增：鼠标 hover 时的背景色（可自行替换成喜欢的颜色） */
.zixunbai:hover {
  background-color: #5a1cd8; /* 比原紫色稍深，视觉更协调 */
}
.zixunbai ul{ width: 100%; display: flex; align-items: center; gap:5px; font-size: 25px; color: #fff; font-weight: bold;}
.zixunbai i{ width: 26px; height: 26px; background:url(../../images/qiche/pc/ico_68_1.png) no-repeat center; background-size: 100%;}

/**通用说明**/
.beizhu{ width: 100%; margin: 20px auto; text-align: center;}
.bz_liang{ font-size: 14px; color: #b0adef;}

/* 底部 */
.foot_k{ width: 1200px; margin: 20px auto; padding-top: 20px; border-top: 1px #ECECEC solid;}
.foot_main{ width: 100%;}
.foot_main p{ text-align: center; font-size: 14px; color: #666; padding: 3px 0;}

.link_k{ width: 100%; padding: 10px 0; font-size: 14px; color: #666;}
.link_k a{ display:block; float: left; padding: 2px 8px; font-size: 100%; color: #999;}

/* 前端分页 */
#page{margin:30px 0;font-size:14px;height:30px;line-height:30px;text-align:center;}
#page .pageinfo {color:#666;padding:5px 8px;border:1px solid #ddd;}
#page .pageinfo strong{font-weight:normal;}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s;}
#page  a:hover,#page .curpage{background:#2196f3;color:#fff;text-decoration:none;border:1px solid #2196f3;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}


/* 通用浮窗样式（居中、默认隐藏） */
.consult-btn {
    cursor: pointer;
}
.float-window {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    height: 400px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    border-radius: 8px;
    display: none; /* 默认隐藏 */
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
}

/* 通用关闭按钮样式 */
.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    color: #999;
}
.close-btn:hover {
    color: #333;
}

/* 浮窗内容样式 */
.window-content {
    margin-top: 20px;
    line-height: 1.6;
}
.window-content h3{ font-size: 22px; color: #333; text-align: center;}
.window-content p{ text-align: center; font-size: 14px; color: #666; padding: 5px 0;}
.window-content p.xz{ text-align: center; font-size: 12px; color: #333; padding: 5px 0;}
.tcerweima{ margin: 10px auto; width: 80%; border-radius: 10px; border: 1px #E7E7E7 solid; overflow: hidden;}
.tcerweima img{ display: block; width: 100%;}


/**底部浮动窗口**/
.foxnav{ position: fixed; width: 100%; left: 0; bottom: 0; z-index: 999; background:url(../../images/qiche/pc/dibg.png) repeat-x bottom;}
.foxnav ul{ width: 1100px; margin: 0 auto; height: 80px; position: relative;}
.foxnav li{ position: absolute; bottom: 0; left: 0; width: 100%;}
.foxnav li img{font-display: block; width: 100%;}