@charset "utf-8";
/**
 * ????? / ????? common.css + li.css?
 * ?????/?????????????
 */

/* layui ?????dog_html/font/iconfont.* ????????????????? layui ????????????? */
@font-face {
  font-family: layui-icon;
  src: url("../font/layui/iconfont.eot?v=20260911chk");
  src: url("../font/layui/iconfont.eot?v=20260911chk#iefix") format("embedded-opentype"),
       url("../font/layui/iconfont.woff?v=20260911chk") format("woff"),
       url("../font/layui/iconfont.ttf?v=20260911chk") format("truetype"),
       url("../font/layui/iconfont.svg?v=20260911chk#iconfont") format("svg");
}
.layui-icon {
  font-family: layui-icon !important;
}
.layui-form-checked[lay-skin="primary"] i,
.layui-form-checked[lay-skin="primary"]:hover i {
  font-family: layui-icon !important;
  color: #fff !important;
  border-color: #5FB878 !important;
  background-color: #5FB878 !important;
}

:root {
  --pm-radius: 12px;
  --pm-radius-sm: 8px;
  --pm-radius-pill: 999px;
  --pm-blue: #1a73c7;
  --pm-blue-soft: #e8f3fc;
  --pm-orange: #f07828;
  --pm-orange-deep: #e85d0c;
  --pm-text: #1f2937;
  --pm-muted: #6b7280;
  --pm-border: #e5e7eb;
  --pm-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  --pm-shadow-sm: 0 2px 10px rgba(15, 23, 42, 0.05);
}

body {
  background: #f3f5f8 !important;
  color: var(--pm-text);
  -webkit-font-smoothing: antialiased;
}

a {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}

/* ========== ?? / ?? ========== */
.portal-shell-top {
  background: linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.dataTop,
.portal-top {
  width: 1300px !important;
  max-width: calc(100% - 32px) !important;
  margin: 0 auto !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 !important;
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  float: none !important;
  overflow: visible !important;
}

.portal-top .fl,
.portal-top .fr {
  float: none !important;
}

.portal-top__hello {
  font-size: 12px !important;
  color: #64748b !important;
  padding-left: 0 !important;
  letter-spacing: 0.01em;
}

.portal-top__actions {
  align-items: center;
  gap: 8px;
  padding-right: 0 !important;
}

.portal-top .classShow {
  display: flex !important;
}

.portal-top .class_hide {
  display: none !important;
}

.portal-top .class_hide.is-open {
  display: flex !important;
}

.portal-top .classShow.is-closed {
  display: none !important;
}

.portal-top #class_hide_img {
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
  color: #334155;
  font-size: 13px;
}

.portal-top__actions > a,
.dataTop .fr > a {
  display: inline-flex !important;
  align-items: center;
  height: 28px;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 4px;
  font-size: 12px !important;
  line-height: 28px;
  text-decoration: none !important;
}

.dataTop .registerBtn,
.portal-top .registerBtn,
.dataTop .addCollect,
.dataTop .aboutUs,
.portal-top .addCollect,
.portal-top .aboutUs {
  color: #64748b !important;
  font-weight: 400;
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 0 8px !important;
}

.dataTop .registerBtn:hover,
.portal-top .registerBtn:hover,
.dataTop .addCollect:hover,
.dataTop .aboutUs:hover,
.portal-top .addCollect:hover,
.portal-top .aboutUs:hover {
  color: var(--pm-blue) !important;
  border-color: transparent;
  background: transparent;
  filter: none;
}

.portal-top i {
  display: none;
}

header.index_header {
  border-bottom: none !important;
  box-shadow: none;
}

header.index_header.portal-header,
header.portal-header {
  height: auto !important;
  min-height: 118px;
  background: #fff !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04) !important;
  position: relative;
}

header.portal-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--pm-orange) 0%, rgba(240, 120, 40, 0.15) 55%, transparent 100%);
  opacity: 1;
  pointer-events: none;
}

header.portal-header .w,
header.portal-header .portal-header__inner {
  width: 1300px !important;
  max-width: calc(100% - 32px);
  height: auto !important;
  min-height: 118px;
  margin: 0 auto;
  padding: 22px 0 24px !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px;
  float: none !important;
  overflow: visible !important;
}

.portal-logo {
  display: inline-flex !important;
  align-items: center;
  flex: 0 1 auto;
  max-width: 680px;
  height: auto !important;
  text-decoration: none;
}

.portal-logo__img {
  display: block;
  max-height: 92px;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

header.index_header .layui-nav,
header.portal-header .portal-nav {
  background: transparent !important;
  margin-top: 0 !important;
  margin-left: auto !important;
  padding: 0 !important;
  flex: 0 0 auto;
  position: relative;
}

header.index_header .layui-nav > ul,
header.portal-header .portal-nav > ul {
  display: flex !important;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 4px;
  list-style: none;
  background: #f5f7fb;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.05);
  box-shadow: none;
}

header.index_header .layui-nav > ul > li,
header.portal-header .portal-nav > ul > li {
  margin-left: 0 !important;
  line-height: 1 !important;
  padding-right: 0 !important;
  position: relative;
}

header.index_header .layui-nav .layui-nav-item > a,
header.portal-header .portal-nav .layui-nav-item > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  height: 38px !important;
  line-height: 38px !important;
  border-radius: 999px !important;
  padding: 0 16px !important;
  color: #334155 !important;
  font-size: 15px !important;
  font-weight: 600;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: transparent !important;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

header.index_header .layui-nav .layui-nav-item > a:hover,
header.portal-header .portal-nav .layui-nav-item > a:hover {
  background: #fff !important;
  color: var(--pm-blue) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  border-bottom: none !important;
}

header.index_header .layui-nav .layui-this > a,
header.index_header .layui-nav .layui-nav-item.layui-this > a,
header.portal-header .portal-nav .layui-this > a,
header.portal-header .portal-nav .layui-nav-item.layui-this > a {
  background: #fff !important;
  color: var(--pm-orange) !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
  border-bottom: none !important;
}

/* ?? layui ???? :after / nav-bar */
header.index_header .layui-nav .layui-this:after,
header.index_header .layui-nav .layui-this::after,
header.index_header .layui-nav .layui-nav-item.layui-this:after,
header.index_header .layui-nav .layui-nav-item.layui-this::after,
header.portal-header .layui-nav .layui-this:after,
header.portal-header .layui-nav .layui-this::after,
header.portal-header .portal-nav .layui-this:after,
header.portal-header .portal-nav .layui-this::after,
header.portal-header .layui-nav .layui-nav-itemed:after,
header.portal-header .layui-nav .layui-nav-itemed::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

header.index_header .layui-nav-bar,
header.portal-header .layui-nav-bar,
header.index_header .layui-nav .layui-nav-bar,
header.portal-header .portal-nav .layui-nav-bar,
.portal-header span.layui-nav-bar,
.index_header span.layui-nav-bar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  left: -9999px !important;
  bottom: auto !important;
  top: -9999px !important;
}

