/* ============================================
   auth-post.css — 发布信息页统一样式
   命名空间 .post-page 叠加 .auth-page
   与 auth-v2.css 风格一致：slate 灰系
   支持更宽布局（900px），适配复杂表单
   覆盖：分类选择、发布表单、发布成功
   ============================================ */

/* ----- 宽版容器 ----- */
.post-page .auth-wrapper {
  max-width: 900px;
}

/* ----- 清除 auth-v2.css 对 clear 的隐藏 ----- */
.post-page .clear {
  display: block !important;
  clear: both !important;
}

/* .clearfix 在 inc_head_post 中做布局分隔，不能全部显示 */
.post-page .clearfix {
  display: none !important;
}

/* 卡片内部的 clear 保留（分类页 backall 等） */
.post-page .auth-card .clear {
  display: block !important;
  clear: both !important;
}

/* ----- 顶部功能条 bartop ----- */
.post-page .bartop {
  background: var(--ap-white);
  border-bottom: 1px solid var(--ap-border);
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  font-size: 12px;
  color: var(--ap-light);
  width: 100%;
}

.post-page .barcenter {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 0 20px;
  width: 100%;
}

.post-page .barleft {
  display: flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
}

.post-page .barleft > ul {
  display: inline-flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  flex-shrink: 0;
}

.post-page .barleft > ul span,
.post-page .barleft > ul a {
  display: inline;
  white-space: nowrap;
}

.post-page .barleft .barcity {
  color: var(--ap-dark);
  font-weight: 500;
  white-space: nowrap;
}

.post-page .barleft a {
  color: var(--ap-gray);
  text-decoration: none;
}

.post-page .barleft a:hover {
  color: var(--ap-primary-dark);
}

.post-page .barleft .line {
  display: inline-flex;
  align-items: center;
  margin: 0 8px;
}

.post-page .barleft .line u {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: var(--ap-border);
  vertical-align: middle;
}

.post-page .barright {
  font-size: 12px;
  color: var(--ap-gray);
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: auto;
}

.post-page .barright a,
.post-page .barright li {
  color: var(--ap-gray);
  text-decoration: none;
  margin-left: 12px;
  display: inline;
}

.post-page .barright a:hover {
  color: var(--ap-primary-dark);
}

.post-page .barright img {
  vertical-align: middle;
  height: 16px;
}

/* ----- 头部 .mhead（logo+标题） ----- */
.post-page .mhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 24px;
  background: var(--ap-white);
  border-bottom: 1px solid var(--ap-border);
  flex-shrink: 0;
}

.post-page .mhead .logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.post-page .mhead .logo a {
  display: flex;
  align-items: center;
}

.post-page .mhead .logo img {
  height: auto;
  width: auto;
}

.post-page .mhead .font {
  font-size: 16px;
  font-weight: 600;
  color: var(--ap-dark);
  margin-left: auto;
}

/* ----- 步骤条（step1/step2/step3 → auth-steps） ----- */
.post-page .auth-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--ap-border);
  background: var(--ap-white);
}

.post-page .auth-steps span {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  font-size: 13px;
  color: var(--ap-light);
  position: relative;
  background: var(--ap-white);
}

.post-page .auth-steps span + span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: var(--ap-border);
}

.post-page .auth-steps span.cur {
  color: var(--ap-primary-dark);
  font-weight: 700;
  background: var(--ap-primary-bg);
}

.post-page .auth-steps span .number {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  background: var(--ap-border);
  color: var(--ap-light);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin-right: 4px;
}

.post-page .auth-steps span.cur .number {
  background: var(--ap-primary);
  color: #fff;
}

.post-page .auth-steps span a {
  font-size: 12px;
  color: var(--ap-primary);
  text-decoration: none;
  margin-left: 4px;
}

.post-page .auth-steps span a:hover {
  text-decoration: underline;
}

/* ----- 卡片内容（统一 padding） ----- */
.post-page .auth-card-body {
  padding: 28px 32px;
}

/* ----- 发布须知提示 ----- */
.post-page .auth-post-notice {
  background: #fefce8;
  border: 1px solid #fde68a;
  border-radius: var(--ap-radius-sm);
  padding: 12px 16px;
  margin-bottom: 24px;
  font-size: 13px;
  color: #92400e;
  line-height: 1.7;
  margin: 10px;
}

