@charset "UTF-8";

/*
  rhostcs-override.css — 宽版与响应式补丁（在 front.css 之后加载）。
  覆盖：.globalBox、管理中心 .manager/.contains、首页 #indexPage、门户 #main、
  SimpleFront 登录、购物车流程、jqGrid 区域横向滚动等。合并前请备份。
*/

/* 中文显示：与 front.css 全局字体栈一致；子元素统一继承，避免漏选标签仍落到 Arial */
html {
  -webkit-text-size-adjust: 100%;
}

body.front,
body.simplefront {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", SimSun, "Songti SC", system-ui, sans-serif !important;
}

/* 整页底部横向滚动条（常被叫成「进度条」）：不出现浏览器级横滚；过宽表格在 jqGrid 内部滚动 */
body.front {
  overflow-x: hidden;
  max-width: 100%;
  box-sizing: border-box;
}

.front .globalBox,
.simplefront .globalBox,
.manager,
.front #header,
.front #content,
.front #footer,
.simplefront #header,
.simplefront #content,
.simplefront #footer {
  font-family: inherit !important;
}

.front *,
.simplefront * {
  font-family: inherit !important;
}

.front input,
.front textarea,
.front select,
.front button,
.simplefront input,
.simplefront textarea,
.simplefront select,
.simplefront button {
  font-family: inherit !important;
}

/* 外壳略宽于原 980px */
.front .globalBox {
  width: 100% !important;
  max-width: 1280px;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
}

/* 管理中心：右侧随剩余宽度伸缩 */
.manager {
  width: 100%;
  box-sizing: border-box;
}

.manager .catalog {
  float: left;
  width: 200px;
  box-sizing: border-box;
}

.manager .contains {
  float: left;
  width: calc(100% - 208px) !important;
  max-width: none !important;
  margin-left: 8px !important;
  box-sizing: border-box;
  min-width: 0;
  overflow-x: hidden;
}

/* 主内容槽：避免 flex/子元素把整页撑出横向滚动条 */
.front .globalBox #content {
  min-width: 0;
}

/* 表格区域：原生 table 外包 + jqGrid（host-control.js 里曾把 bdiv 设为 overflow-x:hidden） */
.manager .contains .table-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.manager .contains .ui-jqgrid {
  max-width: 100%;
}

.manager .contains .ui-jqgrid-view,
.manager .contains .ui-jqgrid-hdiv,
.manager .contains .ui-jqgrid-bdiv {
  max-width: 100%;
  box-sizing: border-box;
}

/* 勿对 bdiv 强制 overflow-x:auto：在 shrinkToFit 下仍会占满滚动条轨道，整页像一直有横条 */
.manager .contains .ui-jqgrid-bdiv {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  .manager .catalog,
  .manager .contains {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  .header-top .logo,
  .header-top .tip-info {
    float: none !important;
    width: 100% !important;
    text-align: center;
  }

  .header-nav ul li {
    float: none !important;
    width: 100% !important;
  }
}

/* 首页 Index 内联左右栏（选择器与 Index.cshtml 一致） */
@media (max-width: 900px) {
  #indexPage .leftBox,
  #indexPage .rightBox {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* 业务页里写死 width:765px 的表单大表（如 DomainNameEdit 等） */
.manager .contains table.lightBlueTable {
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .manager .contains table.lightBlueTable {
    width: 100% !important;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* 财务/查询区常见 .lightBlueBg 里多列 float，窄屏容易挤爆 */
@media (max-width: 768px) {
  .manager .contains .lightBlueBg .item,
  .manager .contains .lightBlueBg .longitem {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* 门户页（仅 Front，无 .manager）内联 width:980 的 #main — SearchDomain、ConfirmDomainInto 等 */
.front .globalBox #content #main {
  width: 100% !important;
  max-width: min(100%, 1200px);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* 注册查询页大文本域等（避免超出 globalBox） */
.front .globalBox #content #textareaDomain {
  max-width: 100% !important;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .front .globalBox #content #textareaDomain {
    width: 100% !important;
  }
}

/* ========== SimpleFront 壳层（原 SimpleFront.cshtml 内联合并，与 1280 宽版一致）========== */
body.simplefront .globalBox {
  width: 100% !important;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px 5px;
  text-align: center;
  box-sizing: border-box;
  background: url("../images/customer_bg.jpg") -95px 0 no-repeat;
}

body.simplefront .globalBox #header {
  height: 110px;
  margin: 0 auto;
  width: 100% !important;
  max-width: 1280px;
  box-sizing: border-box;
  background: url("../images/head_nav/header_bg.gif") repeat-x;
}

body.simplefront .header-top {
  padding: 0;
  height: 110px;
}

body.simplefront .tip-info {
  height: 110px;
  width: 500px;
  max-width: 100%;
  margin-right: 10px;
  box-sizing: border-box;
}

body.simplefront .logo {
  margin-top: 20px;
}

body.simplefront .site-map {
  width: 100% !important;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background: url("../images/head_nav/bg_customer_icon03.gif") repeat-x;
}

body.simplefront .site-map #map-center {
  background: none;
}

body.simplefront .customer_useridlist {
  padding-top: 40px;
}

body.simplefront #App_Shopcart_Info_Box {
  display: inline;
  margin-top: 40px;
  padding-right: 15px;
  width: 160px;
  height: 25px;
  line-height: 20px;
  background: url("../images/head_nav/shoppingcart_bg.png") no-repeat;
}

/* Login.cshtml 等内联：.login 930px、左右 float */
body.simplefront #content .login {
  width: 100% !important;
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body.simplefront #content .login .Pub,
  body.simplefront #content .login .left,
  body.simplefront #content .login .right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box;
  }

  body.simplefront #content .login .vLiness {
    display: none;
  }

  body.simplefront .header-top .logo,
  body.simplefront .header-top .tip-info {
    float: none !important;
    width: 100% !important;
    text-align: center;
  }
}