header.index_header .layui-nav-more,
header.portal-header .layui-nav-more {
  border: none !important;
  display: none !important;
}

header.index_header .layui-nav-child {
  top: 46px !important;
  min-width: 148px;
  border-radius: 12px !important;
  border: 1px solid var(--pm-border) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
  overflow: hidden;
  padding: 8px 0 !important;
  background: #fff !important;
}

header.index_header .layui-nav-child dd a {
  border-radius: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  color: #334155 !important;
}

header.index_header .layui-nav-child dd a:hover {
  background: var(--pm-blue-soft) !important;
  color: var(--pm-blue) !important;
}

/* ========== ?? / ?? ========== */
.pic_01,
.dh,
.sfq {
  overflow: hidden;
}

.dh ul {
  border-radius: var(--pm-radius);
  box-shadow: var(--pm-shadow);
}

.dh ul li {
  border-radius: var(--pm-radius-sm);
  overflow: hidden;
}

.dh ul li.curr {
  border-radius: var(--pm-radius);
}

.dh ul li .layer {
  border-radius: inherit;
}

/* ========== ????? ========== */
.data_content {
  padding-bottom: 24px;
}

.data_content .data_left,
.data_content .data_right .data_box,
.data_content .data_ct2,
.data_content .data_ct3 {
  background: #fff;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-radius) !important;
  box-shadow: var(--pm-shadow-sm);
  overflow: hidden;
}

.data_content .data_left {
  box-sizing: border-box;
}

.data_content .title_box {
  border-bottom: 1px solid var(--pm-border);
  padding: 0 16px !important;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.data_content .data_left .title_box h3,
.data_content .data_left .title_box h3 a {
  color: #1f2937 !important;
  font-weight: 600;
}

.data_content .data_left .title_box h3 a:hover {
  color: #1f2937 !important;
}

.sy1_ul li a.sy1_tit {
  border-radius: 6px 6px 0 0;
}

.sy1_li_bg a.sy1_tit,
.sy1_ul li a.sy1_tit:hover {
  border-bottom-color: var(--pm-orange) !important;
}

.newdog-area {
  padding: 8px 12px 12px;
  box-sizing: border-box;
}

/* ???? */
.data_content .data_box {
  border-radius: var(--pm-radius) !important;
  border: 1px solid var(--pm-border) !important;
  box-shadow: var(--pm-shadow-sm);
}

.data_content .data_box h3,
.data_content .data_box .titleName {
  border-bottom: 1px solid var(--pm-border);
  background: #fafbfc;
}

.data_content .input_box input[type="text"],
.data_content .input_box input[type="password"],
.data_content .input_box input[type="tel"],
.data_content .input_box .yzm_class {
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-radius-sm) !important;
  background: #fff !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.data_content .input_box input:focus,
.data_content .input_box .yzm_class:focus {
  border-color: #93c5fd !important;
  box-shadow: 0 0 0 3px rgba(26, 115, 199, 0.15);
}

.login_button,
.login_button_color,
.data_content .input_box .btns_go > a.login_button,
button.login_button {
  border-radius: var(--pm-radius-sm) !important;
  background: var(--pm-orange) !important;
  border: none !important;
  box-shadow: none;
  font-weight: 600;
}

.login_button:hover,
.login_button_color:hover {
  filter: brightness(1.05);
  box-shadow: none;
}

.register_go,
.data_content .input_box .register_go {
  border-radius: var(--pm-radius-sm) !important;
  border: 1px solid var(--pm-border) !important;
  background: #fff !important;
  color: var(--pm-text) !important;
}

.register_go:hover {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}

.yzm_btn_class {
  border-radius: var(--pm-radius-sm) !important;
  border: 1px solid var(--pm-border) !important;
  background: #f3f4f6 !important;
}

.yzm_btn_class:hover {
  background: #e5e7eb !important;
}

/* ???? / ?????? portal-home ????? */
.ywbl ul li img,
.cx ul li img {
  border-radius: var(--pm-radius);
}

.zs_pic {
  border-radius: var(--pm-radius);
  overflow: hidden;
  box-shadow: var(--pm-shadow-sm);
}

.zs_pic img {
  display: block;
  width: 100%;
  border-radius: var(--pm-radius);
}

.data_content .data_ct3 {
  padding: 16px 18px 12px;
  box-sizing: border-box;
}

.data_content .data_ct3-links > a {
  border-radius: var(--pm-radius-sm);
  overflow: hidden;
  border: 1px solid var(--pm-border);
  transition: box-shadow .2s ease, transform .2s ease;
}

.data_content .data_ct3-links > a:hover {
  box-shadow: var(--pm-shadow-sm);
  transform: translateY(-1px);
}

.data_content .data_ct3-links > a img {
  border-radius: var(--pm-radius-sm);
}

/* ========== ???? / ?? ========== */
.zctz-list {
  width: 1300px !important;
  max-width: 98% !important;
  margin: 24px auto 32px !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-radius) !important;
  box-shadow: var(--pm-shadow-sm) !important;
  overflow: hidden;
  background: #fff !important;
  padding: 8px 0 20px !important;
  box-sizing: border-box;
}

