@charset "gb2312";

/* ---------- 0. fix all 1190-fixed containers to scale35 width (92%/max1500) ---------- */
.wide1190{width:92%!important;max-width:1500px!important;margin:0 auto!important}
.desktop .wide1190,.hd .wide1190{width:92%!important;max-width:1500px!important}/* =====================================================================
   scale35.css  主体内容对齐 35 规格
   - 版心�?2% 宽、最�?1500px、居中（与头�?底部 .auto-width 对齐�?   - 板块 / 字体 / 按钮 / 间距 等比放大�?1.2 �?   - 只作用于主体内容，不影响已是 35 规格的头�?#header2016)/底部(.h-footer)
   ===================================================================== */

/* ---------- 一、版心宽度：1190 -> 1500（对�?35 .auto-width�?---------- */
.wide1190 { max-width: 1500px !important; width: 92% !important; }
#MainContentDIV { max-width: 1500px !important; width: 92% !important; min-width: 990px !important; }
#content .horizontal-center,
.content .horizontal-center,
#MainContentDIV .horizontal-center { width: 100% !important; max-width: none !important; }

/* ---------- 二、字体工具类 等比放大（仅主体，不影响头部快速注册等�?---------- */
#content .font12, .content .font12, #MainContentDIV .font12 { font-size: 14px; }
#content .font14, .content .font14, #MainContentDIV .font14 { font-size: 16px; }
#content .font16, .content .font16, #MainContentDIV .font16 { font-size: 19px; }
#content .font18, .content .font18, #MainContentDIV .font18 { font-size: 22px; }
#content .font20, .content .font20, #MainContentDIV .font20 { font-size: 24px; }
#content .font22, .content .font22, #MainContentDIV .font22 { font-size: 26px; }
#content .font24, .content .font24, #MainContentDIV .font24 { font-size: 30px; }
#content .font26, .content .font26, #MainContentDIV .font26 { font-size: 32px; }
#content .font28, .content .font28, #MainContentDIV .font28 { font-size: 34px; }
#content .font30, .content .font30, #MainContentDIV .font30 { font-size: 36px; }
#content .font36, .content .font36, #MainContentDIV .font36 { font-size: 44px; }
#content .font40, .content .font40, #MainContentDIV .font40 { font-size: 50px; }

/* ---------- 三、按�?等比放大（仅主体�?---------- */
#content .g-common-btn, .content .g-common-btn, #MainContentDIV .g-common-btn {
    height: 42px; line-height: 42px; font-size: 16px; width: 120px;
}
#content .g-empty-btn, .content .g-empty-btn, #MainContentDIV .g-empty-btn {
    height: 46px; line-height: 46px; font-size: 16px;
}
.product-list-con .view-more { font-size: 20px; padding: 22px 0; }

/* ---------- 四、标�?/ 板块标题 ---------- */
#content h1.title, .content h1.title, #MainContentDIV h1.title {
    font-size: 34px; padding: 60px 0 20px 0;
}
.product-list-con h1 { font-size: 26px; }
.vps-title { font-size: 30px; height: 60px; }
.cr-title { font-size: 20px; height: 44px; line-height: 44px; }
.news-title { font-size: 20px; line-height: 42px; }

/* ---------- 五、首页产品五宫格�?0% 流式自动加宽，仅放大文字�?---------- */
/* 产品图标为雪碧图(index-icon-bg.png)固定 82px 网格，保持不动避免错�?*/
.product-con { padding-top: 96px; }

/* ---------- 六、虚拟主机卡�?.webhost-* ---------- */
.webhost-title-bg { height: 96px; line-height: 96px; }
.webhost-title-bg h1 { font-size: 28px; }
.webhost-title-bg h2 { font-size: 22px; }
.webhost-detail { padding: 0 28px; font-size: 16px; }
.webhost-detail ul li { padding: 10px 0; }

/* ---------- 七、产品卡�?.column / .columnList ---------- */
.column .price { font-size: 48px; line-height: 54px; height: 54px; }
.column-vhost .price { height: 94px; line-height: 94px; font-size: 48px; }
.column .tList tr th, .column .tList tr td { height: 38px; line-height: 38px; }
.column .tList tr th { padding-left: 36px; }
.column-vhost p { height: 50px; line-height: 50px; }
.column .btnDiv { padding-top: 38px; padding-bottom: 36px; }
.column .g-common-btn { height: 44px; line-height: 44px; width: 132px; font-size: 16px; }
.column-vhost h6 { padding: 30px 0; }
.column { margin-top: 26px; }