/* ============================================
   分类选择页（info_post.html）
   ============================================ */

/* 分类树外层 */
.post-page .auth-cat-wrap {
  min-height: 300px;
}

/* 主分类列表 */
.post-page .auth-cat-wrap .ym-mainmnu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.post-page .auth-cat-wrap .ym-mainmnu > li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0;
  margin: 0;
  border: 1px solid var(--ap-border);
}

.post-page .auth-cat-wrap .ym-mainmnu > li:nth-child(4n) {
  border-right: none;
}

.post-page .auth-cat-wrap .ym-mainmnu > li > a {
  display: block;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 700;
  color: var(--ap-dark);
  text-decoration: none;
  background: var(--ap-primary-bg);
  transition: var(--ap-transition);
}

.post-page .auth-cat-wrap .ym-mainmnu > li > a:hover {
  background: var(--ap-primary-light);
  color: var(--ap-primary-dark);
}

/* 子分类 */
.post-page .auth-cat-wrap .ym-submnu {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}

.post-page .auth-cat-wrap .ym-submnu li {
  margin: 0;
  padding: 0;
}

.post-page .auth-cat-wrap .ym-submnu li a {
  display: block;
  padding: 7px 18px 7px 24px;
  font-size: 13px;
  color: var(--ap-gray);
  text-decoration: none;
  transition: var(--ap-transition);
}

.post-page .auth-cat-wrap .ym-submnu li a:hover {
  color: var(--ap-primary-dark);
  background: var(--ap-primary-bg);
}

/* 返回大类链接 */
.post-page .auth-cat-wrap .backall {
  text-align: center;
  padding: 16px 0;
  margin-top: 8px;
}

.post-page .auth-cat-wrap .backall a {
  display: inline-block;
  padding: 8px 24px;
  background: var(--ap-primary-light);
  color: var(--ap-primary-dark);
  border-radius: var(--ap-radius-sm);
  font-size: 14px;
  text-decoration: none;
  transition: var(--ap-transition);
}

.post-page .auth-cat-wrap .backall a:hover {
  background: var(--ap-primary-border);
}

/* ============================================
   填写信息页（info_post_write.html）
   ============================================ */

/* 表单行 */
.post-page .auth-post-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--ap-border);
}

.post-page .auth-post-row:last-child {
  border-bottom: none;
}

/* 标签 */
.post-page .auth-post-label {
  width: 110px;
  flex-shrink: 0;
  text-align: right;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--ap-dark);
  line-height: 38px;
}

.post-page .auth-post-label .red {
  color: #ef4444;
}

/* 内容区 */
.post-page .auth-post-content {
  flex: 1;
  min-width: 0;
  text-align: left;
}

/* ============================================
   统一表单元素样式 — 对齐 + 尺寸规范
   ============================================ */

/* 所有 input/select/textarea 统一左浮动 */
.post-page .auth-post-content input[type="text"].input,
.post-page .auth-post-content input[type="password"].input,
.post-page .auth-post-content input[type="number"].input,
.post-page .auth-post-content select.input,
.post-page .auth-post-content input.input-60,
.post-page .auth-post-content input.input-large,
.post-page .auth-post-content input.input-small {
  float: left;
  clear: none;
}

/* 所有 input/select/textarea 统一高度和对齐 */
.post-page .auth-post-content input[type="text"].input,
.post-page .auth-post-content input[type="password"].input,
.post-page .auth-post-content input[type="number"].input,
.post-page .auth-post-content select.input,
.post-page .auth-post-content textarea.input {
  height: 38px;
  line-height: 38px;
  padding: 0 12px;
  border: 1.5px solid var(--ap-border);
  border-radius: var(--ap-radius-sm);
  font-size: 14px;
  color: var(--ap-dark);
  background: var(--ap-white);
  outline: none;
  transition: var(--ap-transition);
  vertical-align: middle;
  box-sizing: border-box;
}

/* focus 状态 */
.post-page .auth-post-content input[type="text"].input:focus,
.post-page .auth-post-content input[type="password"].input:focus,
.post-page .auth-post-content input[type="number"].input:focus,
.post-page .auth-post-content select.input:focus,
.post-page .auth-post-content textarea.input:focus {
  border-color: var(--ap-primary);
  box-shadow: 0 0 0 3px var(--ap-focus-ring);
}