/* ??? */
.zctz-wz {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px 24px 10px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #94a3b8 !important;
  box-sizing: border-box;
}
.zctz-wz__label {
  color: #64748b !important;
  font-weight: 500;
}
.zctz-wz__label::after {
  content: "\FF1A"; /* fullwidth colon ? */
}
.zctz-wz a {
  color: var(--pm-blue) !important;
  text-decoration: none !important;
}
.zctz-wz a:hover {
  color: var(--pm-orange) !important;
}
.zctz-wz span {
  color: #94a3b8 !important;
}
.zctz-wz__current {
  color: #334155 !important;
  font-weight: 500;
}
.zctz-wz__sep {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 2px;
  border-radius: 50%;
  background: #cbd5e1;
  vertical-align: middle;
}

/* ??? */
.zctz-title {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;
  max-width: none !important;
  margin: 4px 24px 18px !important;
  padding: 12px 16px !important;
  line-height: 1.4 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  background: #f8fafc !important;
  background-image: none !important;
  border: 1px solid #eef2f7 !important;
  border-left: 3px solid var(--pm-orange) !important;
  border-radius: var(--pm-radius-sm) !important;
  box-sizing: border-box;
}
.zctz-title span {
  padding-left: 0 !important;
  color: inherit !important;
}
.zctz-title__ico {
  flex: 0 0 auto;
  font-size: 18px;
  line-height: 1;
  color: var(--pm-orange);
}
.zctz-title--with-search {
  justify-content: space-between;
  gap: 16px;
}
.zctz-title__left {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.zctz-title__search {
  flex: 0 0 auto;
  margin: 0 !important;
  font-size: 14px !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: stretch !important;
  height: 36px;
}
.zctz-title__search .s_input {
  width: 280px !important;
  height: 36px !important;
  padding: 0 12px !important;
  color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
  border-right: none !important;
  background: #fff !important;
  border-radius: 8px 0 0 8px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
}
.zctz-title__search .s_input:focus {
  border-color: var(--pm-orange) !important;
  outline: none;
}
.zctz-title__search .btn {
  background-color: var(--pm-orange) !important;
  color: #fff !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  width: 76px !important;
  text-align: center;
  position: static !important;
  top: auto !important;
  right: auto !important;
  text-decoration: none !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  flex: 0 0 auto;
}
.zctz-title__search .btn:hover {
  opacity: 0.92;
  color: #fff !important;
}
/* 芯片号字数 0/15：贴在 input 内侧右侧（门户页不依赖 member-center.css） */
.chip-len-wrap{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-width:0;
}
.chip-len-wrap > .layui-input,
.chip-len-wrap > input[type="text"],
.chip-len-wrap > .s_input{
  width:100%!important;
  box-sizing:border-box!important;
  padding-right:48px!important;
}
.chip-len{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  font-size:12px;
  color:#94a3b8;
  line-height:1;
  pointer-events:none;
  white-space:nowrap;
}
.chip-len em{font-style:normal;font-weight:600;color:#64748b;}
.chip-len.is-full em{color:#0d9488;}
.chip-len.is-bad em{color:#ef4444;}
.zctz-title__search > .chip-len-wrap{
  flex:0 0 auto;
  width:280px;
  height:36px;
  display:block;
}
.zctz-title__search > .chip-len-wrap > .s_input{
  width:100%!important;
  height:36px!important;
  padding:0 48px 0 12px!important;
  border-right:none!important;
  border-radius:8px 0 0 8px!important;
}
.zctz-title__search > .chip-len-wrap .chip-len{
  right:12px;
}
.portal-query-page .zctz-list .mian-cention {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 24px 24px !important;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .zctz-title--with-search {
    flex-direction: column;
    align-items: stretch;
  }
  .zctz-title__search,
  .zctz-title__search .s_input {
    width: 100% !important;
  }
}

/* ?? */
.zctz-list ul,
.zctz-list .zctz-items {
  width: auto !important;
  max-width: none !important;
  margin: 0 24px 8px !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 15px !important;
  color: #334155 !important;
}
.zctz-list li {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  line-height: 1.5 !important;
  padding: 12px 4px !important;
  border-bottom: 1px dashed #eceff3 !important;
  box-sizing: border-box;
}
.zctz-list li:last-child {
  border-bottom: none !important;
}
.zctz-list li a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
  color: #334155 !important;
  text-decoration: none !important;
}
.zctz-list li a em {
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zctz-list li a:hover,
.zctz-list li a:hover em {
  color: var(--pm-blue) !important;
}
.zctz-dot {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cbd5e1;
}
.zctz-list li a:hover .zctz-dot {
  background: var(--pm-blue);
}
.zctz-list ul span,
.zctz-list .zctz-date {
  float: none !important;
  flex: 0 0 auto;
  font-size: 13px !important;
  color: #94a3b8 !important;
  white-space: nowrap;
}

.mian-cention {
  width: calc(100% - 48px) !important;
  margin: 0 24px 24px !important;
}
.mian-cention h2 {
  font-weight: 700 !important;
  color: var(--pm-text) !important;
  letter-spacing: 0.02em;
}
.mian-time {
  color: var(--pm-muted) !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--pm-border);
}
.mian-cen {
  line-height: 1.9 !important;
  color: #374151 !important;
}

/* ?? */
#pageBar,
.zctz-pagebar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: auto !important;
  max-width: none !important;
  margin: 16px 24px 4px !important;
  height: auto !important;
  min-height: 52px;
  line-height: 1.4 !important;
  background: #f8fafc !important;
  border-radius: var(--pm-radius-sm) !important;
  border: 1px solid #eef2f7 !important;
  box-sizing: border-box;
  padding: 12px 16px !important;
}
#pageBar #info,
.zctz-pagebar__info {
  color: #64748b !important;
  font-size: 13px !important;
  margin: 0 !important;
}
#pageBar .page,
.zctz-pagebar__nums {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}
#pageBar .page a,
#pageBar a.page-num,
#pageBar .current,
#pageBar .page a.page-num-current,
#pageBar a.page-num-current {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 34px !important;
  height: 34px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 4px !important;
  box-sizing: border-box;
  text-decoration: none !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  vertical-align: middle;
}
#pageBar .page a,
#pageBar a.page-num {
  border: 1px solid #e2e8f0 !important;
  background: #fff !important;
  color: #475569 !important;
}
#pageBar .page a:hover,
#pageBar a.page-num:hover {
  border-color: #fdba74 !important;
  color: var(--pm-orange) !important;
  background: #fff7ed !important;
}
#pageBar .current,
#pageBar .page a.page-num-current,
#pageBar a.page-num-current {
  background: var(--pm-orange) !important;
  border: 1px solid var(--pm-orange) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-weight: 600;
}
.zctz-pagebar--empty {
  justify-content: center;
  color: #94a3b8;
}