/* ---------- 八、内页左侧导�?+ 右侧内容 ---------- */
.navbar-left { width: 280px; margin-right: 28px; }
.navbar-left .nl-title { padding-left: 48px; height: 84px; line-height: 84px; font-size: 30px; }
.navbar-left .nl-list { padding: 18px 30px 60px; }
.navbar-left .nl-list .item a,
.navbar-left .nl-list a { height: 56px; line-height: 56px; font-size: 16px; }
.navbar-left .nl-list i { top: 24px; }
.navbar-left .nl-list .active i, .navbar-left .nl-list li:hover i { top: 18px; }
.content-right { padding: 44px 56px 80px; }
.con-padding { padding: 70px 0 24px 0; }
.content { padding: 24px 0; }

/* ---------- 九、首页域名查询区 ---------- */
#content .query-container .query-input-container { margin-right: 200px; }
.query-container .query-input-container .common-input {
    height: 50px; line-height: 50px; font-size: 16px; text-indent: 18px;
}
.domain-top { padding: 56px 12px 10px 12px; }

/* ---------- 十、新�?/ 帮助 / 列表板块 ---------- */
.normal-bg, .gray-bg { padding-bottom: 64px; }
.news-container { padding: 56px 0 28px 0; }
.news-box { padding: 28px; }
.news-list li { height: 52px; line-height: 52px; font-size: 16px; }
.host-info li { font-size: 16px; }
.vps-table th { font-size: 16px; }
.vps-table th, .vps-table td { padding: 13px 18px; }
.list-table a, .z_table a { font-size: 16px; }
.list-table td { padding: 11px; }
.cr-search select, .cr-search input, .cr-search button { height: 54px; line-height: 54px; font-size: 16px; }
.cr-search button { width: 140px; font-size: 18px; }
.cr-search-list { padding: 12px 0 26px 56px; }

/* ---------- 十一、代理模式页 ---------- */
.mode-agent-content { padding: 50px 84px 120px; }
.mode-content .agent-btn { width: 232px; height: 58px; line-height: 58px; font-size: 18px; }
.mode-content p { font-size: 16px; line-height: 30px; }

/* ---------- 十二、云服务�?VPS 列表 ---------- */
.vps-list { padding: 20px 26px; margin-bottom: 36px; }
a.vps-buy { padding: 8px 26px; font-size: 18px; }