/* 大输入框（标题等）*/
.post-page .auth-post-content .input-60,
.post-page .auth-post-content input.input-60 {
  width: 100%;
  max-width: 520px;
}

/* 中等输入框（联系人、电话等）*/
.post-page .auth-post-content .input-large,
.post-page .auth-post-content input.input-large {
  width: 100%;
  max-width: 320px;
}

/* 小输入框（管理密码、验证码等）*/
.post-page .auth-post-content .input-small,
.post-page .auth-post-content input.input-small {
  width: 100%;
  max-width: 160px;
}

/* select 下拉框统一宽度 */
.post-page .auth-post-content select.input {
  height: 38px;
  padding: 0 12px;
  border: 1.5px solid var(--ap-border);
  border-radius: var(--ap-radius-sm);
  font-size: 14px;
  color: var(--ap-dark);
  background: var(--ap-white);
  outline: none;
  cursor: pointer;
  margin-right: 8px;
  min-width: 140px;
}

/* 单选按钮 + 标签对齐 */
.post-page .auth-post-content input[type="radio"],
.post-page .auth-post-content input[type="checkbox"] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
  cursor: pointer;
}

.post-page .auth-post-content label {
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  color: var(--ap-gray);
  margin-right: 16px;
  line-height: 38px;
}

/* 分类面包屑 b 标签 */
.post-page .auth-post-content b {
  line-height: 38px;
}

/* 文本域 */
.post-page .auth-post-content textarea.input,
.post-page .auth-post-content textarea {
  width: 100%;
  max-width: 100%;
  min-height: 200px;
  line-height: 1.6;
  padding: 12px 14px;
  resize: vertical;
  height: auto;
  float: left;
}

/* contentinner 包裹的 textarea */
.post-page .auth-post-content .contentinner {
  float: left;
  width: 100%;
}

/* 内容区内的提示文字 */
.post-page .auth-post-content > font,
.post-page .auth-post-content .tips {
  display: inline-block;
  font-size: 12px;
  color: var(--ap-light);
  margin-left: 8px;
  line-height: 38px;
  vertical-align: middle;
}

/* 必填字段 span 校验提示 */
.post-page .auth-post-content span[id] {
  font-size: 12px;
  line-height: 38px;
  margin-left: 8px;
}

/* 地区选择器（select 连环） */
.post-page .auth-post-content select.input {
  margin-right: 6px;
}

/* 地图标注按钮 */
.post-page .auth-post-content input.mappoint,
.post-page .auth-post-content input[type="button"].mappoint {
  height: 38px;
  padding: 0 16px;
  background: var(--ap-primary-light);
  color: var(--ap-primary-dark);
  border: 1px solid var(--ap-primary-border);
  border-radius: var(--ap-radius-sm);
  font-size: 13px;
  cursor: pointer;
  transition: var(--ap-transition);
  margin-right: 8px;
  font-family: inherit;
}

.post-page .auth-post-content input.mappoint:hover {
  background: var(--ap-primary-border);
}

/* 编辑器/textarea */
.post-page .auth-post-content .contentinner textarea,
.post-page .auth-post-content #contentinner,
.post-page .auth-post-content textarea {
  width: 100%;
  max-width: 100%;
  min-height: 200px;
  padding: 12px 14px;
  border: 1.5px solid var(--ap-border);
  border-radius: var(--ap-radius-sm);
  font-size: 14px;
  color: var(--ap-dark);
  background: var(--ap-white);
  outline: none;
  line-height: 1.6;
  resize: vertical;
  font-family: inherit;
  transition: var(--ap-transition);
}

.post-page .auth-post-content textarea:focus {
  border-color: var(--ap-primary-border);
  box-shadow: 0 0 0 3px var(--ap-focus-ring);
}

/* 联系信息区域 */
.post-page .auth-contact {
  margin-top: 8px;
  padding: 20px 24px;
  background: var(--ap-primary-bg);
  border-radius: var(--ap-radius-sm);
  border: 1px solid var(--ap-border);
}

.post-page .auth-contact .auth-post-row {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 16px;
}

.post-page .auth-contact .auth-post-row:last-child {
  margin-bottom: 0;
}

/* 提交按钮区 */
.post-page .auth-post-submit {
  text-align: center;
  padding: 24px 0 0;
  margin-top: 8px;
}