@media (max-width: 768px) {
  .zctz-list {
    margin: 16px auto 24px !important;
    padding: 4px 0 16px !important;
  }
  .zctz-wz,
  .zctz-title,
  .zctz-list ul,
  .zctz-list .zctz-items,
  #pageBar,
  .zctz-pagebar {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  .zctz-wz,
  .zctz-title {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .zctz-list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  #pageBar,
  .zctz-pagebar {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ========== ?? ========== */
.inex_footer,
.portal-footer {
  height: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  margin-top: 28px;
  padding: 52px 16px 44px !important;
  text-align: center;
  color: #94a3b8 !important;
  background: #1a2332 !important;
  border-top: 2px solid var(--pm-orange);
  box-sizing: border-box;
}

.portal-footer__inner {
  width: 1300px;
  max-width: calc(100% - 24px);
  margin: 0 auto;
}

.portal-footer__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 16px;
}

.portal-footer__row--main {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.portal-footer__copy {
  color: #e2e8f0 !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.portal-footer__icp,
.inex_footer a,
.portal-footer a {
  color: #93c5fd !important;
  text-decoration: none !important;
  margin-left: 8px;
}

.portal-footer__icp:hover,
.inex_footer a:hover,
.portal-footer a:hover {
  color: #bfdbfe !important;
  text-decoration: underline !important;
}

.portal-footer__legal {
  color: #94a3b8 !important;
  font-size: 13px;
}

.portal-footer__meta {
  margin-top: 4px;
  gap: 0;
  row-gap: 10px;
}

.portal-footer__item {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 0 14px;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #94a3b8 !important;
  font-size: 13px;
  line-height: 1.8;
}

.portal-footer__item + .portal-footer__item {
  border-left: 1px solid rgba(148, 163, 184, 0.28);
}

/* ========== ????? ========== */
.dog_info,
.breeding_item,
.index_content .w > .overflow,
.room-search,
.chip-search {
  border-radius: var(--pm-radius);
}

.index_content_item_title {
  border-radius: var(--pm-radius-sm) var(--pm-radius-sm) 0 0;
}

.layui-table {
  border-radius: var(--pm-radius-sm);
  overflow: hidden;
}

.layui-btn {
  border-radius: var(--pm-radius-sm) !important;
}

.layui-input,
.layui-textarea,
.layui-select {
  border-radius: var(--pm-radius-sm) !important;
}

/* ?? Tab */
.portal-login-tabs .toLogin_class,
.titleName .toLogin_class,
h3.titleName ch {
  cursor: pointer;
  border-radius: var(--pm-radius-pill);
  padding: 0 14px !important;
  margin: 0 !important;
  height: 32px;
  line-height: 32px;
  font-size: 13px !important;
  font-weight: 500;
  color: var(--pm-muted) !important;
  display: inline-flex;
  align-items: center;
  background: transparent;
  box-shadow: none;
  transition: background .2s ease, color .2s ease;
}

.portal-login-tabs .toLogin_class.is-active,
.titleName .toLogin_class.is-active {
  color: #fff !important;
  font-weight: 600;
  background: var(--pm-orange);
  box-shadow: none;
}

.portal-login-tabs .toLogin_class:not(.is-active):hover,
.titleName .toLogin_class:not(.is-active):hover {
  color: var(--pm-blue) !important;
  background: #fff;
}

/* ??? */
.search_box input,
.search_box .s_input {
  border-radius: var(--pm-radius-sm) 0 0 var(--pm-radius-sm) !important;
  border-color: var(--pm-border) !important;
  height: 36px !important;
}

.search_box .btn {
  border-radius: 0 var(--pm-radius-sm) var(--pm-radius-sm) 0 !important;
  height: 36px !important;
  line-height: 36px !important;
  top: 0 !important;
  background: linear-gradient(135deg, var(--pm-orange) 0%, var(--pm-orange-deep) 100%) !important;
  box-shadow: 0 2px 8px rgba(240, 120, 40, 0.25);
}

/* ????????????????????? top:8px ?? */
.zctz-title__search.search_box .btn,
.zctz-title .search_box .btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  height: 36px !important;
  line-height: 1 !important;
  box-shadow: none;
}

.data_ct2 .search_top .s_input {
  border-radius: var(--pm-radius-sm) 0 0 var(--pm-radius-sm) !important;
}

.data_ct2 .search_top .btn {
  border-radius: 0 var(--pm-radius-sm) var(--pm-radius-sm) 0 !important;
}

/* ========== ?????? ========== */
.portal-home .portal-hero {
  width: 1300px;
  margin: 18px auto 0;
  box-sizing: border-box;
}

.portal-home .portal-hero .dh ul {
  width: 1300px !important;
  height: 300px !important;
  border-radius: var(--pm-radius);
  box-shadow: var(--pm-shadow);
  background: #0f172a;
}

.portal-home .portal-hero .dh ul li {
  border-left-color: transparent !important;
  border-right-color: rgba(255,255,255,.12) !important;
}

.portal-home .portal-hero .dh img {
  height: 300px;
  object-fit: cover;
}

.portal-home .portal-main {
  min-height: 0 !important;
  padding-bottom: 8px;
}

.portal-home .portal-main__inner {
  margin-top: 18px !important;
  padding: 18px 18px 8px !important;
  background: #fff !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-radius) !important;
  box-shadow: var(--pm-shadow-sm) !important;
  box-sizing: border-box;
}

.portal-home .portal-panel {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  overflow: visible !important;
}

.portal-home .portal-panel .data_left {
  float: none !important;
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-radius);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.portal-home .portal-panel .data_right,
.portal-home .portal-login {
  float: none !important;
  width: 320px !important;
  margin: 0 !important;
  flex: 0 0 320px;
  border-top: none !important;
  background: transparent !important;
}

.portal-home .portal-login .data_box {
  height: auto;
  background: #fff;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-radius) !important;
  box-shadow: var(--pm-shadow-sm);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* ???? / ????? / ??????? */
.portal-home .portal-login .toName_form,
.portal-home .portal-login .toPhone_form {
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
  height: 348px;
  min-height: 348px;
  max-height: 348px;
  box-sizing: border-box;
  overflow: hidden;
}

.portal-home .portal-login .toChangePass {
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 400px;
  max-height: none;
  box-sizing: border-box;
  overflow: visible;
}

.portal-home .portal-login .toName_form {
  display: flex;
}
.portal-home .portal-login .toPhone_form,
.portal-home .portal-login .toChangePass {
  display: none;
}

.portal-home .portal-login .data_box h3.titleName,
.portal-home .portal-login-tabs {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto !important;
  margin: 0;
  padding: 8px 10px !important;
  height: auto !important;
  min-height: 44px;
  line-height: 1 !important;
  background: #f1f5f9 !important;
  border-bottom: 1px solid var(--pm-border);
}

.portal-home .portal-login .input_box {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 12px 14px 12px !important;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.portal-home .portal-login .input_box label,
.portal-home .portal-login .portal-field {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  width: 100% !important;
  height: auto !important;
  line-height: 1.25 !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  background: transparent !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 400;
  box-sizing: border-box;
}

.portal-home .portal-login .portal-field__label {
  display: block;
  color: #475569;
  font-size: 12px;
  font-weight: 500;
}

.portal-home .portal-login .input_box label[style*="margin-top"] {
  margin-top: 0 !important;
}

.portal-home .portal-login .input_box label input,
.portal-home .portal-login .input_box .yzm_class,
.portal-home .portal-login .portal-field input {
  width: 100% !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-radius-sm) !important;
  background: #fff !important;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 400 !important;
  color: var(--pm-text);
}

.portal-home .portal-login .input_box label input::placeholder,
.portal-home .portal-login .input_box .yzm_class::placeholder,
.portal-home .portal-login .portal-field input::placeholder {
  font-weight: 400 !important;
  color: #94a3b8;
  opacity: 1;
}

.portal-home .portal-login .input_box label input::-webkit-input-placeholder,
.portal-home .portal-login .input_box .yzm_class::-webkit-input-placeholder,
.portal-home .portal-login .portal-field input::-webkit-input-placeholder {
  font-weight: 400 !important;
  color: #94a3b8;
}

.portal-home .portal-login .input_box label input::-moz-placeholder,
.portal-home .portal-login .input_box .yzm_class::-moz-placeholder,
.portal-home .portal-login .portal-field input::-moz-placeholder {
  font-weight: 400 !important;
  color: #94a3b8;
  opacity: 1;
}

.portal-home .portal-login .login_vcode {
  margin-top: 0 !important;
  width: 100% !important;
}

.portal-home .portal-login .login_vcode__row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.portal-home .portal-login .login_vcode__row input {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
}

.portal-home .portal-login .login_vcode__row img,
.portal-home .portal-login #codeImg,
.portal-home .portal-login #phoneCodeImg,
.portal-home .portal-login #resetCodeImg,
.portal-home .portal-login .portal-captcha-img {
  flex: 0 0 108px;
  width: 108px !important;
  min-width: 108px;
  max-width: 108px;
  height: 36px !important;
  margin: 0 !important;
  border-radius: 6px;
  border: 1px solid var(--pm-border);
  cursor: pointer;
  object-fit: fill;
  background: #fff;
  box-sizing: border-box;
}

.portal-home .portal-login .input_box label input:focus,
.portal-home .portal-login .input_box .yzm_class:focus,
.portal-home .portal-login .portal-field input:focus {
  border-color: #93c5fd !important;
  box-shadow: 0 0 0 3px rgba(26, 115, 199, 0.12);
  outline: none;
}

.portal-home .portal-login .input_box .btns {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px !important;
  width: 100%;
  min-height: 28px;
  float: none !important;
  overflow: visible !important;
  flex: 0 0 auto;
}

.portal-home .portal-login .portal-login-spacer {
  flex: 0 0 auto;
  height: 28px;
  margin: 0 0 8px;
  visibility: hidden;
  pointer-events: none;
}

.portal-home .portal-login .input_box .btns .fl,
.portal-home .portal-login .input_box .btns .fr {
  float: none !important;
}

.portal-home .portal-login .remember_btn {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--pm-muted);
  font-size: 13px;
  font-weight: 400;
}

.portal-home .portal-login .remember_btn i {
  font-style: normal;
  font-weight: 400;
}

.portal-home .portal-login .forget_btn {
  float: none !important;
  display: inline-flex;
  align-items: center;
  color: var(--pm-blue) !important;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none !important;
  white-space: nowrap;
}

.portal-home .portal-login .forget_btn:hover {
  color: var(--pm-orange) !important;
}

.portal-home .portal-login .btns_go {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto !important;
  padding-top: 0;
}

.portal-home .portal-login .btns_go .login_button,
.portal-home .portal-login .btns_go .register_go,
.portal-home .portal-login .btns_go .logon_go_class {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 38px !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-align: center;
  font-size: 14px !important;
  border-radius: var(--pm-radius-sm) !important;
  box-sizing: border-box;
  text-decoration: none !important;
}

/* 已登录态：与登录表单同高，内容更饱满 */
.portal-home .portal-login #signBox:has(.login-box-signed) {
  min-height: 392px;
}

.portal-home .portal-login .login-box-signed {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: 100%;
  min-height: 348px;
  height: 100%;
  padding: 22px 16px 18px !important;
  box-sizing: border-box;
}

.portal-home .portal-login .login-box-signed .person_img {
  flex: 0 0 auto;
  margin: 0;
  line-height: 0;
}

.portal-home .portal-login .login-box-signed .person_img img {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  object-fit: cover;
  border: 1px solid var(--pm-border);
  background: #f8fafc;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}

.portal-home .portal-login .login-box-signed .login-meta {
  width: 100%;
  margin-top: 0 !important;
  text-align: center;
  font-size: 14px;
}

.portal-home .portal-login .login-box-signed .pname {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px !important;
  line-height: 1.8;
  color: #334155;
  word-break: break-all;
}

.portal-home .portal-login .login-box-signed .pname.is-type {
  margin-top: 8px;
  font-size: 13px !important;
  color: #64748b !important;
}
.portal-home .portal-login .login-box-signed .pname.is-expire {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  font-size: 13px !important;
  line-height: 1.4;
  color: #64748b !important;
}
.portal-home .portal-login .login-box-signed .home-renew-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  padding: 0 8px;
  height: 22px;
  line-height: 1;
  font-size: 12px;
  font-weight: 600;
  color: #737373 !important;
  background: #fbfbfb;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  text-decoration: none !important;
  vertical-align: middle;
  box-sizing: border-box;
}
.portal-home .portal-login .login-box-signed .home-renew-btn:hover {
  opacity: 1;
  background: #f5f5f5;
  color: #737373 !important;
}

.portal-home .portal-login .login-box-signed .btns_go {
  width: 100%;
  margin-top: 4px !important;
  padding-top: 0;
}

.portal-home .portal-login .login-box-signed .logon_go_class {
  background-color: var(--pm-orange, #ff6b01) !important;
  color: #fff !important;
}

.portal-home .portal-login .login-box-signed .logon_go_class:hover {
  opacity: 0.92;
  color: #fff !important;
}

.portal-home .portal-login .yzm_btn_class {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 108px !important;
  height: 36px !important;
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  background: #fff !important;
  border: 1px solid var(--pm-border) !important;
  color: var(--pm-blue) !important;
  font-size: 12px !important;
  font-weight: 400;
  border-radius: var(--pm-radius-sm) !important;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
}

.portal-home .portal-login .toPhone_form .remember_btn,
.portal-home .portal-login .toChangePass .remember_btn {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: flex;
  gap: 8px;
  box-sizing: border-box;
}

.portal-home .portal-login .toPhone_form .yzm_class,
.portal-home .portal-login .toChangePass .yzm_class,
.portal-home .portal-login .portal-sms-row .yzm_class {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  text-align: left !important;
}

.portal-home .portal-login .portal-sms-row {
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.portal-home .portal-login .portal-sms-field {
  margin-bottom: 12px !important;
}

.portal-home .portal-login .login_vcode__row.portal-sms-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.portal-home .data_left .title_box h3 a .iconfont {
  display: none !important;
}

.portal-home .sy1_li {
  position: relative;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  float: none !important;
  margin: 0 !important;
  line-height: 1 !important;
  z-index: 2;
  display: inline-flex !important;
  align-items: center;
  vertical-align: middle;
}

.portal-home .sy1_li.sy1_li_bg,
.portal-home .sy1_li.is-active {
  height: auto !important;
  min-height: 0 !important;
  background: none !important;
}

.portal-home .sy1_ul li a.sy1_tit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 10px !important;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  color: #475569 !important;
  border-radius: var(--pm-radius-pill) !important;
  border-bottom: 0 !important;
  border-bottom-width: 0 !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: middle;
  transform: none !important;
  position: relative;
  top: 0 !important;
}

.portal-home .sy1_ul li a.sy1_tit:hover,
.portal-home .sy1_li_bg a.sy1_tit,
.portal-home .sy1_li.is-active a.sy1_tit {
  color: var(--pm-blue) !important;
  background: var(--pm-blue-soft) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-bottom: 0 !important;
  border-bottom-width: 0 !important;
  height: 30px !important;
  line-height: 30px !important;
  top: 0 !important;
}

.portal-home .title_box .sy2_ul {
  display: none !important;
}

.portal-home .title_box .clearit {
  display: none;
}

.portal-home .newdog-panel.is-notice-mode .newdog-head {
  display: none !important;
}

.portal-home .portal-notice-scroll {
  width: 100%;
  box-sizing: border-box;
  padding: 2px 8px 6px;
}

.portal-home .portal-notice-row {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 36px;
  padding: 6px 8px !important;
  margin: 0 !important;
  border-bottom: 1px solid #f1f5f9;
  float: none !important;
  overflow: visible !important;
  box-sizing: border-box;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: #334155 !important;
}

.portal-home .portal-notice-row .fl,
.portal-home .portal-notice-row .fr {
  float: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

.portal-home .portal-notice-row .fl {
  flex: 1 1 auto;
  min-width: 0;
  color: #334155 !important;
}

.portal-home .portal-notice-row .fr,
.portal-home .portal-notice-row .date,
.portal-home .portal-notice-row i.date {
  flex: 0 0 auto;
  color: #64748b !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.portal-home .portal-notice-row a {
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.portal-home .portal-notice-row a:hover {
  color: var(--pm-blue) !important;
}

.portal-home .portal-notice-scroll .portal-empty,
.portal-home .newdog-content .portal-empty {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  line-height: 1.6;
  padding: 36px 12px;
  text-align: center;
}

.dataTop .registerBtn .iconfont,
.dataTop .addCollect .iconfont,
.dataTop .aboutUs .iconfont,
.portal-top .registerBtn .iconfont,
.portal-top .addCollect .iconfont,
.portal-top .aboutUs .iconfont {
  margin-right: 4px;
  font-size: 13px;
  vertical-align: -1px;
}

.portal-home .data_left .title_box {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: auto !important;
  min-height: 56px;
  margin: 0 !important;
  padding: 10px 16px !important;
  border-bottom: 1px solid var(--pm-border) !important;
  background: linear-gradient(180deg, #fff, #f8fafc);
}

.portal-home .data_left .title_box > .fl {
  float: none !important;
  flex: 0 1 auto;
  min-width: 0;
}

.portal-home .data_left .title_box h3 {
  width: auto !important;
  text-align: left !important;
  border-left: 4px solid var(--pm-orange) !important;
  padding-left: 10px;
  margin: 0 !important;
  line-height: 1.4 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  color: #1f2937 !important;
}

.portal-home .data_left .title_box h3 a {
  color: #1f2937 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.portal-home .data_left .title_box h3 a:hover {
  color: #1f2937 !important;
}

.portal-home .data_left .title_box .fr {
  float: none !important;
  flex: 0 0 auto;
}

.portal-home .sy1_ul {
  display: block !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}

.portal-home .sy2_inside {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
}

.portal-home .newdog-panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: auto !important;
  min-height: 0;
  margin: 0;
  padding: 0 0 8px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}

.portal-home .newdog-head {
  flex: 0 0 auto;
  padding: 10px 12px 0;
  box-sizing: border-box;
  background: #fff;
  z-index: 2;
}

.portal-home .newdog-area {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 12px 6px !important;
  box-sizing: border-box;
  background: transparent;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: relative;
}

.portal-home .newdog-head table,
.portal-home .newdog-content,
.portal-home .newdog-content table,
.portal-home .newdog-table {
  width: 100% !important;
  height: auto !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.portal-home .newdog-head td,
.portal-home .newdog-head th,
.portal-home .newdog-content td,
.portal-home .newdog-content th {
  padding: 8px 10px !important;
  border-bottom: 1px solid #eef2f7;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  color: #334155 !important;
  line-height: 1.45 !important;
  word-break: break-all;
  vertical-align: middle;
}

.portal-home .newdog-head tr td,
.portal-home .newdog-head tr th {
  background: #f1f5f9 !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--pm-border);
}

.portal-home .newdog-content tr:nth-child(even) td {
  background: #fafbfc;
}

.portal-home .newdog-content tr:hover td {
  background: #eff6ff !important;
}

.portal-home .newdog-head td:first-child,
.portal-home .newdog-content td:first-child {
  font-family: inherit !important;
  font-size: 14px !important;
  color: #334155 !important;
  letter-spacing: 0;
}

.portal-home .newdog-head td:first-child {
  font-weight: 600 !important;
}

.portal-home .portal-services {
  margin-top: 16px;
  padding: 14px 8px;
  height: auto !important;
  border-top: none !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--pm-border);
  border-radius: var(--pm-radius);
  box-shadow: var(--pm-shadow-sm);
  overflow: hidden;
  box-sizing: border-box;
}

.portal-home .portal-services ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.portal-home .portal-services li {
  float: none !important;
  width: 16.66% !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  box-sizing: border-box;
  text-align: center;
}

.portal-home .portal-services li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 12px 4px 10px;
  border-radius: var(--pm-radius-sm);
  color: #334155 !important;
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.portal-home .portal-services li a:hover {
  background: #f8fafc;
  transform: translateY(-2px);
  box-shadow: none;
}

.portal-home .portal-services li a:hover em {
  color: var(--pm-blue);
}

.portal-home .portal-services li a:hover .ps-ico {
  transform: translateY(-2px) scale(1.06);
}

.portal-home .portal-services li a em {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: #334155;
  letter-spacing: 0;
  line-height: 1.3;
  transition: color .2s ease;
}

.portal-home .portal-services .ps-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  box-shadow: none;
  transition: transform .22s ease;
}

.portal-home .portal-services .ps-ico .iconfont {
  font-size: 26px;
  line-height: 1;
  color: #fff;
}

.portal-home .ps-ico--orange { background: #f07828; }
.portal-home .ps-ico--teal { background: #2bbbad; }
.portal-home .ps-ico--rose { background: #ef5f7a; }
.portal-home .ps-ico--sky { background: #3aa0ef; }
.portal-home .ps-ico--amber { background: #f08a45; }
.portal-home .ps-ico--olive { background: #8fb63a; }

.portal-home .portal-services li img {
  display: none;
}

.portal-home .portal-queries {
  height: auto !important;
  margin-top: 16px;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: visible;
}

.portal-home .portal-queries::after {
  content: "";
  display: block;
  margin-top: 20px;
  border-top: 1px dashed #e5e5e5;
}

.portal-home .portal-queries ul {
  display: flex;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.portal-home .portal-queries li {
  float: none !important;
  width: auto !important;
  flex: 1;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}

.portal-home .portal-queries li a.pq-card,
.portal-home .portal-queries .pq-card {
  display: flex !important;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 14px 18px;
  border-radius: var(--pm-radius) !important;
  overflow: hidden;
  text-decoration: none !important;
  color: #fff !important;
  box-shadow: none;
  border: none;
  transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
  box-sizing: border-box;
}

.portal-home .portal-queries .pq-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
  filter: brightness(1.04);
}

.portal-home .portal-queries .pq-card:hover .pq-ico {
  transform: scale(1.06);
}

.portal-home .portal-queries .pq-card:hover .pq-arrow {
  transform: translateX(4px);
  opacity: 1;
}

.portal-home .pq-card--dog {
  background: #3daa55;
}
.portal-home .pq-card--room {
  background: #e85a4a;
}
.portal-home .pq-card--chip {
  background: #1f93a8;
}

.portal-home .pq-ico {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  transition: transform .22s ease;
}

.portal-home .pq-card--dog .pq-ico .iconfont { color: #2f9f4a; }
.portal-home .pq-card--room .pq-ico .iconfont { color: #e85a4a; }
.portal-home .pq-card--chip .pq-ico .iconfont { color: #1f93a8; }

.portal-home .pq-ico .iconfont {
  font-size: 24px;
  line-height: 1;
}

.portal-home .pq-txt {
  flex: 1 1 auto;
  text-align: left;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.portal-home .pq-arrow {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.88;
  transition: transform .22s ease, opacity .22s ease;
}

.portal-home .pq-arrow .iconfont {
  font-size: 20px;
  line-height: 1;
  color: #fff;
}

.portal-home .portal-queries li img {
  display: none;
}

.portal-home .portal-gallery {
  margin-top: 20px;
  padding: 0 !important;
  border-radius: var(--pm-radius);
  overflow: hidden;
  box-shadow: var(--pm-shadow-sm);
  border: 1px solid var(--pm-border);
  background: #fff;
}

.portal-home .portal-gallery img {
  display: block;
  width: 100%;
  height: auto;
}

.portal-home .portal-links-wrap {
  margin-top: 22px !important;
  margin-bottom: 28px;
}

.portal-home .portal-links {
  padding: 18px 20px 16px !important;
  background: #fff !important;
  border: 1px solid var(--pm-border) !important;
  border-radius: var(--pm-radius) !important;
  box-shadow: var(--pm-shadow-sm);
}

.portal-home .data_content .notice_01 {
  margin: 0 !important;
  padding: 6px 8px;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: #334155 !important;
}

.portal-home .data_content .notice_01 a {
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.portal-home .data_content .notice_01 a:hover {
  color: var(--pm-blue) !important;
}

.portal-home .data_content .notice_01 .date,
.portal-home .data_content .notice_01 i.date {
  color: #64748b !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

/* ========== ?? li.css ??? ========== */
.portal-home .ywbl.portal-services {
  height: auto !important;
  background-image: none !important;
  border-top: none !important;
}
.portal-home .ywbl.portal-services li {
  width: 16.66% !important;
  float: none !important;
  padding-top: 0 !important;
  line-height: 1.4 !important;
}
.portal-home .ywbl.portal-services li a {
  display: flex !important;
  line-height: 1.3 !important;
}
.portal-home .cx.portal-queries {
  height: auto !important;
}
.portal-home .cx.portal-queries li {
  width: auto !important;
  float: none !important;
  padding-top: 0 !important;
}
.portal-home .portal-services li img,
.portal-home .portal-queries li img {
  display: none !important;
}

/* ?????????? layui ?? / ::after */
header.portal-header .layui-nav-bar,
header.index_header .layui-nav-bar {
  display: none !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
}
header.portal-header .layui-nav .layui-this:after,
header.portal-header .layui-nav .layui-this::after,
header.portal-header .layui-nav-item.layui-this:after,
header.portal-header .layui-nav-item.layui-this::after,
header.index_header .layui-nav .layui-this:after,
header.index_header .layui-nav .layui-this::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}
header.portal-header .layui-nav-item > a,
header.portal-header .layui-this > a,
header.portal-header .layui-nav-item.layui-this > a {
  border-bottom: 0 !important;
  border-bottom-width: 0 !important;
  border-bottom-color: transparent !important;
}

/* ========== ?????? ========== */
.layui-layer.portal-xieyi-layer {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.28) !important;
  border: 1px solid #e2e8f0 !important;
}

.layui-layer.portal-xieyi-layer .layui-layer-title {
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 48px 0 20px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.layui-layer.portal-xieyi-layer .layui-layer-setwin {
  top: 14px !important;
  right: 14px !important;
}

.layui-layer.portal-xieyi-layer .layui-layer-setwin a {
  width: 22px !important;
  height: 22px !important;
}

.layui-layer.portal-xieyi-layer .layui-layer-content {
  background: #fff !important;
}

.layui-layer.portal-xieyi-layer iframe {
  background: #fff;
}

/* about/news source padding */
#copyfrom,.mian-time #copyfrom{padding-left:40px;}

.index_nav.is-hidden,.index_nav--hidden{display:none!important;}