/* ========== ShoppingCart 步骤条（原 ShoppingCart.cshtml 内联合并）========== */
body.simplefront #shopCartMainmenu {
  background: url("../images/buy/shopcartmenu.gif") repeat-x scroll 0 -2px transparent;
  float: left;
  height: 66px;
  left: 0;
  margin-top: -1px;
  overflow: hidden;
  position: relative;
  top: -3px;
  width: 100%;
  max-width: 1040px;
  box-sizing: border-box;
}

body.simplefront #shopCartMainmenu .inner {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body.simplefront #shopCartMainmenu span {
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  padding-top: 34px;
  text-align: center;
  width: 172px;
}

body.simplefront #shopCartMainmenu span.se {
  background: url("../images/buy/shopcartmenu_se.gif") no-repeat scroll 0 -2px transparent;
  color: #fff;
  font-weight: bold;
  margin-left: -20px;
  width: 190px;
}

body.simplefront #loginIn a,
body.simplefront #logined a {
  font-size: 12px;
}

@media (max-width: 900px) {
  body.simplefront #shopCartMainmenu {
    width: 100% !important;
    left: 0 !important;
    float: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  body.simplefront #shopCartMainmenu .inner {
    width: 900px !important;
    max-width: 900px !important;
  }
}

/* ========== 购物车页 #shoppingcart ========== */
body.simplefront #content #shoppingcart .content_cart,
body.simplefront #content .content_cart {
  width: 100% !important;
  max-width: 892px;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  display: block;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body.simplefront #content #shoppingcart .domain_type {
    width: 100% !important;
    float: none !important;
  }

  body.simplefront #content #shoppingcart .domain_typerm {
    width: auto !important;
    max-width: 100%;
    float: none;
  }

  body.simplefront #content #shoppingcart .users_type {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100%;
    float: none;
  }
}

/* ========== 订单支付 OrderPay ========== */
body.simplefront #content #orderPay {
  width: 100% !important;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* ========== 订单结算 OrderStatus ========== */
body.simplefront #content #main_inner {
  width: 100% !important;
  max-width: 892px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

body.simplefront #content #mainWrap {
  width: 100% !important;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* ========== 订单确认 Confirm ========== */
body.simplefront #content #confirmOrder #confirmForm {
  width: 100% !important;
  max-width: 890px;
  box-sizing: border-box;
}

body.simplefront #content #confirmOrder .cart_pz {
  width: 100% !important;
  max-width: 888px;
  box-sizing: border-box;
}

body.simplefront #content #confirmOrder .cart_pz_content_yel {
  width: 100% !important;
  max-width: 843px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body.simplefront #content #confirmOrder .cart_pz {
    float: none !important;
  }

  body.simplefront #content #confirmOrder .commonForm .item,
  body.simplefront #content #confirmOrder .commonForm .action {
    width: 100% !important;
    max-width: 100%;
    float: none !important;
    display: block !important;
  }

  body.simplefront #content #confirmOrder .commonForm .label {
    width: 100% !important;
    max-width: 100%;
    text-align: left !important;
    padding-right: 0;
  }

  body.simplefront #content #confirmOrder .cart_pz_content_yel02title,
  body.simplefront #content #confirmOrder .cart_pz_content_yel02titler {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
  }
}

body.simplefront #content #confirmOrder .cart_pz_content,
body.simplefront #content #confirmOrder .cart_pz_content_yel02,
body.simplefront #content #confirmOrder .cart_price02,
body.simplefront #content #confirmOrder .cart_pz_content_yelcon,
body.simplefront #content #confirmOrder .cart_price,
body.simplefront #content #confirmOrder .cart_yhj,
body.simplefront #content #confirmOrder #domainInfo #template_form {
  width: 100% !important;
  max-width: 843px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body.simplefront #content #confirmOrder .template_table_info {
  width: 100% !important;
  max-width: 843px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.simplefront #content #confirmOrder .cart_pz_content_yelcon {
  max-width: 794px;
}

body.simplefront #content #confirmOrder .cart_price {
  max-width: 792px;
}

body.simplefront #content #confirmOrder .cart_yhj {
  max-width: 772px;
}