.post-page .auth-post-submit .fabu1,
.post-page .auth-post-submit input[type="submit"] {
  display: inline-block;
  width: 280px;
  height: 48px;
  background: var(--ap-primary-light);
  color: var(--ap-primary-dark);
  border: 1px solid var(--ap-primary-border);
  border-radius: var(--ap-radius-sm);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 1px;
  transition: var(--ap-transition);
  font-family: inherit;
  padding: 0;
}

.post-page .auth-post-submit .fabu1:hover,
.post-page .auth-post-submit input[type="submit"]:hover {
  background: var(--ap-primary-border);
  color: var(--ap-dark);
}

/* 提交区下方提示 */
.post-page .auth-post-submit + .small,
.post-page .auth-post-tip {
  text-align: center;
  font-size: 12px;
  color: var(--ap-light);
  margin-top: 12px;
  line-height: 1.8;
}

.post-page .auth-post-tip span[style] {
  color: var(--ap-primary) !important;
}

/* ============================================
   发布成功页（info_post_write_ok.html）
   ============================================ */

.post-page .auth-result {
  padding: 48px 32px;
  text-align: center;
}

.post-page .auth-result h1,
.post-page .auth-result h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--ap-dark);
  margin: 0 0 16px;
}

.post-page .auth-result p {
  font-size: 14px;
  color: var(--ap-gray);
  line-height: 2.2;
  margin: 8px 0;
}

.post-page .auth-result p strong,
.post-page .auth-result p b {
  color: var(--ap-primary-dark);
}

.post-page .auth-result p a {
  color: var(--ap-primary);
  text-decoration: none;
  font-weight: 600;
}

.post-page .auth-result p a:hover {
  text-decoration: underline;
}

.post-page .auth-result .mrtitle,
.post-page .auth-result a.button {
  display: inline-block;
  padding: 10px 28px;
  background: var(--ap-primary-light);
  color: var(--ap-primary-dark);
  border: 1px solid var(--ap-primary-border);
  border-radius: var(--ap-radius-sm);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  margin: 12px 8px;
  transition: var(--ap-transition);
}

.post-page .auth-result a.button:hover,
.post-page .auth-result .mrtitle:hover {
  background: var(--ap-primary-border);
}

/* 按钮内 span、i 等（button.css 残留） */
.post-page .auth-result a.button span,
.post-page .auth-result a.button i {
  background: none !important;
  font-style: normal;
}

/* 管理密码提示 */
.post-page .auth-form-tip {
  font-size: 12px;
  color: var(--ap-light);
  line-height: 32px;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}

/* 通用 input 继承 auth-v2 样式 */
.post-page .input,
.post-page input.input,
.post-page input.input-large,
.post-page input.input-small,
.post-page input.input-5,
.post-page input.input-60,
.post-page textarea.input {
  transition: var(--ap-transition);
}

/* 验证码图片 */
.post-page img.authcode {
  border-radius: var(--ap-radius-sm);
  cursor: pointer;
  border: 1px solid var(--ap-border);
  vertical-align: middle;
  height: 42px;
}

/* 问答文字 */
.post-page .qfont {
  font-size: 13px;
  color: var(--ap-gray);
  margin-top: 4px;
}

/* 隐藏旧的 post.css 冲突样式 */
.post-page #ymenu-side {
  background: none;
  border: none;
  padding: 0;
}

.post-page #fenlei2 {
  background: none;
  border: none;
  padding: 0;
}

.post-page .wrapper {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

.post-page #main {
  background: none;
  border: none;
  padding: 0;
}

.post-page .body1000 {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* 隐藏旧的虚线边框装饰 */
.post-page .c_border {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
}

/* 隐藏可能出现的旧样式 gap */
.post-page .clear15 {
  display: none;
}

/* iframe 不影响布局 */
.post-page iframe {
  border: none;
}

/* 移动端隐藏的元素 */
.post-page #iframe_area,
.post-page #iframe_street,
.post-page #form_area {
  display: none;
}

/* bold 文本 */
.post-page .publish-detail-item b {
  color: var(--ap-dark);
}

/* ============================================
   移动端响应式
   ============================================ */
