/* ==========================================================================
   绿谷商城 —— 老式 IDC 官网风格样式表
   主色 #1576E1 / 深蓝 #172C45 / 信息密集 / 小字号 / 硬边框
   ========================================================================== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font: 13px/1.6 "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
  color: #333; background: #f2f4f7; -webkit-font-smoothing: antialiased;
}
a { color: #333; text-decoration: none; }
a:hover { color: #1576E1; text-decoration: underline; }
img { border: 0; vertical-align: middle; }
ul, ol { list-style: none; }
input, select, textarea, button { font-family: inherit; font-size: 13px; outline: none; }
.wrap { width: 1200px; margin: 0 auto; }
.clearfix::after { content: ""; display: block; clear: both; }
.fl { float: left; } .fr { float: right; }
.mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; }
.mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; }
.tc { text-align: center; } .tr { text-align: right; }
.red { color: #e60012; } .blue { color: #1576E1; } .gray { color: #888; }
.f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; }
.bold { font-weight: bold; }

/* ---------------- 顶部工具条 ---------------- */
.topbar { background: #172C45; color: #b9c6d6; height: 32px; line-height: 32px; font-size: 12px; }
.topbar a { color: #b9c6d6; }
.topbar a:hover { color: #fff; text-decoration: none; }
.topbar .hot { color: #ffd24a; font-weight: bold; }
.topbar .sep { color: #3d5471; margin: 0 8px; }
.topbar-right { float: right; }

/* ---------------- 头部 LOGO 区 ---------------- */
.header { background: #fff; padding: 16px 0 14px; }
.header .logo { float: left; display: flex; align-items: center; }
.header .logo .logoimg { width: 54px; height: 54px; border-radius: 8px; margin-right: 12px; }
.header .logo .logotxt h1 { font-size: 27px; color: #1576E1; letter-spacing: 2px; font-weight: bold; line-height: 30px; }
.header .logo .logotxt h1 span { color: #172C45; }
.header .logo .logotxt p { font-size: 12px; color: #888; letter-spacing: 3px; }
.admin-top .brand .admin-logo { width: 24px; height: 24px; border-radius: 4px; vertical-align: -6px; margin-right: 6px; }
.header .hcontact { float: right; text-align: right; padding-top: 6px; }
.header .hcontact .tel { font-size: 24px; color: #e60012; font-weight: bold; font-family: Arial; }
.header .hcontact .tel span { font-size: 12px; color: #666; font-weight: normal; }
.header .hcontact p { font-size: 12px; color: #888; }

/* ---------------- 主导航 ---------------- */
.nav { background: #1576E1; height: 42px; line-height: 42px; }
.nav ul { float: left; }
.nav li { float: left; position: relative; }
.nav li a { display: block; padding: 0 26px; color: #fff; font-size: 14px; }
.nav li a:hover, .nav li.on a { background: #0d5cb6; color: #fff; text-decoration: none; }
.nav .nav-right { float: right; }
.nav .nav-right a { color: #cfe3ff; font-size: 12px; padding: 0 12px; }

/* ---------------- 搜索条 ---------------- */
.searchbar { background: #fff; border-top: 1px solid #e6e6e6; padding: 10px 0; }
.searchbar .sform { float: left; width: 620px; height: 34px; border: 2px solid #1576E1; }
.searchbar .sform input.kw { float: left; width: 460px; height: 30px; line-height: 30px;
  border: 0; padding: 0 10px; color: #333; }
.searchbar .sform select { float: left; width: 90px; height: 30px; border: 0; border-left: 1px solid #e6e6e6;
  background: #fff; color: #666; }
.searchbar .sform button { float: right; width: 66px; height: 30px; border: 0; background: #1576E1;
  color: #fff; cursor: pointer; font-size: 14px; }
.searchbar .shot { float: right; padding-top: 5px; font-size: 12px; color: #888; }
.searchbar .shot a { margin-left: 8px; color: #666; }

/* ---------------- 跑马灯 ---------------- */
.marquee { background: #fffdf0; border: 1px solid #f2e2a8; height: 36px; line-height: 36px;
  overflow: hidden; margin-top: 12px; padding: 0 12px; }
.marquee .tag { float: left; color: #e60012; font-weight: bold; margin-right: 12px; }
.marquee .txt { color: #8a6d00; font-size: 12px; overflow: hidden; white-space: nowrap; }

/* ---------------- 首页轮播 ---------------- */
.banner { margin-top: 12px; background: #fff; border: 1px solid #e2e6ec; padding: 6px; }
.bannerslide { position: relative; height: 340px; overflow: hidden; background: #fafbfc; }
.bannerslide .item { display: none; height: 340px; position: relative; }
.bannerslide .item.on { display: block; }
.bannerslide .item img { width: 100%; height: 340px; object-fit: cover; }
.bannerslide .item .cap { position: absolute; left: 0; bottom: 0; right: 0; padding: 14px 20px;
  background: rgba(23,44,69,.72); color: #fff; }
.bannerslide .item .cap h3 { font-size: 20px; }
.bannerslide .item .cap p { font-size: 13px; color: #cfe0f5; }
.bannerslide .dots { position: absolute; right: 16px; bottom: 12px; }
.bannerslide .dots b { display: inline-block; width: 22px; height: 6px; background: rgba(255,255,255,.5);
  margin-left: 4px; cursor: pointer; font-weight: normal; }
.bannerslide .dots b.on { background: #ffd24a; }

/* ---------------- 通用版块框 ---------------- */
.box { background: #fff; border: 1px solid #e2e6ec; margin-top: 15px; }
.box-hd { height: 40px; line-height: 40px; border-bottom: 1px solid #e2e6ec; padding: 0 14px;
  background: #f7f9fb; }
.box-hd h2 { float: left; font-size: 16px; color: #172C45; }
.box-hd h2 i { display: inline-block; width: 4px; height: 16px; background: #1576E1;
  margin-right: 8px; vertical-align: -2px; }
.box-hd .more { float: right; font-size: 12px; color: #888; }
.box-bd { padding: 14px; }

/* ---------------- 产品分类 Tab ---------------- */
.cat-tabs { border-bottom: 1px solid #e2e6ec; background: #f7f9fb; overflow: hidden; }
.cat-tabs li { float: left; }
.cat-tabs li a { display: block; padding: 0 20px; height: 40px; line-height: 40px; font-size: 14px; color: #555; }
.cat-tabs li.on a, .cat-tabs li a:hover { background: #fff; color: #1576E1; font-weight: bold;
  border-top: 2px solid #1576E1; text-decoration: none; }

/* ---------------- 产品卡片网格 ---------------- */
.plist { overflow: hidden; }
.plist li { float: left; width: 25%; padding: 10px; }
.plist.col5 li { width: 20%; }
.pcard { border: 1px solid #e6e9ee; height: 100%; transition: border-color .15s; background: #fff; }
.pcard:hover { border-color: #1576E1; }
.pcard .pic { display: block; height: 160px; background: #fafbfc; text-align: center; line-height: 160px; }
.pcard .pic img { max-width: 88%; max-height: 140px; }
.pcard .info { padding: 8px 10px 12px; }
.pcard .info h3 { font-size: 13px; height: 40px; overflow: hidden; line-height: 20px; }
.pcard .info h3 a { color: #333; }
.pcard .info .desc { font-size: 12px; color: #999; height: 20px; overflow: hidden; margin: 2px 0 6px; }
.pcard .info .price { color: #e60012; font-size: 16px; font-weight: bold; font-family: Arial; }
.pcard .info .price small { font-size: 12px; font-weight: normal; }
.pcard .info .oprice { color: #aaa; font-size: 12px; text-decoration: line-through; margin-left: 5px; }
.pcard .info .sales { float: right; color: #999; font-size: 12px; padding-top: 3px; }
.pcard .info .btn { display: block; margin-top: 8px; height: 28px; line-height: 28px; text-align: center;
  background: #f5f7fa; border: 1px solid #d9e0e8; color: #1576E1; font-size: 12px; }
.pcard .info .btn:hover { background: #1576E1; border-color: #1576E1; color: #fff; text-decoration: none; }
.badge { display: inline-block; background: #e60012; color: #fff; font-size: 11px; padding: 0 4px;
  line-height: 15px; vertical-align: 1px; margin-right: 4px; }
.badge.blue { background: #1576E1; } .badge.gray { background: #999; }

/* ---------------- 服务特色四宫格 ---------------- */
.feature { overflow: hidden; }
.feature li { float: left; width: 25%; padding: 16px 10px; text-align: center; border-right: 1px dashed #e2e6ec; }
.feature li:last-child { border-right: 0; }
.feature li .ico { width: 44px; height: 44px; line-height: 44px; margin: 0 auto 8px; border-radius: 50%;
  background: #eaf3fe; color: #1576E1; font-size: 20px; font-weight: bold; }
.feature li h3 { font-size: 14px; color: #172C45; margin-bottom: 4px; }
.feature li p { font-size: 12px; color: #888; }

.adv { overflow: hidden; }
.adv li { float: left; width: 33.33%; padding: 12px; }
.adv li .inner { border: 1px solid #e6e9ee; padding: 14px; background: #fbfcfe; }
.adv li h3 { font-size: 14px; color: #1576E1; margin-bottom: 6px; }
.adv li p { font-size: 12px; color: #777; line-height: 1.8; }

/* ---------------- 新闻 / 帮助 双栏 ---------------- */
.newslist li { padding: 8px 0; border-bottom: 1px dashed #e8ebef; overflow: hidden; }
.newslist li a { float: left; max-width: 74%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist li .t { float: right; color: #aaa; font-size: 12px; }
.newslist li .ico { display: inline-block; width: 16px; height: 14px; line-height: 14px; text-align: center;
  background: #1576E1; color: #fff; font-size: 10px; margin-right: 6px; vertical-align: 1px; }
.newstop { background: #e60012 !important; }
.helpgrid { overflow: hidden; }
.helpgrid li { float: left; width: 50%; padding: 8px 10px; }
.helpgrid li a { color: #444; }
.helpgrid li .q { color: #1576E1; font-weight: bold; margin-right: 4px; }

/* ---------------- 侧栏 ---------------- */
.side .box-bd { padding: 10px 14px; }
.side .telbox { text-align: center; padding: 16px 10px; }
.side .telbox .t { font-size: 20px; color: #e60012; font-weight: bold; font-family: Arial; }
.side .telbox p { font-size: 12px; color: #888; }
.rank li { padding: 8px 0; border-bottom: 1px dashed #e8ebef; overflow: hidden; }
.rank li .n { float: left; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #dfe4ea;
  color: #666; font-size: 11px; margin-right: 8px; }
.rank li .n.top { background: #e60012; color: #fff; }
.rank li .nm { float: left; width: 62%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
.rank li .p { float: right; color: #e60012; font-size: 12px; font-family: Arial; }

/* ---------------- 面包屑 ---------------- */
.crumb { height: 40px; line-height: 40px; font-size: 12px; color: #888; }
.crumb a { color: #666; }

/* ---------------- 商品详情 ---------------- */
.pdetail { overflow: hidden; }
.pdetail .gallery { float: left; width: 400px; text-align: center; padding: 10px; }
.pdetail .gallery .big { height: 300px; line-height: 300px; border: 1px solid #e6e9ee; background: #fafbfc; }
.pdetail .gallery .big img { max-width: 92%; max-height: 280px; }
.pdetail .pinfo { float: left; width: 560px; padding: 10px 0 0 20px; }
.pdetail .pinfo h1 { font-size: 20px; color: #172C45; line-height: 1.5; }
.pdetail .pinfo .sub { color: #888; font-size: 12px; margin: 6px 0 12px; }
.pricebox { background: #fff8f5; border: 1px solid #ffd9cc; padding: 12px 16px; }
.pricebox .now { font-size: 28px; color: #e60012; font-weight: bold; font-family: Arial; }
.pricebox .now small { font-size: 14px; }
.pricebox .old { color: #999; text-decoration: line-through; margin-left: 10px; font-size: 12px; }
.pricebox .row { font-size: 12px; color: #666; margin-top: 6px; }
.pricebox .row b { color: #e60012; }
.attr { margin-top: 12px; font-size: 12px; }
.attr tr td { padding: 6px 0; }
.attr tr td.k { width: 76px; color: #888; }
.qtybox { margin-top: 12px; }
.qtybox input { width: 56px; height: 30px; text-align: center; border: 1px solid #d9e0e8; }
.btn-main { display: inline-block; height: 38px; line-height: 38px; padding: 0 30px; background: #e60012;
  color: #fff; font-size: 15px; border: 0; cursor: pointer; }
.btn-main:hover { background: #c5000f; color: #fff; text-decoration: none; }
.btn-blue { display: inline-block; height: 38px; line-height: 38px; padding: 0 30px; background: #1576E1;
  color: #fff; font-size: 15px; border: 0; cursor: pointer; }
.btn-blue:hover { background: #0d5cb6; color: #fff; text-decoration: none; }
.btn-sm { display: inline-block; height: 26px; line-height: 26px; padding: 0 12px; background: #f5f7fa;
  border: 1px solid #d9e0e8; color: #1576E1; font-size: 12px; cursor: pointer; }
.btn-sm:hover { background: #1576E1; border-color: #1576E1; color: #fff; text-decoration: none; }
.btn-sm.danger { color: #e60012; }
.btn-sm.danger:hover { background: #e60012; border-color: #e60012; color: #fff; }
.btn-sm.gray { color: #666; }

/* ---------------- 表格 ---------------- */
table.tb { width: 100%; border-collapse: collapse; font-size: 12px; background: #fff; }
table.tb th { background: #f2f5f9; border: 1px solid #e2e6ec; padding: 9px 8px; color: #172C45;
  font-weight: bold; white-space: nowrap; }
table.tb td { border: 1px solid #e2e6ec; padding: 9px 8px; color: #444; }
table.tb tr:hover td { background: #fafcff; }
table.tb td.num { font-family: Arial; color: #e60012; font-weight: bold; }
.tagst { display: inline-block; padding: 1px 6px; font-size: 11px; border: 1px solid #d9e0e8;
  background: #f7f9fb; color: #666; }
.tagst.pending { border-color: #ffd9a0; background: #fff8ea; color: #b86b00; }
.tagst.paid { border-color: #a8d3ff; background: #eef6ff; color: #1576E1; }
.tagst.shipped { border-color: #b7e0c4; background: #f0fbf4; color: #218838; }
.tagst.done { border-color: #c9cdd4; background: #f2f4f7; color: #666; }
.tagst.cancelled { border-color: #e6e6e6; background: #f7f7f7; color: #999; }
.tagst.red { border-color: #ffc9c9; background: #fff2f2; color: #e60012; }

/* ---------------- 表单 ---------------- */
.form-row { margin-bottom: 14px; overflow: hidden; }
.form-row > label { float: left; width: 110px; text-align: right; padding-right: 12px; line-height: 34px;
  color: #666; font-size: 13px; }
.form-row .ctrl { margin-left: 122px; }
.form-row .ctrl input[type=text], .form-row .ctrl input[type=password], .form-row .ctrl input[type=email],
.form-row .ctrl input[type=number], .form-row .ctrl select, .form-row .ctrl textarea {
  width: 100%; max-width: 420px; padding: 7px 10px; border: 1px solid #d9e0e8; color: #333; background: #fff; }
.form-row .ctrl textarea { min-height: 90px; line-height: 1.7; }
.form-row .ctrl select { padding: 6px 8px; }
.form-row .ctrl .tip { color: #999; font-size: 12px; margin-top: 4px; }
.form-row.inline { margin-bottom: 10px; }
.form-box { background: #fff; border: 1px solid #e2e6ec; padding: 20px 24px; }
.form-box.wide .form-row .ctrl input[type=text], .form-box.wide .form-row .ctrl textarea,
.form-box.wide .form-row .ctrl select { max-width: 720px; }

/* ---------------- 分页 ---------------- */
.pager { text-align: center; padding: 20px 0 6px; }
.pager a, .pager span { display: inline-block; min-width: 30px; height: 30px; line-height: 28px; padding: 0 8px;
  border: 1px solid #d9e0e8; background: #fff; margin: 0 3px; font-size: 12px; color: #555; }
.pager span.cur { background: #1576E1; border-color: #1576E1; color: #fff; }
.pager a:hover { border-color: #1576E1; color: #1576E1; text-decoration: none; }
.pager .info { border: 0; background: none; color: #999; margin-right: 10px; }

/* ---------------- 提示条 ---------------- */
.flash { padding: 9px 14px; border: 1px solid; margin: 12px 0; font-size: 13px; }
.flash.success { border-color: #b7e0c4; background: #f0fbf4; color: #218838; }
.flash.danger { border-color: #ffc9c9; background: #fff2f2; color: #c5000f; }
.flash.warning { border-color: #ffd9a0; background: #fff8ea; color: #b86b00; }
.empty { text-align: center; padding: 60px 0; color: #999; }
.empty p { margin-bottom: 14px; font-size: 14px; }

/* ---------------- 页脚 ---------------- */
.footer { background: #172C45; color: #93a4b8; margin-top: 20px; padding: 24px 0 0; font-size: 12px; }
.footer .cols { overflow: hidden; padding-bottom: 20px; }
.footer .cols dl { float: left; width: 20%; }
.footer .cols dt { color: #fff; font-size: 14px; margin-bottom: 10px; font-weight: bold; }
.footer .cols dd { line-height: 2; }
.footer .cols dd a { color: #93a4b8; }
.footer .cols dd a:hover { color: #fff; }
.footer .copy { border-top: 1px solid #24405f; padding: 14px 0; text-align: center; color: #7e91a8; line-height: 2; }
.footer .copy a { color: #93a4b8; }
.footer .linkrow { border-top: 1px solid #24405f; padding: 12px 0; color: #7e91a8; }
.footer .linkrow a { color: #93a4b8; margin-right: 14px; }

/* ---------------- 后台 ---------------- */
.admin-body { background: #eef1f5; }
.admin-top { background: #172C45; height: 50px; line-height: 50px; color: #cfe0f5; }
.admin-top .brand { float: left; font-size: 17px; color: #fff; padding-left: 20px; font-weight: bold; }
.admin-top .brand span { color: #4a9eff; }
.admin-top .me { float: right; padding-right: 20px; font-size: 12px; }
.admin-top .me a { color: #cfe0f5; margin-left: 10px; }
.admin-layout { display: flex; min-height: calc(100vh - 50px); }
.admin-side { width: 180px; background: #1e3550; padding: 10px 0; flex: 0 0 180px; }
.admin-side a { display: block; padding: 11px 20px; color: #b9c6d6; font-size: 13px; border-left: 3px solid transparent; }
.admin-side a:hover { background: #172C45; color: #fff; text-decoration: none; }
.admin-side a.on { background: #1576E1; color: #fff; border-left-color: #ffd24a; }
.admin-side .grp { color: #6b8299; font-size: 11px; padding: 12px 20px 4px; letter-spacing: 1px; }
.admin-main { flex: 1; padding: 16px 20px 40px; min-width: 0; }
.admin-main .page-hd { font-size: 16px; color: #172C45; border-bottom: 2px solid #1576E1;
  padding-bottom: 10px; margin-bottom: 14px; overflow: hidden; }
.admin-main .page-hd .act { float: right; font-size: 12px; padding-top: 2px; }
.statgrid { overflow: hidden; margin-bottom: 4px; }
.statgrid .cell { float: left; width: 12.5%; padding: 0 5px; margin-bottom: 12px; }
.statgrid .cell .in { background: #fff; border: 1px solid #e2e6ec; padding: 12px; text-align: center; }
.statgrid .cell .n { font-size: 20px; color: #1576E1; font-weight: bold; font-family: Arial; }
.statgrid .cell .t { font-size: 12px; color: #777; margin-top: 2px; }
.toolbar { background: #fff; border: 1px solid #e2e6ec; padding: 10px 12px; margin-bottom: 12px; }
.toolbar input[type=text] { padding: 6px 9px; border: 1px solid #d9e0e8; width: 200px; }
.toolbar select { padding: 6px 8px; border: 1px solid #d9e0e8; background: #fff; }
.side-panel { background: #fff; border: 1px solid #e2e6ec; padding: 14px; }
.side-panel h3 { font-size: 14px; color: #172C45; margin-bottom: 10px; }

/* ===== 会员中心：左侧栏目布局 ===== */
.uc-layout { overflow: hidden; }
.uc-side { float: left; width: 178px; }
.uc-main { float: right; width: 1010px; min-width: 0; }
.uc-card { background: #fff; border: 1px solid #c9d6e4; }

/* 顶部会员块：深蓝渐变（老式 IDC 风） */
.uc-me { text-align: center; padding: 15px 10px 13px; color: #fff;
  background: linear-gradient(#2a5f96, #1c4272); border-bottom: 1px solid #c9d6e4; }
.uc-me .av { width: 54px; height: 54px; line-height: 54px; margin: 0 auto 8px; border-radius: 4px;
  background: #eaf2fb; border: 1px solid #b9cde4; color: #1c4272; font-size: 24px; font-weight: bold; }
.uc-me .nm { font-size: 14px; font-weight: bold; color: #fff; }
.uc-me .lv { font-size: 12px; color: #c6d8ee; margin-top: 4px; }

/* 分组标题：灰底 + 左侧蓝条 */
.uc-menu-hd { background: #e9eef5; border-top: 1px solid #c9d6e4; border-bottom: 1px solid #d6dfea;
  color: #1c4272; font-size: 12px; font-weight: bold; padding: 8px 12px 8px 10px;
  border-left: 3px solid #2a5f96; }
.uc-menu { border-bottom: 1px solid #d6dfea; }
.uc-menu li { border-top: 1px dotted #e3e9f1; }
.uc-menu li:first-child { border-top: 0; }
.uc-menu a { display: block; padding: 8px 12px 8px 24px; font-size: 13px; color: #40506a; position: relative; }
.uc-menu a::before { content: "▪"; position: absolute; left: 12px; top: 8px; color: #9bb0c8; font-size: 11px; }
.uc-menu a:hover { background: #eef5fd; color: #14487f; text-decoration: none; }
.uc-menu a.on { background: #eef5fd; color: #14487f; font-weight: bold; border-left: 3px solid #2a5f96; padding-left: 21px; }
.uc-menu a.on::before { color: #2a5f96; }
.uc-menu .num { float: right; color: #d0021b; font-family: Arial; font-size: 12px; }

/* 侧栏信息块：客服中心 / 会员须知 */
.uc-side .uc-tip, .uc-side .uc-notice { background: #fff; border: 1px solid #c9d6e4; padding: 10px 12px;
  margin-top: 10px; font-size: 12px; color: #5b6b80; line-height: 1.9; }
.uc-side .uc-tip b, .uc-side .uc-notice b { display: block; color: #1c4272; font-size: 12px;
  border-bottom: 1px dotted #d6dfea; padding-bottom: 6px; margin-bottom: 6px; }
.uc-side .uc-tip ul, .uc-side .uc-notice ol { list-style: none; margin: 0; padding: 0; }
.uc-side .uc-notice ol { counter-reset: ucno; }
.uc-side .uc-notice li { position: relative; padding-left: 16px; margin-bottom: 2px;
  border-bottom: 0; }
.uc-side .uc-notice li::before { counter-increment: ucno; content: counter(ucno) "."; position: absolute;
  left: 0; top: 0; color: #2a5f96; font-family: Arial; }
.uc-main .crumb { margin-top: 0; }

/* 内容区老式标题条（仅作用于会员中心内部，不影响全站） */
.uc-main .box { border: 1px solid #c9d6e4; }
.uc-main .box-hd { border-bottom: 1px solid #c9d6e4; background: linear-gradient(#2f68a2, #23548a); }
.uc-main .box-hd h2 { color: #fff; font-size: 14px; }
.uc-main .box-hd h2 i { background: #cfe2f7; }
.uc-main .box-hd .more, .uc-main .box-hd .more a { color: #d5e5f7; }
.uc-main .tb th { background: #e9eef5; color: #1c4272; border-color: #d6dfea; }
.uc-main .tb td { border-color: #e3e9f1; }
.uc-main .crumb { border-bottom: 1px dashed #d6dfea; }

/* 页脚「登录管理后台」小入口 */
.foot-admin { color: #8a94a6; font-size: 12px; }
.foot-admin:hover { color: #1576E1; }
.foot-admin-row { text-align: right; margin-top: 8px; border-top: 1px dashed #e2e6ec; padding-top: 8px; }

/* ================= 收银台 / 支付 ================= */
.paywrap { border: 1px solid #d3e0ec; background: #fff; margin-top: 10px; }
.payhead { background: #f2f7fc; border-bottom: 1px solid #d3e0ec; padding: 14px 20px; }
.payhead h2 { font-size: 16px; color: #16324f; margin: 0 0 8px; }
.paystep span { display: inline-block; font-size: 12px; color: #8797a8; margin-right: 22px; }
.paystep span.on { color: #0b4da2; font-weight: 700; }
.paybody { padding: 18px 20px; }
.payinfo { width: 720px; float: left; }
.payside { width: 300px; float: right; }
.payamount { text-align: right; margin-top: 14px; font-size: 13px; color: #444; }
.payamount b { font-size: 22px; color: #e60012; font-family: Arial; }
.paytypes { margin-top: 12px; }
.paytype { display: inline-block; border: 1px solid #d3e0ec; padding: 8px 16px; margin-right: 10px;
  cursor: pointer; font-size: 13px; background: #fafcff; }
.paytype:hover { border-color: #1576E1; }
.paytype input { margin-right: 6px; vertical-align: middle; }
.paybody::after { content: ""; display: block; clear: both; }

.mockpay { width: 560px; margin: 20px auto 40px; border: 1px solid #d3e0ec; background: #fff; }
.mockpay-hd { background: #1677ff; color: #fff; padding: 18px 20px; }
.mockpay-logo { font-size: 20px; font-weight: 700; letter-spacing: 2px; }
.mockpay-tag { font-size: 12px; opacity: .85; margin-top: 6px; }
.mockpay-bd { padding: 22px; }
.mockpay-amount { font-size: 34px; color: #e60012; font-family: Arial; font-weight: 700; }
.mockpay-sub { font-size: 12px; color: #8797a8; margin-top: 4px; }
.mockpay-qr { text-align: center; margin: 20px 0 18px; }
.mockpay-qrbox { width: 150px; height: 150px; line-height: 150px; margin: 0 auto; text-align: center;
  border: 1px dashed #b9c7d6; background: #f7fafd; color: #8797a8; font-size: 13px; }


/* ==================== 虚拟商品 & 收银台 ==================== */
.payways { margin-top: 12px; }
.payways .payform { display: inline-block; margin: 0 10px 10px 0; }
.paybtn { display: inline-block; min-width: 190px; height: 46px; line-height: 46px; padding: 0 24px;
  border: 0; border-radius: 4px; color: #fff; font-size: 16px; cursor: pointer; }
.paybtn.pay-alipay { background: #1677ff; }
.paybtn.pay-wxpay { background: #07c160; }
.paybtn.pay-qqpay { background: #12b7f5; }
.paybtn.pay-bank { background: #f08300; }
.paybtn:hover { opacity: .92; }
.deliver-box { background: #fffaf0; border: 1px solid #ffd9a8; padding: 14px; margin: 16px 0; }
.deliver-box .dh { font-weight: bold; color: #d46b08; margin-bottom: 8px; }
.deliver-box .dh .tips, .deliver-box .tips { font-weight: normal; color: #8a97a6; font-size: 12px; }
.deliver-box .dcode { white-space: pre-wrap; word-break: break-all; background: #fff; border: 1px dashed #ffd9a8;
  padding: 12px; font-size: 13px; line-height: 1.9; margin: 0 0 10px; font-family: Consolas, Menlo, monospace; }

/* ==========================================================================
   V3.0 前台组件层：补齐旧版共用组件
   （面板 / 提示条 / 按钮 / 徽标 / 表格 / 表单 / 会员中心 / 余额与充值 /
     收银台 / 购物车 / 商品详情 / 帮助 / 新闻 / 登录 / 工单）
   说明：本层只新增定义、不修改上方既有样式；桌面端布局与 V3.0 保持一致。
   ========================================================================== */

/* ---------------- 通用面板 ---------------- */
.panel { background: #fff; border: 1px solid #e3e8ef; margin-bottom: 12px; }
.panel-hd { height: 38px; line-height: 38px; padding: 0 14px; background: #f5f8fb; border-bottom: 1px solid #e3e8ef; }
.panel-hd h3 { float: left; font-size: 14px; color: #172C45; }
.panel-hd .more { float: right; font-weight: normal; font-size: 12px; color: #8a97a6; }
.panel-hd .more a { color: #1576E1; }
.panel-bd { padding: 14px; }
.panel-bd.nopad { padding: 0; }

/* ---------------- 提示条 ---------------- */
.msg { padding: 9px 12px; margin-bottom: 12px; border: 1px solid #dbe2ea; background: #f7f9fc;
  color: #5b6b80; font-size: 13px; line-height: 1.8; }
.msg-ok { border-color: #b7e0c4; background: #f1fbf5; color: #218838; }
.msg-err { border-color: #ffc9c9; background: #fff3f3; color: #c5000f; }
.msg-warn { border-color: #ffd9a8; background: #fffaf0; color: #b86b00; }
.msg a { color: #1576E1; text-decoration: underline; }

/* ---------------- 链接与工具类 ---------------- */
.link, .linkbtn { color: #1576E1; }
.link:hover, .linkbtn:hover { color: #0d5cb6; text-decoration: underline; }
.linkbtn { display: inline; padding: 0; border: 0; background: none;
  font-family: inherit; font-size: 13px; color: #1576E1; cursor: pointer; }
.tl { text-align: left; }
.need { color: #e60012; }
.tips { margin-top: 8px; font-size: 12px; color: #8a97a6; line-height: 1.8; }
.note { margin-top: 4px; font-size: 12px; color: #98a4b5; }

/* ---------------- 按钮补充：橙 / 灰 / 大号 / 通栏 ---------------- */
.btn-orange, .btn-gray { display: inline-block; height: 32px; line-height: 30px; padding: 0 16px;
  box-sizing: border-box; border: 1px solid transparent; border-radius: 2px;
  font-size: 13px; text-align: center; cursor: pointer; }
.btn-orange { background: #e60012; border-color: #e60012; color: #fff; }
.btn-orange:hover { background: #c5000f; border-color: #c5000f; color: #fff; text-decoration: none; }
.btn-gray { background: #f6f8fa; border-color: #d9e0e8; color: #55606f; }
.btn-gray:hover { background: #eef2f6; border-color: #c9d3dd; color: #1576E1; text-decoration: none; }
.btn-lg { height: 40px; line-height: 38px; padding: 0 26px; font-size: 15px; }
.btn-block { display: block; width: 100%; box-sizing: border-box; text-align: center; }

/* ---------------- 徽标 / 状态 ---------------- */
.tag { display: inline-block; padding: 1px 8px; border: 1px solid #dbe2ea; background: #f5f8fb;
  color: #5b6b80; font-size: 12px; line-height: 18px; border-radius: 2px; }
.tag-ok { border-color: #b7e0c4; background: #f1fbf5; color: #218838; }
.st { display: inline-block; padding: 1px 7px; border: 1px solid #dbe2ea; background: #f5f8fb;
  color: #5b6b80; font-size: 12px; line-height: 18px; border-radius: 2px; white-space: nowrap; }
.st-pending { border-color: #ffd9a8; background: #fffaf0; color: #b86b00; }
.st-paid { border-color: #a8d3ff; background: #eef6ff; color: #1576E1; }
.st-shipped { border-color: #b7e0c4; background: #f1fbf5; color: #218838; }
.st-done { border-color: #cfd6de; background: #f2f4f7; color: #55606f; }
.st-cancelled { border-color: #e3e8ef; background: #f7f8fa; color: #98a4b5; }
.st-failed { border-color: #ffc9c9; background: #fff3f3; color: #c5000f; }
.st-t-open { border-color: #ffd9a8; background: #fffaf0; color: #b86b00; }
.st-t-processing { border-color: #a8d3ff; background: #eef6ff; color: #1576E1; }
.st-t-closed { border-color: #e3e8ef; background: #f7f8fa; color: #98a4b5; }

/* ---------------- 表格补充 ---------------- */
table.tb td.tl, table.tb th.tl { text-align: left; }
table.tb td.ops { white-space: nowrap; }
table.tb td.ops .link, table.tb td.ops .linkbtn { margin-right: 10px; }
table.tb td.ops > form { display: inline; }
table.tb tr.sumrow td { background: #f7fafd; font-weight: bold; }
table.tb tr.sumrow td.tr { text-align: right; }

/* ---------------- 参数表（info-tb / pd-tb） ---------------- */
table.info-tb, table.pd-tb { width: 100%; border-collapse: collapse; }
table.info-tb td, table.pd-tb td { padding: 8px 10px; border: 1px solid #e7ecf2;
  font-size: 13px; color: #444; line-height: 1.7; vertical-align: top; }
table.info-tb td.k, table.pd-tb td.k { width: 104px; background: #f5f8fb; color: #172C45; font-weight: bold; }
table.pd-tb td.k { white-space: normal; }

/* ---------------- 表单（form-h：左标签 + 右控件） ---------------- */
.form-h { overflow: hidden; }
.form-h .fr { float: none; clear: both; overflow: hidden; margin-bottom: 12px; }
.form-h .fr > label { float: left; width: 96px; padding-right: 12px; line-height: 32px;
  text-align: right; font-size: 13px; color: #55606f; }
.form-h .fr > label i { margin-left: 2px; color: #e60012; font-style: normal; }
.form-h .fc { margin-left: 108px; }
.form-h .fc input[type="text"], .form-h .fc input[type="password"], .form-h .fc select,
.form-h .fc textarea { width: 100%; max-width: 440px; box-sizing: border-box; padding: 7px 9px;
  border: 1px solid #d9e0e8; border-radius: 2px; font-family: inherit; font-size: 13px; color: #333; }
.form-h .fc textarea { max-width: 100%; line-height: 1.7; }
.form-h .fc input[disabled] { background: #f5f7fa; color: #98a4b5; }
.form-h .cb { display: inline-block; margin: 0 16px 4px 0; font-size: 13px; color: #55606f; line-height: 30px; }

/* ---------------- 会员中心：会员卡 / 侧栏菜单 / 客服块 ---------------- */
.uc { overflow: hidden; }
.uc-user { padding: 16px 12px 14px; border: 1px solid #c8d6e5; border-bottom: 0;
  background: linear-gradient(#2a5f96, #1c4272); color: #fff; text-align: center; }
.uc-user .avatar { width: 56px; height: 56px; line-height: 56px; margin: 0 auto 8px;
  border: 1px solid #b9cde4; border-radius: 4px; background: #eaf2fb; color: #1c4272;
  font-size: 24px; font-weight: bold; }
.uc-user .uname { font-size: 14px; font-weight: bold; }
.uc-user .uid, .uc-user .urole { margin-top: 3px; font-size: 12px; color: #c6d8ee; }
.uc-user .ubal { margin-top: 10px; padding-top: 8px; border-top: 1px dashed #4d7aa9;
  font-size: 12px; color: #c6d8ee; }
.uc-user .ubal b { display: block; margin-top: 2px; font-family: Arial; font-size: 22px; color: #ffd24a; }
.uc-user .ubal-btn { display: block; height: 30px; line-height: 30px; margin-top: 9px;
  border-radius: 2px; background: #ffd24a; color: #5a3d00; font-size: 13px; font-weight: bold; }
.uc-user .ubal-btn:hover { background: #ffc41f; color: #5a3d00; text-decoration: none; }
.uc-menu { margin: 0; padding: 0; border: 1px solid #c8d6e5; border-top: 0; background: #fff; }
.uc-menu dt { padding: 8px 12px 8px 10px; border-top: 1px solid #c9d6e4; border-bottom: 1px solid #d6dfea;
  border-left: 3px solid #2a5f96; background: #e9eef5; color: #1c4272; font-size: 12px; font-weight: bold; }
.uc-menu dd { margin: 0; border-top: 1px dotted #e3e9f1; }
.uc-menu dd:first-of-type { border-top: 0; }
.uc-menu dd > a { display: block; padding: 8px 12px 8px 24px; }
.uc-menu dd > a:hover { background: #eef5fd; color: #14487f; text-decoration: none; }
.uc-menu dd.on > a { background: #eef5fd; color: #14487f; font-weight: bold;
  border-left: 3px solid #2a5f96; padding-left: 21px; }
.uc-menu dd.on > a::before { color: #2a5f96; }
.uc-tel { margin-top: 10px; padding: 10px 12px; border: 1px solid #c9d6e4; background: #fff;
  text-align: center; font-size: 12px; color: #5b6b80; line-height: 1.9; }
.uc-tel p { margin: 0; }
.uc-tel .t { margin: 2px 0 4px; font-family: Arial; font-size: 18px; font-weight: bold; color: #e60012; }
.uc-tel .btn-blue { display: inline-block; height: 32px; line-height: 32px; padding: 0 18px;
  margin-top: 10px; font-size: 13px; }

/* ---------------- 会员中心：订单统计 ---------------- */
.statlist { margin: 0; padding: 0; list-style: none; }
.statlist li { float: left; width: 25%; padding: 8px 0; box-sizing: border-box; text-align: center; }
.statlist .n { font-family: Arial; font-size: 22px; font-weight: bold; color: #172C45; }
.statlist .t { margin-top: 3px; font-size: 12px; color: #8a97a6; }

/* ---------------- 余额卡片（会员中心 / 充值 / 结算通用） ---------------- */
.balcard { display: flex; align-items: center; justify-content: space-between; gap: 14px;
  overflow: hidden; padding: 16px 18px; margin-bottom: 12px; border-radius: 3px;
  background: linear-gradient(135deg, #2a5f96, #1b3f6b); color: #fff; }
.balcard-l { min-width: 0; }
.balcard-l .lb { font-size: 12px; color: #bcd3ea; }
.balcard-l .bal { margin: 2px 0 4px; font-family: Arial; font-size: 30px; font-weight: bold;
  line-height: 1.2; color: #ffd24a; }
.balcard-l .sub { font-size: 12px; color: #a9c2dc; }
.balcard-r { flex: 0 0 auto; }
.balcard-r .btn-orange { height: 34px; line-height: 32px; padding: 0 20px; }
.balcard .tag { border-color: rgba(255, 255, 255, .45); background: rgba(255, 255, 255, .14); color: #fff; }

/* ---------------- 充值中心 ---------------- */
.rc-form { margin: 0; }
.rc-block { padding: 14px; margin-bottom: 12px; border: 1px solid #e7ecf2; background: #fbfcfe; }
.rc-title { margin-bottom: 12px; padding-left: 9px; border-left: 3px solid #1576E1;
  font-size: 13px; font-weight: bold; color: #172C45; }
.amt-grid { margin: 0 0 6px; padding: 0; list-style: none; overflow: hidden; }
.amt-grid li { float: left; width: 16.666%; padding: 0 6px 10px 0; box-sizing: border-box; }
.amt-grid::after { content: ""; display: block; clear: both; }
.amt { display: block; width: 100%; height: 40px; line-height: 38px; border: 1px solid #d9e0e8;
  border-radius: 2px; background: #fff; color: #172C45; font-family: Arial; font-size: 15px;
  font-weight: bold; cursor: pointer; }
.amt:hover { border-color: #1576E1; color: #1576E1; }
.amt.on { border-color: #e60012; background: #fff5f5; color: #e60012; }
.amt-custom { overflow: hidden; padding-top: 4px; }
.amt-custom > label { float: left; width: 80px; line-height: 38px; font-size: 13px; color: #55606f; }
.amt-inputwrap { position: relative; float: left; width: 280px; }
.amt-inputwrap .yen { position: absolute; left: 12px; top: 0; line-height: 38px;
  font-family: Arial; font-size: 16px; color: #e60012; }
.amt-inputwrap input { width: 100%; height: 38px; box-sizing: border-box; padding: 0 10px 0 30px;
  border: 1px solid #d9e0e8; border-radius: 2px; font-family: Arial; font-size: 16px; color: #e60012; }
.amt-inputwrap input:focus { border-color: #1576E1; outline: none; }
.amt-tip { clear: both; padding-top: 8px; font-size: 12px; color: #8a97a6; line-height: 1.8; }
.payways-rc { margin: 0; }
.payway { display: inline-block; margin: 0 10px 10px 0; padding: 10px 18px; border: 1px solid #d9e0e8;
  border-radius: 2px; background: #fff; font-size: 13px; color: #55606f; cursor: pointer; }
.payway:hover { border-color: #1576E1; }
.payway:has(input:checked) { border-color: #e60012; background: #fff8f8; }
.payway input { margin-right: 8px; vertical-align: middle; }
.payway .pw { font-weight: bold; }
.rc-submit { padding: 4px 0 2px; }
.rc-submit .btn-orange { min-width: 180px; }
.rc-submit .tip { margin-left: 10px; font-size: 12px; color: #8a97a6; }
.rc-notice { margin-top: 14px; padding: 14px; border: 1px solid #e7ecf2; background: #fbfcfe; }
.rc-notice .dh { margin-bottom: 8px; font-size: 13px; font-weight: bold; color: #172C45; }
.rc-notice p { margin: 0 0 8px; font-size: 13px; color: #5b6b80; line-height: 1.9; }
.noticelist { margin: 0; padding: 0; list-style: none; }
.noticelist li { position: relative; padding-left: 14px; font-size: 12px; color: #7a8798; line-height: 1.9; }
.noticelist li::before { content: "·"; position: absolute; left: 4px; top: 0; color: #1576E1; font-weight: bold; }

/* ---------------- 收银台（余额支付 / 充值支付） ---------------- */
.paybox { padding: 16px 18px; border: 1px solid #d3e0ec; background: #fff; }
.paybox .payamount { margin: 0 0 14px; text-align: right; font-size: 13px; color: #55606f; }
.paybox .payamount .n { font-family: Arial; font-size: 28px; font-weight: bold; color: #e60012; }
.paybal-tag { color: #1576E1; }
.balpay { padding: 12px 14px; margin-bottom: 14px; border: 1px solid #d3e0ec; background: #f7fafd; }
.balpay.ok { border-color: #b7e0c4; background: #f4fbf6; }
.balpay.lack { border-color: #ffc9c9; background: #fff6f6; }
.bp-row { display: flex; justify-content: space-between; padding: 5px 0; font-size: 13px; color: #55606f; }
.bp-row .lb { color: #7d8b9b; }
.bp-row .val { font-family: Arial; font-weight: bold; color: #172C45; }
.bp-row .val.need { color: #e60012; }
.bp-row.bp-sum { margin-top: 6px; padding-top: 8px; border-top: 1px dashed #d3e0ec; }
.payform-bal { margin: 0 0 4px; }
.btns { margin-top: 12px; }
.btns .btn-gray { margin-right: 8px; }
.btns-block .btn-lg { display: block; width: 100%; box-sizing: border-box; margin-bottom: 10px; }
.payfixed { padding: 10px 12px; border: 1px solid #b7e0c4; background: #f1fbf5; font-size: 13px; }
.payfixed-name { margin-right: 8px; font-weight: bold; color: #218838; }
.payfixed-tip { font-size: 12px; color: #5b7a63; }
.order-sum { margin: 14px 0 16px; }

/* ---------------- 购物车 ---------------- */
.cartp { display: flex; align-items: center; }
.cartp img { width: 56px; height: 56px; margin-right: 10px; border: 1px solid #e7ecf2; background: #fff; }
.cartp span { color: #333; }
.cartp:hover span { color: #1576E1; }
.qty-in { width: 64px; height: 30px; box-sizing: border-box; padding: 0 6px;
  border: 1px solid #d9e0e8; text-align: center; font-family: Arial; }
.del { font-size: 12px; color: #8a97a6; cursor: pointer; }
.cartfoot { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e7ecf2; }
.cartfoot .fl .btn-blue, .cartfoot .fl .btn-gray { height: 32px; line-height: 30px; padding: 0 14px; margin-right: 8px; }
.cartfoot .tip { font-size: 12px; color: #98a4b5; }
.cartotal { font-size: 13px; color: #55606f; line-height: 32px; }
.cartotal .price { margin: 0 12px 0 4px; font-family: Arial; font-size: 22px; font-weight: bold; color: #e60012; }
.cartotal .price small { font-size: 14px; }

/* ---------------- 商品详情 ---------------- */
.pdetail { overflow: hidden; }
.pd-pic { float: left; width: 420px; }
.pd-pic .big { height: 320px; line-height: 320px; border: 1px solid #e7ecf2; background: #fff; text-align: center; }
.pd-pic .big img { max-width: 92%; max-height: 300px; vertical-align: middle; }
.pd-info { float: left; width: 750px; padding: 6px 0 0 20px; box-sizing: border-box; }
.pd-info h1 { font-size: 20px; color: #172C45; line-height: 1.5; }
.pd-info .sub { margin: 6px 0 12px; font-size: 13px; color: #8a97a6; line-height: 1.8; }
.pd-price { padding: 12px 14px; border: 1px solid #f2e2e2; background: #fffafa; }
.pd-price .now { font-family: Arial; font-size: 28px; font-weight: bold; color: #e60012; }
.pd-price .old { margin-left: 12px; font-size: 13px; color: #98a4b5; text-decoration: line-through; }
.pd-price .stat { display: block; margin-top: 4px; font-size: 12px; color: #8a97a6; }
.pd-tb { margin: 12px 0 0; }
.buyform { margin-top: 14px; overflow: hidden; }
.buyform .qty { float: left; margin-right: 16px; }
.buyform .qty span { float: left; line-height: 36px; font-size: 13px; color: #55606f; }
.buyform .qty .minus, .buyform .qty .plus { float: left; width: 32px; height: 36px;
  line-height: 34px; border: 1px solid #d9e0e8; background: #f7f9fb; color: #55606f;
  text-align: center; font-size: 16px; }
.buyform .qty .minus:hover, .buyform .qty .plus:hover { color: #1576E1; text-decoration: none; }
.buyform .qty input { float: left; width: 56px; height: 36px; box-sizing: border-box;
  border: 1px solid #d9e0e8; border-left: 0; border-right: 0; text-align: center;
  font-family: Arial; font-size: 14px; }
.buyform .btns { float: left; margin-top: 0; }
.buyform .btns .btn-orange, .buyform .btns .btn-blue { height: 36px; line-height: 34px; padding: 0 22px; }
.pd-tip { clear: both; margin-top: 14px; padding: 9px 12px; border: 1px solid #ffd9a8;
  background: #fffaf0; font-size: 12px; color: #b86b00; line-height: 1.8; }
.detail-body { font-size: 13px; color: #444; line-height: 1.9; }
.detail-body img { max-width: 100%; height: auto; }

/* ---------------- 帮助中心 ---------------- */
.help-layout { overflow: hidden; }
.help-side { float: left; width: 240px; }
.help-main { float: right; width: 940px; min-width: 0; }
.help-cats { margin: 0; padding: 0; }
.help-cats dd { margin: 0; border-top: 1px dotted #e3e9f1; }
.help-cats dd:first-child { border-top: 0; }
.help-cats dd > a { display: block; position: relative; padding: 9px 12px 9px 22px;
  font-size: 13px; color: #40506a; }
.help-cats dd > a::before { content: "▪"; position: absolute; left: 10px; top: 9px;
  color: #9bb0c8; font-size: 11px; }
.help-cats dd > a:hover { background: #eef5fd; color: #14487f; text-decoration: none; }
.help-cats dd.on > a { background: #eef5fd; color: #14487f; font-weight: bold; }
.help-cats dd.on > a::before { color: #2a5f96; }
.help-cats .num { float: right; color: #98a4b5; font-family: Arial; }
.side-tip { margin: 0 0 10px; font-size: 12px; color: #7a8798; line-height: 1.9; }
.side-tip b { color: #e60012; }
.helplist { margin: 0; padding: 0; list-style: none; }
.helplist li { padding: 10px 0; border-bottom: 1px dashed #e8ebef; }
.helplist li:last-child { border-bottom: 0; padding-bottom: 0; }
.helplist .tt a { font-size: 14px; color: #172C45; }
.helplist .tt a:hover { color: #1576E1; }
.helplist .dd { margin-top: 4px; font-size: 12px; color: #8a97a6; line-height: 1.8; }
.side-list { margin: 0; padding: 0; list-style: none; }
.side-list li { padding: 6px 0; border-bottom: 1px dotted #eaedf1; font-size: 13px; color: #55606f; }
.side-list li:last-child { border-bottom: 0; }
.side-list li a { color: #40506a; }
.side-list li a:hover { color: #1576E1; }
.side-list li .num { float: right; color: #98a4b5; font-family: Arial; font-size: 12px; }
.hotdocs li .tt a { font-size: 13px; }

/* ---------------- 新闻 / 公告 ---------------- */
.news-layout { overflow: hidden; }
.news-left { float: left; width: 880px; }
.news-right { float: right; width: 300px; }
.newslist .tt a { font-size: 14px; color: #172C45; }
.newslist .tt a:hover { color: #1576E1; }
.newslist .dd { margin-top: 4px; font-size: 12px; color: #8a97a6; line-height: 1.8; }
.newslist .meta { margin-top: 5px; font-size: 12px; color: #98a4b5; }
.newslist .meta .cat { display: inline-block; padding: 1px 7px; margin-right: 8px;
  border: 1px solid #dbe2ea; border-radius: 2px; background: #f5f8fb; color: #5b6b80; }
.newslist .tag-top { display: inline-block; padding: 0 6px; margin-right: 6px;
  border-radius: 2px; background: #e60012; color: #fff; font-size: 11px; line-height: 16px; }
.news-title { margin: 0 0 10px; font-size: 20px; color: #172C45; line-height: 1.5; text-align: center; }
.news-meta { padding-bottom: 10px; margin-bottom: 14px; border-bottom: 1px dashed #e8ebef;
  text-align: center; font-size: 12px; color: #98a4b5; }
.news-content { font-size: 14px; color: #333; line-height: 2; word-break: break-word; }
.news-content p { margin-bottom: 12px; }
.news-content img { max-width: 100%; height: auto; }
.prevnext { margin-top: 18px; padding-top: 12px; border-top: 1px dashed #e8ebef; font-size: 13px; }
.prevnext .pn { padding: 4px 0; color: #8a97a6; }
.prevnext .pn a { color: #1576E1; }
.side-info { margin: 0; padding: 0; list-style: none; }
.side-info li { padding: 6px 0; border-bottom: 1px dotted #eaedf1; font-size: 13px; color: #55606f; }
.side-info li:last-child { border-bottom: 0; }
.side-info li b { color: #172C45; }
.side-info li span { float: right; color: #8a97a6; font-family: Arial; }
.side-empty { padding: 18px 0; text-align: center; font-size: 13px; color: #98a4b5; }
.side-info + .btn-block, .btn-block + .btn-block { margin-top: 8px; }

/* ---------------- 登录 / 注册 ---------------- */
.loginwrap { overflow: hidden; }
.login-banner { float: left; width: 640px; padding: 40px 30px; box-sizing: border-box;
  background: linear-gradient(135deg, #2a5f96, #1b3f6b); color: #fff; }
.login-banner h2 { font-size: 22px; color: #fff; }
.login-banner p { margin-top: 8px; font-size: 13px; color: #bcd3ea; }
.login-banner ul { margin: 20px 0 0; padding: 0; list-style: none; }
.login-banner li { font-size: 13px; color: #dbe8f6; line-height: 2.1; }
.login-banner .contact { margin-top: 20px; padding-top: 14px; border-top: 1px dashed #4d7aa9;
  font-size: 12px; color: #bcd3ea; }
.login-banner .contact p { margin: 3px 0; }
.login-box { float: right; width: 520px; padding: 26px 30px; box-sizing: border-box;
  border: 1px solid #e3e8ef; background: #fff; }
.login-box h3 { padding-bottom: 10px; margin-bottom: 16px; border-bottom: 1px solid #eef1f5;
  font-size: 16px; color: #172C45; }
.login-box .row { margin-bottom: 14px; }
.login-box .row label { display: block; margin-bottom: 6px; font-size: 13px; color: #55606f; }
.login-box .row input { width: 100%; height: 38px; box-sizing: border-box; padding: 0 10px;
  border: 1px solid #d9e0e8; border-radius: 2px; font-size: 14px; }
.login-box .row input:focus { border-color: #1576E1; outline: none; }
.login-box .btnrow { margin-top: 20px; margin-bottom: 0; }
.login-box .btn-blue.btn-block { height: 40px; line-height: 40px; font-size: 15px; }
.login-foot { margin-top: 14px; text-align: center; font-size: 13px; color: #8a97a6; }
.login-foot a { color: #1576E1; }
.login-foot .sep { margin: 0 8px; color: #dfe4ea; }
.login-tip { margin-top: 12px; padding-top: 10px; border-top: 1px dotted #e8ebef;
  font-size: 12px; color: #98a4b5; line-height: 1.8; }

/* ---------------- 工单会话 ---------------- */
.chat { margin-bottom: 14px; }
.chat-item { margin-bottom: 12px; }
.chat-item .chat-hd { margin-bottom: 5px; font-size: 12px; color: #8a97a6; }
.chat-item .chat-hd b { margin-right: 8px; font-size: 13px; color: #172C45; }
.chat-item .chat-bd { padding: 11px 13px; border: 1px solid #e3e8ef; background: #f7f9fc;
  font-size: 13px; color: #444; line-height: 1.9; }
.chat-item.me .chat-bd { border-color: #cfe0f5; background: #f2f7fd; }
.chat-item.staff .chat-bd { border-color: #ffe0b8; background: #fffaf0; }
.reply-form textarea { width: 100%; box-sizing: border-box; padding: 10px;
  border: 1px solid #d9e0e8; border-radius: 2px; font-family: inherit; font-size: 13px; line-height: 1.8; }

/* ---------------- 订单状态条 ---------------- */
.order-state { padding: 14px 16px; margin-bottom: 14px; border: 1px solid #e3e8ef; background: #fafcfe; }
.order-state .s1 { font-size: 18px; font-weight: bold; color: #172C45; }
.order-state .s2 { margin-top: 4px; font-size: 12px; color: #8a97a6; }
.order-state.st-box-pending { border-color: #ffd9a8; background: #fffaf0; }
.order-state.st-box-pending .s1 { color: #b86b00; }
.order-state.st-box-paid { border-color: #a8d3ff; background: #eef6ff; }
.order-state.st-box-paid .s1 { color: #1576E1; }
.order-state.st-box-shipped { border-color: #b7e0c4; background: #f1fbf5; }
.order-state.st-box-shipped .s1 { color: #218838; }
.order-state.st-box-done { border-color: #b7e0c4; background: #f1fbf5; }
.order-state.st-box-done .s1 { color: #218838; }
.order-state.st-box-cancelled { border-color: #e3e8ef; background: #f7f8fa; }
.order-state.st-box-cancelled .s1 { color: #98a4b5; }

/* ---------------- 顶部余额入口 ---------------- */
.balmin { color: #ffd24a; }
.balmin:hover { color: #fff; }
.balbtn { display: inline-block; height: 20px; line-height: 18px; padding: 0 8px; margin-left: 6px;
  border: 1px solid #ffd24a; border-radius: 2px; color: #ffd24a; font-size: 12px; }
.balbtn:hover { background: #ffd24a; color: #172C45; text-decoration: none; }

/* ==================== 移动端适配（≤768px） ==================== */
@media (max-width: 768px) {
  body { font-size: 13px; }
  .wrap { width: auto; padding: 0 10px; box-sizing: border-box; }
  .topbar { height: auto; line-height: 22px; padding: 4px 0; }
  .topbar .wrap > span, .topbar .sep { display: none; }
  .topbar-right { float: none; }
  .topbar-right a { display: inline-block; padding: 2px 6px; }
  .header { padding: 10px 0; }
  .header .logo { float: none; }
  .header .logo .logoimg { width: 42px; height: 42px; }
  .header .logo .logotxt h1 { font-size: 20px; letter-spacing: 1px; }
  .header .logo .logotxt p { letter-spacing: 1px; }
  .header .hcontact { float: none; text-align: left; padding-top: 6px; }
  .header .hcontact .tel { font-size: 18px; }
  .nav { height: auto; line-height: 40px; }
  .nav ul { float: none; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .nav li { float: none; display: inline-block; }
  .nav li a { display: inline-block; padding: 0 12px; font-size: 13px; }
  .nav .nav-right { display: none; }
  .searchbar { padding: 8px 0; }
  .searchbar .sform { float: none; width: auto; }
  .searchbar .sform input.kw { width: 55%; }
  .searchbar .shot { display: none; }
  .plist li { width: 50%; padding: 6px; }
  .helpgrid li { width: 100%; }
  .statgrid .cell { width: 33.33%; }
  .uc-side { float: none; width: auto; margin-bottom: 12px; }
  .uc-main { float: none; width: auto; }
  .tb, .tbl, .info-tb { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .panel-hd h3 { font-size: 15px; }
  .box-hd { height: auto; line-height: 34px; padding: 0 10px; }
  form label { float: none; display: inline-block; width: auto; text-align: left; }
  input[type=text], input[type=password], input[type=email], textarea, select { max-width: 100%; box-sizing: border-box; }
  .fr input[type=text], .fr input[type=password], .fr textarea { width: 100%; }
  .payways .payform { display: block; margin: 0 0 10px; }
  .paybtn { display: block; width: 100%; min-width: 0; height: 44px; line-height: 44px; }
  .btns .btn-orange, .btns .btn-blue, .btns .btn-green, .btns .btn-gray { display: block; width: 100%; margin: 0 0 10px; box-sizing: border-box; }
  .crumb { line-height: 22px; }
}


/* ===== V3.0 移动端体验修复：表格卡片化 / 参数表上下结构 / 页脚防挤压 / 导航换行 ===== */
@media (max-width: 768px) {
  /* 顶部导航：改为换行排列，避免横向溢出屏幕 */
  .nav ul { white-space: normal; overflow: visible; display: flex; flex-wrap: wrap; }
  .nav li { display: block; float: none; }
  .nav li a { display: block; padding: 0 11px; line-height: 38px; font-size: 13px; }

  /* 列表表格 → 手机卡片式（每行一卡，字段名自动加前缀） */
  table.tb { display: block; width: 100%; font-size: 13px; }
  table.tb tr.hd, table.tb thead { display: none; }
  table.tb tr { display: block; background: #fff; border: 1px solid #e3e9f1; border-radius: 4px;
                margin-bottom: 10px; padding: 4px 10px; }
  table.tb td, table.tb th { display: block; width: auto !important; border: 0;
                             border-bottom: 1px dashed #eef2f7; padding: 7px 0;
                             text-align: left !important; word-break: break-word; }
  table.tb tr td:last-child { border-bottom: 0; }
  table.tb td[data-th]::before { content: attr(data-th) "："; color: #8a97a6; }
  table.tb td.price-td { color: #e60012; font-weight: bold; }
  .uc-main table.tb tr:hover td { background: transparent; }
  table.tb tr.sumrow { display: flex; justify-content: space-between; align-items: center;
                       background: #f7fafd; border: 0; border-radius: 4px; padding: 8px 10px; }
  table.tb tr.sumrow td { border: 0; padding: 0 !important; }
  table.tb tr.sumrow td.tr { text-align: left !important; }
  table.tb .ops .link, table.tb .ops .linkbtn { display: inline-block; margin-right: 12px; padding: 2px 0; }

  /* 商品参数 / 订单信息表 → 标签在上、值在下的上下结构，杜绝文字竖排挤压 */
  .pd-tb, .info-tb { display: block; width: 100% !important; border-collapse: collapse; }
  .pd-tb tr, .info-tb tr { display: block; border: 1px solid #e3e9f1; border-bottom: 0; }
  .pd-tb tr:last-child, .info-tb tr:last-child { border-bottom: 1px solid #e3e9f1; }
  .pd-tb td, .pd-tb th, .info-tb td, .info-tb th { display: block; width: auto !important;
        border: 0 !important; padding: 7px 10px; text-align: left !important; word-break: break-word; }
  .pd-tb td.k, .pd-tb th, .info-tb th { background: #f2f5f9; color: #172C45; font-weight: bold; }
  .info-tb td, .pd-tb td { background: #fff; }
  .attr tr td.k { width: auto !important; }

  /* 页脚：两列排布 + 允许断行，避免文字被裁切 */
  .footer { padding-top: 18px; }
  .footer .cols dl { float: none; display: inline-block; vertical-align: top; width: 49%;
                     box-sizing: border-box; margin-bottom: 10px; word-break: break-word; }
  .footer .cols dt { margin-bottom: 6px; }
  .footer .cols dd { line-height: 1.9; }
  .footer .copy, .footer .linkrow { line-height: 1.9; word-break: break-word; padding: 10px 8px; }
  .footer .linkrow a { display: inline-block; margin: 0 10px 4px 0; }

  /* 提升手机可点击性 */
  .topbar-right a { display: inline-block; padding: 4px 8px; }
  .topbar-right .sep { display: inline; }
  .noticelist li { line-height: 1.9; }
  .uc-side a { padding: 10px 12px; }
  .link, .linkbtn { padding: 2px 0; display: inline-block; }
}

/* 首页双栏（原为内联写死宽度） */
.main-col { width: 905px; }
.side-col { width: 280px; }

@media (max-width: 768px) {
  .main-col, .side-col { float: none; width: auto; }
  .link, .linkbtn { display: inline-block; padding: 4px 0; }
  .crumb a { display: inline-block; padding: 3px 0; }
  .panel-hd .more a, .box-hd .more a { display: inline-block; padding: 6px 0; }
  .tabbar a, .filter a { display: inline-block; padding: 6px 2px; }
}

/* V3.0 补充：移动端点按区打磨 */
@media (max-width: 768px) {
  .nav li a { padding: 0 13px; }
  .subtabs li { margin: 0 4px 6px 0; }
  .subtabs li a { display: block; padding: 8px 12px; }
  .qty a { display: inline-block; min-width: 34px; height: 34px; line-height: 34px; text-align: center; }
  .qty input, .qtybox input { height: 34px; line-height: 34px; }
  .qtybox label { display: block; margin-bottom: 6px; }
  .footer .linkrow a, .footer .copy a { display: inline-block; padding: 4px 0; }
  .pager a, .pager span { display: inline-block; padding: 6px 10px; }
  .totop { padding: 8px 12px; }
  .sform .btn, .sform button { min-height: 32px; }
}

/* ==========================================================================
   V3.0 手机端深度优化（≤768px）
   目标：消除横向溢出、放大点按区、余额/充值/结算主路径一屏可完成、
         表格与表单在窄屏下自动卡片化。本块置于文件末尾，手机端优先生效。
   ========================================================================== */
@media (max-width: 768px) {
  /* ---------------- 容器与面板 ---------------- */
  .panel { border-left: 0; border-right: 0; margin-bottom: 8px; }
  .panel-hd { height: auto; min-height: 36px; line-height: 1.5; padding: 9px 12px; }
  .panel-hd h3 { float: none; display: block; font-size: 14px; }
  .panel-hd .more { float: none; display: block; margin-top: 2px; }
  .panel-bd { padding: 12px; }
  .msg { padding: 8px 10px; font-size: 12px; }
  .tips { margin-top: 6px; }
  .breadcrumb, .crumb { font-size: 12px; line-height: 1.8; }

  /* ---------------- 按钮与点按区 ---------------- */
  .btn-orange, .btn-gray, .btn-blue, .btn { min-height: 36px; line-height: 34px; padding: 0 16px; }
  .btn-lg { min-height: 42px; line-height: 40px; padding: 0 22px; font-size: 15px; }
  .btn-block { display: block; width: 100%; box-sizing: border-box; }
  .link, .linkbtn { display: inline-block; padding: 5px 3px; }
  table.tb td.ops .link, table.tb td.ops .linkbtn { min-width: 40px; padding: 6px 4px; }
  .tag, .st { line-height: 20px; }

  /* ---------------- 会员中心：侧栏横向平铺 ---------------- */
  .uc { overflow: visible; }
  .uc-side, .uc-main { float: none; width: auto; }
  .uc-user { padding: 14px 12px 12px; }
  .uc-user .avatar { width: 46px; height: 46px; line-height: 46px; font-size: 20px; margin-bottom: 6px; }
  .uc-user .ubal { margin-top: 8px; }
  .uc-user .ubal b { font-size: 20px; }
  .uc-user .ubal-btn { max-width: 200px; height: 34px; line-height: 34px; margin: 10px auto 0; }
  .uc-menu { display: flex; flex-wrap: wrap; padding: 8px 0 0; border: 0; background: transparent; }
  .uc-menu dt { display: none; }
  .uc-menu dd { margin: 0 6px 6px 0; border: 1px solid #dbe3ec; border-radius: 3px; background: #fff; }
  .uc-menu dd:first-of-type { border-top: 1px solid #dbe3ec; }
  .uc-menu dd > a { padding: 9px 12px; font-size: 13px; }
  .uc-menu dd > a::before { display: none; }
  .uc-menu dd.on { border-color: #2a5f96; background: #eef5fd; }
  .uc-menu dd.on > a { border-left: 0; padding-left: 12px; }
  .uc-menu .num { float: none; margin-left: 6px; }
  .uc-main { margin-top: 8px; }
  .uc-tel { margin-top: 4px; }
  .uc-tel .btn-blue { display: block; }

  /* ---------------- 余额卡片 ---------------- */
  .balcard { display: block; padding: 14px; text-align: center; }
  .balcard-l .lb { font-size: 12px; }
  .balcard-l .bal { font-size: 26px; margin: 4px 0 6px; }
  .balcard-l .sub { font-size: 11px; }
  .balcard-r { margin-top: 12px; }
  .balcard-r .btn-orange { display: block; width: 100%; height: 38px; line-height: 36px; }
  .balcard .tag { margin-top: 6px; }

  /* ---------------- 统计块 ---------------- */
  .statlist li { width: 50%; padding: 10px 0; }
  .statlist .n { font-size: 20px; }

  /* ---------------- 参数表 ---------------- */
  table.info-tb td, table.pd-tb td { padding: 8px; font-size: 12px; }
  table.info-tb td.k, table.pd-tb td.k { width: 86px; }

  /* ---------------- 表单 ---------------- */
  .form-h .fr { margin-bottom: 14px; }
  .form-h .fr > label { float: none; display: block; width: auto; padding: 0; margin-bottom: 6px;
    text-align: left; line-height: 1.6; }
  .form-h .fc { margin-left: 0; }
  .form-h .fc input[type="text"], .form-h .fc input[type="password"], .form-h .fc select {
    max-width: 100%; height: 40px; font-size: 14px; }
  .form-h .fc textarea { max-width: 100%; font-size: 14px; }
  .form-h .cb { margin: 0 14px 6px 0; line-height: 28px; }

  /* ---------------- 充值中心 ---------------- */
  .rc-block { padding: 12px; }
  .amt-grid li { width: 33.333%; padding: 0 6px 8px 0; }
  .amt { height: 44px; line-height: 42px; font-size: 15px; }
  .amt-custom > label { float: none; display: block; width: auto; line-height: 1.6; margin-bottom: 6px; }
  .amt-inputwrap { float: none; width: 100%; }
  .amt-inputwrap input { height: 44px; font-size: 17px; }
  .amt-inputwrap .yen { line-height: 44px; }
  .amt-tip { padding-top: 6px; font-size: 11px; }
  .payway { display: block; margin: 0 0 8px; padding: 12px 14px; }
  .payway:last-child { margin-bottom: 0; }
  .rc-submit { padding-top: 2px; }
  .rc-submit .btn-orange { display: block; width: 100%; }
  .rc-submit .tip { display: block; margin: 8px 0 0; text-align: center; }
  .rc-notice { padding: 12px; }
  .rc-notice p { font-size: 12px; }

  /* ---------------- 收银台 ---------------- */
  .paybox { padding: 12px; }
  .paybox .payamount { margin-bottom: 10px; text-align: left; }
  .paybox .payamount .n { font-size: 24px; }
  .balpay { padding: 10px 12px; margin-bottom: 12px; }
  .bp-row { flex-wrap: wrap; padding: 4px 0; font-size: 13px; }
  .bp-row .lb { min-width: 84px; }
  .btns .btn-gray, .btns-block .btn-lg { display: block; width: 100%; box-sizing: border-box;
    margin: 0 0 10px; }
  .payfixed { font-size: 12px; }
  .payfixed-name { display: block; margin: 0 0 4px; }
  .order-sum { margin: 12px 0; }

  /* ---------------- 购物车 ---------------- */
  .cartp img { width: 48px; height: 48px; }
  .qty-in { width: 56px; height: 34px; font-size: 14px; }
  .cartfoot .fl, .cartfoot .fr { float: none; }
  .cartfoot .fl { margin-bottom: 6px; }
  .cartfoot .fl .btn-blue, .cartfoot .fl .btn-gray { display: block; width: 100%;
    box-sizing: border-box; margin: 0 0 8px; }
  .cartfoot .tip { display: block; margin-top: 6px; line-height: 1.8; }
  .cartotal { text-align: right; line-height: 1.6; }
  .cartotal .btn-orange { display: block; width: 100%; box-sizing: border-box;
    height: 42px; line-height: 40px; margin-top: 10px; font-size: 15px; }

  /* ---------------- 商品详情 ---------------- */
  .pd-pic { float: none; width: auto; }
  .pd-pic .big { height: 240px; line-height: 240px; }
  .pd-pic .big img { max-width: 96%; max-height: 220px; }
  .pd-info { float: none; width: auto; padding: 12px 0 0; }
  .pd-info h1 { font-size: 17px; }
  .pd-info .sub { margin: 6px 0 10px; font-size: 12px; }
  .pd-price { padding: 10px 12px; }
  .pd-price .now { font-size: 24px; }
  .pd-price .old { margin-left: 8px; font-size: 12px; }
  .buyform { margin-top: 12px; }
  .buyform .qty { float: none; margin: 0 0 10px; }
  .buyform .qty span { float: none; display: inline-block; line-height: 38px; vertical-align: middle; }
  .buyform .qty .minus, .buyform .qty .plus { width: 40px; height: 38px; line-height: 36px; }
  .buyform .qty input { width: 64px; height: 38px; font-size: 15px; }
  .buyform .btns { float: none; }
  .buyform .btns .btn-orange, .buyform .btns .btn-blue { display: block; width: 100%;
    box-sizing: border-box; height: 42px; line-height: 40px; margin: 0 0 8px; font-size: 15px; }
  .pd-tip { margin-top: 12px; font-size: 11px; }

  /* ---------------- 帮助中心 / 新闻 ---------------- */
  .help-layout, .news-layout { overflow: visible; }
  .help-side, .help-main, .news-left, .news-right { float: none; width: auto; }
  .help-side, .news-right { margin-bottom: 8px; }
  .news-right { margin-top: 4px; }
  .help-cats dd > a { padding: 10px 12px 10px 22px; }
  .helplist li { padding: 12px 0; }
  .helplist .tt a { font-size: 14px; }
  .newslist .tt a { font-size: 14px; }
  .news-title { font-size: 17px; text-align: left; }
  .news-meta { text-align: left; }
  .news-content { font-size: 14px; line-height: 1.9; }
  .side-list li, .side-info li { padding: 8px 0; }

  /* ---------------- 登录 / 注册 ---------------- */
  .login-banner { float: none; width: auto; padding: 18px 16px; }
  .login-banner h2 { font-size: 18px; }
  .login-banner ul { margin-top: 12px; }
  .login-banner li { line-height: 1.9; font-size: 12px; }
  .login-banner .contact { margin-top: 12px; }
  .login-box { float: none; width: auto; margin-top: 8px; padding: 16px 14px; }
  .login-box h3 { font-size: 15px; }
  .login-box .row input { height: 42px; font-size: 15px; }
  .login-box .btn-blue.btn-block { height: 44px; line-height: 44px; }
  .login-foot { font-size: 12px; line-height: 1.9; }

  /* ---------------- 工单会话 ---------------- */
  .chat-item .chat-hd { font-size: 11px; }
  .chat-item .chat-bd { padding: 10px 12px; font-size: 13px; }
  .reply-form textarea { min-height: 110px; }
  .reply-form .btn-blue, .reply-form .btn-gray { display: block; width: 100%;
    box-sizing: border-box; margin: 0 0 8px; }

  /* ---------------- 订单详情 ---------------- */
  .order-state { padding: 12px; }
  .order-state .s1 { font-size: 16px; }
  .deliver-box { padding: 12px; }
  .deliver-box .dcode { font-size: 12px; padding: 10px; }
  .deliver-box .btn-blue { display: block; width: 100%; box-sizing: border-box; margin-top: 8px; }

  /* ---------------- 顶部余额入口 ---------------- */
  .balmin { display: inline-block; }
  .balbtn { display: inline-block; height: 24px; line-height: 22px; padding: 0 8px; margin-left: 4px; }

  /* ---------------- 窄屏防溢出兜底 ---------------- */
  .panel, .balcard, .rc-block, .rc-notice, .paybox, .balpay, .login-box, .box { max-width: 100%; }
  .panel img, .detail-body img, .news-content img, .helplist img { max-width: 100%; height: auto; }
  table.tb, table.info-tb, table.pd-tb, table.tbl { max-width: 100%; }
  pre, code { white-space: pre-wrap; word-break: break-all; }
}

/* ============ V3.0 账号二级 / 三级核验 与 财务相关 ============ */
.ipt-inline{height:36px;line-height:36px;padding:0 10px;border:1px solid #d7dde5;border-radius:4px;min-width:200px;font-size:14px;margin-right:8px}
.ipt-inline:focus{border-color:#ff6a00;outline:none}
.tag-on{background:#e8f8ee;color:#1a9b4c;border:1px solid #b9e6cb}
.tag-off{background:#fdecec;color:#d33;border:1px solid #f5c2c2}
.btn-mini{height:30px;line-height:30px;padding:0 12px;font-size:13px;border-radius:4px;display:inline-block}
.btn-blue.btn-mini,.btn-gray.btn-mini,.btn-orange.btn-mini{height:30px;line-height:30px;padding:0 12px;font-size:13px}
.tb-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}
.tb-wrap .tb{min-width:560px}
.rd{display:inline-block;font-size:14px;color:#333;cursor:pointer}
.seccards{display:block}
.seccard{border:1px solid #e6ebf1;border-radius:6px;padding:14px 16px;margin-top:12px;background:#fbfcfe}
.seccard.ok{border-left:4px solid #1a9b4c}
.seccard.warn{border-left:4px solid #ff9f1c;background:#fffdf6}
.seccard.rec{border-left:4px solid #2d8cf0;background:#f7fbff}
.sc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sc-tag{font-size:15px;font-weight:700;color:#222}
.sc-tag .rec-badge{margin-left:6px}
.rec-badge{display:inline-block;height:18px;line-height:18px;padding:0 6px;font-size:11px;font-weight:400;color:#fff;background:#ff6a00;border-radius:3px;vertical-align:middle}
.sc-state{font-size:13px;color:#666}
.sc-line{font-size:13px;color:#555;line-height:22px;margin:2px 0}
.sc-q{font-size:15px;color:#222;font-weight:600;margin:6px 0 10px}
.sc-form{margin-top:6px}
.sc-tip{font-size:12px;color:#999;margin-top:6px}
.fp-line{font-size:14px;color:#333;line-height:24px;margin:4px 0 12px}
.fp-alt{margin-top:14px;padding-top:12px;border-top:1px dashed #e6ebf1}
.fp-alt-t{font-size:13px;color:#666;margin-bottom:8px}
.row-btn{margin-top:6px}
.verify-notice .sc-line{line-height:22px}
@media (max-width:640px){
  .ipt-inline{min-width:0;width:100%;margin:0 0 8px}
  .sc-form .btn-blue,.sc-form .btn-gray{width:100%}
  .seccard{padding:12px}
  .sc-top{flex-wrap:wrap;gap:6px}
}

/* ---------------------------------------------------------------- V3.0 管理员代登录横幅 */
.imp-bar{background:#2d3a4b;color:#fff;font-size:13px;line-height:36px}
.imp-bar .wrap{max-width:1200px;margin:0 auto;padding:0 12px}
.imp-tag{display:inline-block;height:20px;line-height:20px;padding:0 8px;margin-right:8px;background:#ff6a00;border-radius:3px;font-size:12px;vertical-align:middle}
.imp-bar b{color:#ffd08a}
.imp-out{float:right;color:#7fd0ff;text-decoration:underline}
.imp-out:hover{color:#b6e5ff}
@media (max-width:640px){.imp-bar{line-height:20px;padding:6px 0}.imp-out{float:none;display:block}}