/* ---------- 13. webhosting: host-type selector bar ---------- */
.select-webhost{padding:24px 30px;background:#fff;font-size:15px;margin-bottom:24px}
.select-webhost dl{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.select-webhost dl:last-child{margin-bottom:0}
.select-webhost dl dt{flex:0 0 auto;font-weight:700;height:32px;line-height:32px;width:110px;text-align:right;padding-right:12px;box-sizing:border-box}
.select-webhost dl dd{flex:0 0 auto;margin:2px}
.select-webhost dl dd a{display:inline-block;padding:6px 12px;color:#333;border-radius:3px}
.select-webhost dl dd a:hover{color:#2660E3}
.select-webhost dl dd a.select-active{background-color:#ff6c3a;color:#fff}

/* ---------- 14. webhosting: config tabs fill width + bigger table fonts ---------- */
#content .webhosting-tab .webhosting-tab-list li,
.content .webhosting-tab .webhosting-tab-list li{width:25% !important;margin-right:0 !important;box-sizing:border-box;height:58px;line-height:58px;font-size:17px}
#content .webhosting-tab .webhosting-tab-list li.active,
.content .webhosting-tab .webhosting-tab-list li.active{width:25% !important;box-sizing:border-box}
#content .webhosting-info table tr,
.content .webhosting-info table tr{height:78px}
#content .webhosting-info table tr th,
.content .webhosting-info table tr th{height:62px;font-size:16px}
#content .webhosting-info table tr td,
.content .webhosting-info table tr td{font-size:15px}
#content .webhosting-info table tr .left,
.content .webhosting-info table tr .left{width:140px;font-size:16px}
#content .webhosting-info table tr td .info-price,
.content .webhosting-info table tr td .info-price{font-size:15px}
#content .webhosting-info table tr td .info-price span,
.content .webhosting-info table tr td .info-price span{font-size:32px}
#content .webhosting-info table tr td .info-btn,
.content .webhosting-info table tr td .info-btn{width:112px;height:36px;line-height:36px;font-size:16px;margin-bottom:30px}

/* ---------- 15. domains tab highlight (id-scoped only) ---------- */
#domainsTab{background-color:#F7F7F7;border-bottom:2px solid #2660E3}
#domainsTab li{position:relative;overflow:hidden}
#domainsTab li a{width:auto;display:block;padding:13px 22px;color:#777575;position:relative;white-space:nowrap}
#domainsTab li a:hover{color:#2660E3}
#domainsTab li a.active{background-color:#2660E3;color:#fff}
#domainsTab li span{position:absolute;width:1px;background:#dfdfdf;overflow:hidden;height:32px;top:10px;right:0;color:#DFDFDF}
#domainsTab li a.active span{display:none}
#domainsTab li a .triangle-top{display:none}
#domainsTab li a.active .triangle-top{display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #2660E3;position:absolute;left:50%;bottom:-10px;margin-left:-6px}

/* ---------- 16. .btnDiv buttons: 主蓝底白�?/ 次白底蓝�?---------- */
.btnDiv .g-common-btn{height:44px;line-height:44px;font-size:16px;width:132px;border-radius:4px}
.btnDiv .g-default-btn{height:44px;line-height:44px;background-color:#2660E3!important;color:#fff!important;border:1px solid #2660E3}
.btnDiv .g-default-btn:hover{background-color:#1E4FC7!important}
.btnDiv .g-dark-btn{height:44px;line-height:44px;background-color:#fff!important;color:#2660E3!important;border:1px solid #2660E3}
.btnDiv .g-dark-btn:hover{background-color:#F0F4FF}
/* ---------- 17. CloudHost/default.html: MINIMAL width fix ---------- */
/* ONLY fix the 2 areas user actually complained about */
/* SLIDER LABELS (820px, margin-left, 107px, 34px) are INTENTIONAL for alignment �?DO NOT TOUCH */

/* 17a. product-append-info: sits OUTSIDE .wide1190, needs matching width */
.host-content > .product-append-info {
  width: 92% !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.host-content > .product-append-info .wjf-page-anchor-nav-container,
.host-content > .product-append-info ul.wjf-page-anchor-nav {
  width: 100% !important;
}

/* 17b. tx-host title rows (产品分类 / 推荐配置): width:1000px hardcoded inline */
/* Descendant selector because label.msg may intervene */
.host-content .host-config .tx-host div[style*="width:1000px"],
.host-content .host-config .tx-host div[style*="width: 1000px"] {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* 17c. CloudRightMainSelectMenu tabs: stretch to fill */
.host-content .CloudRightMainSelectMenu {
  width: 100% !important;
}
/* ---------- 18. cloudhost.html (dxhosting) 独享云主�? override all hardcoded widths ---------- */

/* 18a. dxhosting-list: 4 product cards �?use flex to fill wide1190 */
.dxhosting-page .wide1190 {
  position: relative;
}
.dxhosting-page .dxhosting-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
}
.dxhosting-page .dxhosting-list li {
  float: none !important;
  margin-right: 0 !important;
  width: auto !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
.dxhosting-page .dxhosting-list li .dl-btn {
  width: auto !important;
  min-width: 160px !important;
  padding: 0 30px !important;
  display: inline-block !important;
}

/* 18b. product-append-info: floating tab anchors �?add wide1190 width */
.dxhosting-page .product-append-info {
  width: 92% !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.dxhosting-page .product-append-info .wjf-page-anchor-nav-container {
  width: 100% !important;
}
.dxhosting-page .product-append-info ul.wjf-page-anchor-nav {
  width: 100% !important;
}

/* 18c. config-table + safety-table: make tables fill their wide1190 */
.dxhosting-page .config-table,
.dxhosting-page .safety-table {
  width: 100% !important;
}

/* 18d. slide-container tempWrap: carousel hardcoded 1130px inline */
.dxhosting-page .dxhosting-case .slide-container .slide-wrapper .tempWrap,
.dxhosting-page .dxhosting-case .slide-container .tempWrap[style*="width:1130px"],
.dxhosting-page .dxhosting-case .slide-container .tempWrap[style*="width: 1130px"] {
  width: 100% !important;
  max-width: none !important;
}

/* 18e. dxhosting-top top-list li: percentage widths OK, but first li width 22% is too small on 1500px */
.dxhosting-page .dxhosting-top .top-list li.li-first {
  width: 24% !important;
}
.dxhosting-page .dxhosting-top .top-list li {
  width: 25% !important;
}

/* 18f. dxhosting-banner is full-width bg, pos-r inside needs wide1190 text pos */
.dxhosting-page .dxhosting-banner .wide1190 {
  width: 92% !important;
  max-width: 1500px !important;
}

/* ---------- 19. Additional width containers & Tpl_05 table pages ---------- */

/* 19a. sitesconfig.html: uses .wide1150 instead of .wide1190 */
.wide1150 {
  width: 92% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
}

/* 19b. Tpl_05 pages (bjvhost.html, function.html): old table-based layout with <table width="1002"> */
/* These pages include {#top.html}{#bottom.html} so scale35.css loads.
   Override the outer table width attribute with CSS. */
body.min990 table[width="1002"][align="center"] {
  width: 92% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
}
/* Prevent inner tables from also stretching (they use width="100%") */
body.min990 table[width="1002"][align="center"] table {
  width: auto !important;
}