@media (max-width: 768px) {
  .post-page .auth-wrapper {
    max-width: 100%;
    padding: 16px 12px 32px;
  }

  .post-page .auth-card-body {
    padding: 20px 16px;
  }

  /* 步骤条缩小 */
  .post-page .auth-steps span {
    font-size: 11px;
    padding: 10px 4px;
  }

  .post-page .auth-steps span .number {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
  }

  /* 分类列表：2 列 */
  .post-page .auth-cat-wrap .ym-mainmnu > li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .post-page .auth-cat-wrap .ym-mainmnu > li:nth-child(2n) {
    border-right: none;
  }

  .post-page .auth-cat-wrap .ym-mainmnu > li:nth-child(4n) {
    border-right: 1px solid var(--ap-border);
  }

  .post-page .auth-cat-wrap .ym-mainmnu > li:nth-child(2n) {
    border-right: none;
  }

  /* 表单行 → 纵向 */
  .post-page .auth-post-row {
    flex-direction: column;
    padding-bottom: 14px;
    margin-bottom: 14px;
  }

  .post-page .auth-post-label {
    width: 100%;
    text-align: left;
    padding-right: 0;
    padding-bottom: 6px;
    line-height: 1.5;
  }

  .post-page .auth-post-content input.input,
  .post-page .auth-post-content select.input {
    width: 100%;
    max-width: 100%;
  }

  .post-page .auth-post-content .input-large {
    width: 100% !important;
  }

  .post-page .auth-post-submit .fabu1,
  .post-page .auth-post-submit input[type="submit"] {
    width: 100%;
    max-width: 280px;
  }

  /* 联系信息区域 */
  .post-page .auth-contact {
    padding: 14px 16px;
  }

  .post-page .auth-contact .auth-post-row {
    flex-direction: column;
  }

  /* 发布成功 */
  .post-page .auth-result {
    padding: 32px 16px;
  }

  .post-page .auth-result h1,
  .post-page .auth-result h2 {
    font-size: 17px;
  }

  .post-page .auth-result p {
    font-size: 13px;
  }

  .post-page .auth-result a.button {
    display: block;
    margin: 8px auto;
    max-width: 240px;
  }

  /* 隐藏顶部条 */
  .post-page .barcenter {
    height: auto;
    flex-wrap: wrap;
    padding: 8px 12px;
    gap: 4px;
  }
}

/* ============================================
   上传图片 4列横排
   ============================================ */
.post-page .upload-img-row .auth-post-content {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex: 1 1 100%;
}
.post-page .upload-img-row .onea_dd {
  flex: 0 0 calc(25% - 9px);
  box-sizing: border-box;
  border: 1px dashed var(--ap-border);
  border-radius: var(--ap-radius-sm);
  padding: 12px;
}
.post-page .upload-img-row .onea_dd .viewarea {
  text-align: center;
  margin-bottom: 10px;
  height: 120px;
  line-height: 120px;
  border: 1px dashed #d0d5dd;
  border-radius: 4px;
  overflow: hidden;
}
.post-page .upload-img-row .onea_dd .viewarea img {
  width: 108px;
  height: 108px;
  vertical-align: middle;
}
.post-page .upload-img-row .onea_dd .a_ddarea {
  position: relative;
  margin: 0 auto;
  display: block;
  width: 110px;
  height: 32px;
  overflow: hidden;
}

/* 上传按钮：file input 透明覆盖在 addimg.gif 上 */
.post-page .upload-img-row .onea_dd .comment-pic-upd {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 100 !important;
  width: 110px !important;
  height: 32px !important;
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* a_ddarea 内的图片按钮 */
.post-page .upload-img-row .onea_dd .a_ddarea img {
  width: 110px;
  height: 32px;
  display: block;
  cursor: pointer;
}

@media (max-width: 768px) {
  .post-page .upload-img-row .onea_dd {
    width: calc(50% - 6px);
  }
}

@media (max-width: 480px) {
  .post-page .auth-cat-wrap .ym-mainmnu > li {
    flex: 0 0 100%;
    max-width: 100%;
    border-right: none !important;
  }

  .post-page .auth-steps span {
    font-size: 10px;
    padding: 8px 2px;
  }

  .post-page .auth-post-notice {
    font-size: 12px;
    padding: 10px 12px;
  }

  .post-page .upload-img-row .onea_dd {
    width: 100%;
  }
}
.auth-post-content .btn_ggfl{
	background: var(--ap-primary-border);
  	color: var(--ap-dark);
 	padding: 6px 12px;
  	border-radius: 5px;
}