/* ==========================================================================
   头部 / 底部样式唯一来源：由 global.css、tp2016.css、tp2026_responsive.css
   迁移合并而来，全站由 config/top.html 统一引入，其他文件不再包含头部/底部规则。
   ========================================================================== */

#header2016,#footer2016 {
	min-width:990px;
	clear:both;
	position:relative
}

#header2016 .wide1190,#footer2016 .wide1190 {
	padding:0 5px
}

#header2016 ul,#header2016 li,#header2016 dl,#header2016 dd,#footer2016 ul,#footer2016 li,#footer2016 dl,#footer2016 dd {
	list-style-type:none;
	padding:0;
	margin:0
}

#header2016 {
	position:relative;
	z-index:10100;
	box-shadow:0 1px 5px 0 rgba(70,70,70,.392);
	background-color:#fff
}

.global-notice {
	background-color:#eaea7a;
	color:red
}

.global-notice .title {
	font-size:14px;
	font-weight:700;
	line-height:20px;
	background:url(/template/Tpl_2026/images//ico_notice.gif) no-repeat left center;
	padding-left:18px;
	float:left
}

.global-notice .notice-content {
	padding-left:20px;
	padding-top:5px;
	margin-right:96px;
	position:relative;
	height:auto;
	line-height:23px;
	background:url(/template/Tpl_2026/images//ico_notice.gif) no-repeat left 10px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}

.global-notice .notice-content-expanded {
	white-space:normal;
	height:auto
}

.global-notice .expand {
	color:#6c6c6c;
	position:absolute;
	right:25px;
	top:0;
	cursor:pointer;
	padding-right:18px;
	background:url(/template/Tpl_2026/images//icon.png) no-repeat 52px -170px;
	line-height:30px
}

.global-notice .collapse {
	background-position:52px -142px
}

.global-notice .close {
	width:25px;
	height:100%;
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	background:url(/template/Tpl_2026/images//close.png) no-repeat center 3px
}

.browser-notice {
	background-color:#f3f4c5;
	color:#f85800;
	font-size:12px;
	height:32px;
	line-height:32px
}

.browser-notice p {
	background:url(/template/Tpl_2026/images//ie6_bw_warn.jpg) no-repeat 0 8px;
	padding-left:25px
}

.browser-notice .close {
	position:absolute;
	right:0;
	top:4px;
	width:24px;
	height:24px;
	background:url(/template/Tpl_2026/images//ie6_bw_close.jpg) no-repeat center;
	cursor:pointer
}

#header2016 .headerTop {
	height:30px;
	background-color: #24292F;
	font-size:14px;
	color:#fff;
	z-index:10000
}

#header2016 .headerTop .welcome {
	line-height:30px;
	color:#fff;
	font-size:12px;
	padding-left:22px;
	background:url(/template/Tpl_2026/images//west_xyz.png) no-repeat left center;
	font-family:"宋体"
}

#header2016 .headerTop .welcome:hover {
	color:#ade1fe
}

#header2016 .headerTop .orangeColor {
	color:#fe7402;
	font-size:14px
}

#header2016 .topnav {
	float:right;
	z-index:10000
}

#header2016 .topnav li {
	float:left
}

#header2016 .topnav li .menu {
	height:30px;
	line-height:30px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 10px;
	color:#fff;
	font-size:12px
}

#header2016 .topnav li .menu.hover,#header2016 .topnav li .menu:hover {
	background-color:#fff;
	color:#000
}

#header2016 .topnav li .menu i.trangle-icon {
	width:11px;
	height:8px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	background-image:url(/template/Tpl_2026/images//icon.png);
	background-repeat:no-repeat;
	background-position:0 -19px;
	_margin-right:6px;
	_background-image:url(/template/Tpl_2026/images//ie6-icon.jpg);
	_background-position:0 -66px;
	_overflow:hidden;
	_height:6px;
	_width:9px
}

#header2016 .topnav li .menu.hover i.trangle-icon,#header2016 .topnav li .menu:hover i.trangle-icon {
	background-position:-29px -19px;
	_background-position:-59px -66px;
	background-color:#fff
}

#header2016 .topnav li .link-menu:hover {
	color:#0079ce;
	background-color:#F2F2F2
}

#header2016 .common-dropdown-container {
	position:relative
}

#header2016 .common-dropdown {
	position:absolute;
	background-color:#fff;
	border:1px solid #ddd;
	z-index:10000;
	right:0;
	top:38px;
	height:auto
}

#header2016 .common-dropdown-right {
	left:auto;
	right:0
}

#header2016 .common-dropdown-container .menu {
	position:relative;
	z-index:10001
}

#header2016 .topnav li .login-menu {
	border:1px solid #000;
	height:29px;
	line-height:29px;
	border-bottom:0;
	cursor:pointer;
	background-image:url(/template/Tpl_2026/images//icon.png);
	padding-left:27px;
	background-position:-245px -718px;
	background-repeat:no-repeat
}

#header2016 .topnav li .login-menu a {
	color:#fff
}

#header2016 .topnav li .login-menu.hover,#header2016 .topnav li .login-menu:hover {
	background-color:#fff;
	border-color:#ddd;
	position:relative;
	z-index:10001;
	color:#000;
	background-position:8px -719px
}

#header2016 .topnav li .login-menu.hover a,#header2016 .topnav li .login-menu:hover a {
	color:#000
}

#header2016 .topnav li .login-menu a:hover {
	color:#ff7200
}

#header2016 #J_loginReg {
	position:static
}

.login-form-container {
	left:0;
	width:100%;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.login-form-container .login-form-box .top {
	padding:14px 0 10px
}

.login-form-container .login-form-box .top .close {
	position:absolute;
	top:-8px;
	right:15px;
	width:20px;
	height:20px;
	background:url(/template/Tpl_2026/images//icon.png) no-repeat 0 -963px;
	cursor:pointer;
	display:none
}

.login-form-container .login-form-box .bottom {
	padding:20px 0 30px;
	background:#f7f9fb
}

.login-form-container h3 {
	padding-top:5px;
	padding-bottom:5px;
	color:#373737;
	font-size:24px;
	font-weight:400;
	margin:0;
	line-height:1.1
}

.login-form-container .error-msg {
	color:#ff5e5e;
	font-size:12px;
	background:url(/template/Tpl_2026/images//icon.png) no-repeat 8px -1100px;
	line-height:16px;
	border:1px solid #ffd393;
	padding:5px 0 5px 30px;
	margin-bottom:10px;
	margin-top:-8px;
	display:none
}

.login-form-container .label-icon {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:34px;
	height:34px;
	border:1px solid #e3e3e3;
	border-right:0;
	float:left
}

.login-form-container .label-username {
	background:url(/template/Tpl_2026/images//icon.jpg) no-repeat 9px -845px #fff
}

.login-form-container .label-password {
	background:url(/template/Tpl_2026/images//icon.jpg) no-repeat 9px -911px #fff
}

.login-form-container .form-input {
	display:block;
	height:34px;
	line-height:34px;
	border:1px solid #e3e3e3;
	border-color:#e3e3e3!important;
	color:#b5b5b5;
	width:212px;
	font-family:Arial,Tahoma,Helvetica
}

.login-form-container .form-input:hover,.login-form-container .form-input.focus {
	border:1px solid #e3e3e3
}

.login-form-container .caplogin {
	width:97px;
	border:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3!important;
	float:left;
	padding-left:5px;
	margin-bottom:3px
}

.login-form-container .img-code {
	height:40px;
	width:80px;
	margin-left:12px
}

.login-form-container .remember {
	margin-top:18px;
	height:15px;
	line-height:15px;
	font-size:12px;
	font-family:宋体;
	display:inline-block;
	color:#777
}

.login-form-container .g-common-btn {
	width:122px;
	float:left
}

.login-form-container .g-blue-btn {
	margin-right:4px
}

.login-form-container .g-dark-btn {
	margin-right:0
}

.login-form-container .login-btn-ing {
	background-image:url(/template/Tpl_2026/images//loading-blue.gif);
	background-repeat:no-repeat;
	background-position:80px 10px;
	transition:all 0s
}

.login-form-container .forget-pwd {
	margin-top:0;
	font-size:12px;
	height:26px;
	line-height:26px;
	text-decoration:underline;
	color:#4f4e4e
}

.login-form-container .forget-pwd:hover {
	color:#ff7200
}

.login-form-links {
	margin-top:11px;
	border-top:1px solid #e3e3e3
}

.login-form-links p {
	text-align:center;
	width:128px;
	margin:-10px auto 6px;
	color:#9b9b9b;
	background-color:#fff
}

.login-form-links .link-icon {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:30px;
	height:20px;
	background-image:url(/template/Tpl_2026/images//icon.jpg);
	background-repeat:no-repeat
}

.login-form-links .ali-icon {
	background-position:-118px -984px
}

.login-form-links .qq-icon {
	background-position:-118px -1053px
}

.login-form-links .wx-icon {
	background-position:-118px -1121px
}

.login-form-links .ali-icon:hover {
	background-position:0 -984px
}

.login-form-links .qq-icon:hover {
	background-position:0 -1053px
}

.login-form-links .wx-icon:hover {
	background-position:0 -1121px
}

#header2016 .lt-tab li {
	padding:0 20px;
	float:left;
	width:374px;
	font-size:16px;
	color:#323232
}

#header2016 .lt-tab li.item-width {
	width:316px
}

#header2016 .lt-tab li .login-link,.lt-tab li .login-link {
	padding-top:10px;
	display:block;
	padding-left:24px;
	font-size:12px
}

.lt-tab li i {
	background-image:url(/template/Tpl_2026/images//oauth.png);
	background-repeat:no-repeat;
	display:inline-block;
	width:30px;
	height:20px;
	margin-right:2px;
	vertical-align:middle
}

.lt-tab li .zfb {
	background-position:-197px 0
}

.lt-tab li .qq {
	background-position:-30px 0
}

.lt-tab li .weixin {
	background-position:-522px 0
}

#header2016 .lt-tab li .lb-link dl,.lt-tab li .lb-link dl {
	padding-top:6px;
	float:left;
	padding-right:20px;
	font-size:12px;
	line-height:24px;
	color:#6f6f6f
}

input.fix-autofill-bg.form-input {
	padding-left:10px;
	height:34px;
	line-height:34px;
	width:100%;
	border:1px solid #e3e3e3
}

#header2016 .topnav li a.user-menu {
	padding-right:0;
	position:relative;
	z-index:10001;
	color:#F60
}

#header2016 .topnav li .managercenter-menu {
	background-image:url(/template/Tpl_2026/images//icon.png);
	padding-left:27px;
	background-position:-389px -717px;
	background-repeat:no-repeat
}

#header2016 .topnav li .managercenter-menu.hover,#header2016 .topnav li .managercenter-menu:hover {
	background-position:8px -717px
}

#header2016 .user-info-container {
	width:285px;
	padding-bottom:18px
}

#header2016 .user-info-container .user-info {
	font-size:12px;
	color:#000;
	padding-left:68px;
	height:79px;
	background:url(/template/Tpl_2026/images//default-user-icon.jpg) no-repeat 0 center;
	border-bottom:1px solid #e6e6e6;
	margin:0 15px
}

#header2016 .user-info-container .user-info h3 {
	font-size:16px;
	padding-top:20px;
	padding-bottom:10px;
	margin:0;
	line-height:1.1
}

#header2016 .user-info-container .user-info .user-level {
	color:#ff8148
}

#header2016 .user-info-container .user-info .col-gap {
	color:#ddd
}

#header2016 .user-info-container .user-quick-nav {
	padding:8px 15px 12px;
	font-family:宋体
}

#header2016 .user-info-container .user-quick-nav a {
	font-size:12px;
	line-height:26px;
	color:#979797;
	float:left;
	padding-right:33px
}

#header2016 .user-info-container .user-quick-nav a:hover {
	color:#ff7200
}

#header2016 .user-info-container .user-btns {
	padding:0 15px
}

#header2016 .user-info-container .user-btns .topnav-common-btn {
	width:95px;
	font-size:12px;
	cursor:pointer
}

#header2016 .topnav li a.shoppingcar {
	padding-right:0;
	position:relative;
	z-index:10001
}

#header2016 .topnav li a.shoppingcar .b2 {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:19px;
	height:20px;
	background:url(/template/Tpl_2026/images//icon.png) no-repeat 0 0;
	_background:url(/template/Tpl_2026/images//ie6-icon.jpg) no-repeat -69px 0;
	overflow:hidden;
	vertical-align:middle;
	margin-right:3px
}

#header2016 .topnav li a.shoppingcar:hover .b2 {
	_background:url(/template/Tpl_2026/images//ie6-icon.jpg) no-repeat 0 0
}

#header2016 .shopping-car-container {
	width:358px
}

#header2016 .shopping-car-container .shopping-car-box {
	padding:20px 20px 0 14px
}

#header2016 .shopping-car-container .shopping-car-box h3 {
	padding-bottom:8px;
	border-bottom:1px solid #eaeaea;
	font-size:100%;
	margin:0;
	line-height:1.1
}

#header2016 .shopping-car-container .shopping-car-box h3 span {
	padding-left:6px;
	padding-bottom:6px;
	border-bottom:1px solid #54a4e8;
	font-size:16px;
	color:#535353
}

.shopping-car-list {
	table-layout:fixed
}

.shopping-car-list tr {
	height:44px;
	line-height:44px;
	color:#737373;
	border-bottom:1px solid #eaeaea
}

.shopping-car-list td {
	text-align:center
}

.shopping-car-list td.shopping-name {
	padding-right:10px;
	width:180px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left
}

.shopping-car-list td.shopping-name a {
	color:#444
}

.shopping-car-list td.shopping-name a:hover {
	color:#ff6000
}

.shopping-car-list td.shopping-price {
	color:#ff7200;
	padding-right:10px
}

.shopping-car-list td.shopping-delete {
	width:18px;
	height:14px;
	background:url(/template/Tpl_2026/images//icon.jpg) no-repeat 0 -1235px;
	cursor:pointer
}

.shopping-car-list td.shopping-delete:hover {
	background:url(/template/Tpl_2026/images//icon.jpg) no-repeat -112px -1235px
}

#header2016 .shopping-car-container .shopping-car-bottom {
	margin-top:-1px;
	padding:8px 20px 10px 0;
	background:#f6f6f6;
	color:#797979;
	text-align:right;
	border-top:1px solid #eaeaea
}

#header2016 .shopping-car-container .shopping-car-bottom div {
	text-align:right
}

#header2016 .shopping-car-container .shopping-car-bottom .price {
	font-size:18px;
	font-weight:700;
	color:#ff840c;
	font-family:"黑体"
}

#header2016 .shopping-car-container .shopping-car-bottom .shopping-num {
	color:#ff0404
}

#header2016 .shopping-car-container .shopping-car-bottom .shopping-car-btn {
	margin-top:6px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:140px;
	height:36px;
	line-height:36px;
	background:#218de8;
	border-radius:20px;
	font-size:14px;
	color:#fff;
	text-align:center
}

#header2016 .topnav li a.news-notice {
	padding-right:0;
	z-index:10001;
	position:relative
}

#J_newsNotice,#J_loginReg,#J_userInfo {
	z-index:10000
}

#header2016 .topnav-notice {
	border-color:#d9d9d9;
	display:none;
	width:352px
}

#header2016 .topnav-notice a {
	color:#666
}

#header2016 .topnav-notice .notice-cnt {
	margin:0 10px;
	padding:14px 0;
	width:330px;
	border-bottom:1px solid #d9d9d9
}

#header2016 .notice-cnt .notice-unread {
	color:#f70;
	float:left
}

#header2016 .notice-cnt .notice-unread:hover {
	text-decoration:underline
}

#header2016 .notice-cnt .notice-more {
	float:right;
	color:#9c9c9c;
	font-size:12px
}

#header2016 .notice-cnt .notice-more:hover {
	color:#ffc16d
}

#header2016 .topnav-notice ol {
	display:block;
	width:330px;
	line-height:30px;
	position:relative;
	vertical-align:top;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:10px
}

#header2016 .topnav-notice ol li {
	display:block;
	float:initial;
	width:100%;
	position:relative
}

#header2016 .topnav-notice ol li em {
	margin:13px 10px 2px;
	background-color:#a0a0a0;
	height:5px;
	width:5px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	line-height:0;
	display:inline-block;
	*display:inline;
	*zoom:1;
	_margin:13px 10px 2px
}

#header2016 .topnav-notice ol li a {
	display:block;
	line-height:30px;
	padding-right:90px;
	color:#505050;
	font-family:'宋体';
	*width:150px;
	font-size:12px;
	margin-left:25px;
	border-bottom:1px dashed #d2d2d2
}

#header2016 .topnav-notice ol li:last-child a {
	border-bottom:0
}

#header2016 .topnav-notice ol li a:hover {
	color:#ff7200
}

#header2016 .topnav-notice ol .newsDate {
	position:absolute;
	right:0;
	top:0;
	color:#bebebe;
	font-size:12px;
	font-family:"宋体"
}

#noread_countbox {
	color:#515151;
	font-size:12px;
	border-bottom:1px solid #e5e5e5;
	line-height:42px;
	padding:0 0 0 10px;
	margin-left:10px;
	width:320px
}

.notice_all_content {
	color:#515151;
	font-size:12px;
	padding-bottom:10px;
	padding-left:10px;
	width:329px;
	padding-top:5px;
	text-align:right;
	line-height:20px;
	background-color:#f7f7f7;
	border-top:1px solid #d9d9d9;
	padding-right:13px
}

#header2016 .notice_all_content a {
	color:#515151
}

#noread_countbox .count_noread_all {
	border:1px solid #ff7800;
	padding:0 5px 1px 0;
	border-left:0;
	color:#ff7800
}

#noread_countbox a {
	color:#ff7800!important
}

.readed_notice_em {
	background-color:red
}

.ignore_notice {
	float:right;
	font-size:12px;
	color:#aaa;
	line-height:42px;
	margin-right:10px;
	cursor:pointer
}

.notice_all_bg {
	display:inline-block;
	width:8px;
	height:19px;
	line-height:19px;
	background-image:url(/template/Tpl_2026/images//notice_all_bg.jpg);
	background-repeat:no-repeat;
	background-size:8px 19px;
	background-position:0 0
}

#header2016 .header-nav {
	width:100%;
	height:64px;
	font-size:16px;
	color:#333;
	position:relative;
	z-index:9999
}

#header2016 h1.hide {
	display:none
}

#header2016 .header-nav .logo {
	float:left;
	display:inline-block;
	*display:inline;
	margin:6px 0;
	height:48px;
	*zoom:1;
}


#header2016 .main-nav-wrapper {
	float:right;
	height:64px;
	overflow:hidden
}

#header2016 .main-nav-wrapper li {
	float:left
}

#header2016 .main-nav-wrapper li a.nav-menu {
	padding:8px 12px;
	margin:0 3px;
	height:64px;
	line-height:64px;
	border-bottom:5px solid #fff;
	color:#666;
	font-size:16px
}

#header2016 .main-nav-wrapper li a.nav-menu.current,#header2016 .main-nav-wrapper li a.nav-menu.hover,#header2016 .main-nav-wrapper li a.nav-menu:hover {
	border-bottom:5px solid #00a6d8;
	-webkit-transition:all .3s;
	transition:all .3s
}

#header2016 .main-nav-wrapper li a.nav-menu:hover {
	color:#00a6d8
}

#header2016 .nav-content {
	position:absolute;
	left:0;
	top:56px;
	z-index:9999;
	background-color:#f7f9fb;
	width:100%;
	font-family:arial;
	box-shadow:inset 0 1px 5px 0 rgba(137,137,137,.392);
	padding-top:32px;
	display:none
}

#header2016 .nav-content .menu-container {
	padding-bottom:15px;
	position:relative;
	padding-left:5px
}

#header2016 .nav-content .menu-wrapper {
	margin-right:471px
}

#header2016 .nav-content .menu-wrapper .menu-row {
	overflow:hidden
}

#header2016 .nav-content .menu-row-last {
	margin-top:25px
}

#header2016 .ques-advert-wrapper {
	border-left:1px solid #e6e6e7;
	float:right;
	width:470px
}

#header2016 .ques-advert-wrapper .question-wrapper {
	margin:0 20px;
	width:170px;
	overflow:hidden;
	_margin:0 10px
}

#header2016 .ques-advert-wrapper .question-wrapper dd {
	height:19px
}

#header2016 .advert-wrapper .advert-img {
	width:244px
}

#header2016 .nav-content dl {
	float:left;
	clear:none;
	position:relative
}

#header2016 .nav-content .menu-wrapper dl:after {
	content:'';
	position:absolute;
	height:100px;
	width:1px;
	background:url(/template/Tpl_2026/images//index_menu_line.png) repeat-y;
	top:0;
	right:15px
}

#header2016 .nav-content .menu-wrapper dl::after {
	content:'';
	position:absolute;
	height:100px;
	width:1px;
	background:url(/template/Tpl_2026/images//index_menu_line.png) repeat-y;
	top:0;
	right:15px
}

#header2016 .nav-content .menu-wrapper dl:last-of-type:after {
	display:none
}

#header2016 .nav-content .menu-wrapper dl:last-of-type::after {
	display:none
}

#header2016 .nav-content .menu-wrapper dl.c-last:after {
	display:none
}

#header2016 .nav-content .menu-wrapper dl.c-last::after {
	display:none
}

#header2016 .nav-content .menu-wrapper dl.ymzc_c_1:after,#header2016 .nav-content .menu-wrapper dl.ymzc_c_1::after {
	right:25px
}

#header2016 .nav-content .menu-wrapper dl.ymjy_c_1:after,#header2016 .nav-content .menu-wrapper dl.ymjy_c_1::after {
	right:35px
}

#header2016 .nav-content .menu-wrapper dl.yfwq_c_1:after,#header2016 .nav-content .menu-wrapper dl.yfwq_c_1::after {
	height:122px
}

#header2016 .nav-content .menu-wrapper dl.yfwq_c_2:after,#header2016 .nav-content .menu-wrapper dl.yfwq_c_2::after {
	height:122px
}

#header2016 .nav-content .menu-wrapper dl.vps_c_1:after,#header2016 .nav-content .menu-wrapper dl.vps_c_1::after {
	right:30px
}

#header2016 .nav-content .menu-wrapper dl.zjzy_c_1:after,#header2016 .nav-content .menu-wrapper dl.zjzy_c_1::after {
	right:30px
}

#header2016 .nav-content .menu-wrapper dl.cpwz_c_1:after,#header2016 .nav-content .menu-wrapper dl.cpwz_c_1::after {
	right:20px
}

#header2016 .nav-content .menu-wrapper dl.cpwz_c_1:after,#header2016 .nav-content .menu-wrapper dl.cpwz_c_1::after {
	right:20px
}

#header2016 .nav-content .menu-wrapper dl.dlzq_c_1:after,#header2016 .nav-content .menu-wrapper dl.dlzq_c_1::after {
	right:30px
}

#header2016 .nav-content .menu-wrapper dl.dlzq_c_2:after,#header2016 .nav-content .menu-wrapper dl.dlzq_c_2::after {
	right:30px
}

#header2016 .nav-content dl dt {
	font-size:14px;
	font-weight:700;
	height:16px;
	line-height:16px;
	padding-bottom:8px;
	_display:inline;
	_zoom:1
}

#header2016 .nav-content dl dt a {
	color:#575757
}

#header2016 .nav-content dl dd {
	font-size:12px;
	color:#919191;
	margin-top:6px
}

#header2016 .nav-content dl dd a {
	width:113px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#3e3e3e
}

#header2016 .nav-content dl dd a.sub-menu-title {
	font-weight:700
}

#header2016 .nav-content dl dd a:hover {
	color:#ff7200
}

#header2016 .nav-content dl .product-desc {
	font-weight:400;
	color:#919191;
	font-size:12px;
	margin-top:6px
}

#header2016 .ques-advert-wrapper dl dd a {
	width:170px;
	*width:170px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

#header2016 .menu-container.large .menu-wrapper .col-3 {
	width:436px;
	float:right
}

#header2016 .menu-container.large .menu-wrapper .col-4 {
	width:520px;
	float:right
}

#header2016 .menu-container.large .menu-wrapper .col-cloud-server {
	width:565px;
	float:right
}

#header2016 .menu-container.large .menu-wrapper dl dt {
	min-width:130px
}

#header2016 .menu-container.large .menu-wrapper dl dd a {
	width:130px
}

#header2016 .nav-content .scroll-msg-container {
	background-color:#ededed
}

#header2016 .scroll-msg {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	color:#575757;
	font-size:14px;
	padding-left:45px;
	background:url(/template/Tpl_2026/images//icon.png) no-repeat 0 -371px;
	width:500px
}

#header2016 .scroll-msg li {
	height:45px;
	line-height:45px;
	float:none;
	width:100%;
	overflow:hidden
}

#header2016 .scroll-msg li a {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-break:normal
}

#header2016 .scroll-msg .amt {
	font-size:13px
}

#header2016 .scroll-msg-container .more-activity {
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:45px;
	line-height:45px;
	font-size:12px;
	margin-left:10px;
	color:#9e9e9e
}

#header2016 .scroll-msg-container .more-activity:hover {
	color:#ff7200
}

.sub-menu-tip {
	position:relative
}

.sub-menu-tip i {
	position:absolute;
	width:34px;
	height:18px;
	background:url(/template/Tpl_2026/images//icon.png) no-repeat
}

.sub-menu-tip .cu {
	background-position:0 -620px
}

#headerSubNav2016 .header-sub-nav {
	height:40px;
	background-color:#f7fafa;
	border-top:1px solid #e5e5e5;
	z-index:9999
}

#headerSubNav2016 .header-sub-nav .header-sub-nav-title {
	float:left;
	font-size:20px;
	margin:0;
	padding:0;
	height:40px;
	line-height:40px
}

#headerSubNav2016 .header-sub-nav .header-sub-nav-container {
	height:40px;
	font-size:14px
}

#headerSubNav2016 .header-sub-nav .header-sub-nav-container li {
	float:right;
	cursor:pointer
}

#headerSubNav2016 .header-sub-nav .header-sub-nav-container li .header-sub-nav-item {
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:40px;
	line-height:40px;
	padding:0 18px
}

#headerSubNav2016 .header-sub-nav .header-sub-nav-container .manager-center {
	position:relative;
	*z-index:90
}

#headerSubNav2016 .header-sub-nav .header-sub-nav-container .manager-center .header-sub-nav-item {
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:38px;
	line-height:38px;
	border:1px solid #f7fafa
}

#headerSubNav2016 .header-sub-nav .header-sub-nav-container .manager-center .manager-icon {
	display:inline-block;
	*display:inline;
	*zoom:1;
	background-image:url(/template/Tpl_2026/images//manage-center.jpg);
	background-repeat:no-repeat;
	background-position:0 -56px;
	width:26px;
	height:38px;
	vertical-align:middle
}

#headerSubNav2016 .header-sub-nav .header-sub-nav-container .active-manager-center .header-sub-nav-item {
	background-color:#fff;
	border:1px solid #e9e9ea;
	border-bottom:0;
	position:relative;
	z-index:91
}

#headerSubNav2016 .header-sub-nav .header-sub-nav-container .active-manager-center .manager-icon {
	background-position:0 10px
}

#headerSubNav2016 .header-sub-nav .manager-center-container {
	position:absolute;
	right:0;
	top:40px;
	width:516px;
	z-index:90;
	background-color:#fff;
	border:1px solid #e9e9ea;
	padding:10px 18px 23px;
	margin-top:-2px;
	*zoom:1;
	display:none
}

#headerSubNav2016 .header-sub-nav .active-manager-center .manager-center-container {
	display:block
}

#headerSubNav2016 .header-sub-nav .manager-center-container dt {
	color:#3876d6;
	line-height:30px
}

#headerSubNav2016 .header-sub-nav .manager-center-container dd {
	color:#646464;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:36px;
	line-height:26px
}

#footer2016 {
	background-color:#fff;
	zoom:1
}

#footer2016 .gray-line {
	border-bottom:1px solid #e4e4e4
}

#footer2016 .white-line {
	border-bottom:1px solid #fff
}

#footer2016 .footer-middle {
	height:260px;
	background:#f6f6f6
}

#footer2016 .footer-middle .footer-middle-container {
	position:relative;
	height:100%
}

#footer2016 .footer-middle .footer-middle-list {
	float:left
}

#footer2016 .footer-middle .footer-middle-list dl {
	float:left;
	padding-right:30px;
	clear:none
}

#footer2016 .footer-middle .footer-middle-list dt {
	padding:30px 0;
	color:#2F2F2F;
	font-weight:700
}

#footer2016 .footer-middle .footer-middle-list dd {
	padding-right:30px
}

#footer2016 .footer-middle a {
	color:#4A4A4A;
	height:24px;
	line-height:24px;
	margin-right:30px;
	font-size:12px
}

#footer2016 .footer-middle a:hover {
	color:#ff7200;
	text-decoration:underline
}

#footer2016 .contact-list-2016 {
	position:absolute;
	right:0;
	top:0;
	*width:320px
}

#footer2016 .footer-middle-tel {
	width:319px;
	padding-top:48px
}

#footer2016 .footer-middle-tel .tel-content {
	padding-right:12px;
	margin-right:12px;
	border-right:1px solid #d2d2d2;
	text-align:right;
	float:left
}

#footer2016 .tel-content .tel-tiltle {
	font-size:20px;
	font-weight:700;
	color:#8a8a8a;
	line-height:1.1
}

#footer2016 .footer-middle-tel .Tel {
	font-size:28px;
	line-height:1;
	font-weight:400
}

#footer2016 .footer-middle-tel .Tel h3 {
	font-size:24px;
	margin:0;
	padding:5px 0 10px;
	line-height:26px;
	font-weight:500
}

#footer2016 .footer-middle-attion {
	margin-top:50px
}

#footer2016 .footer-middle-attion .attion-list li {
	float:left;
	padding-right:30px
}

#footer2016 .footer-middle-attion .attion-list li.pr-15 {
	padding-right:15px
}

#footer2016 .footer-middle-attion .attion-list li p {
	line-height:1.6;
	margin:0
}

#footer2016 .footer-middle-attion .attion-list .social-img {
	display:inline-block;
	width:48px;
	height:38px;
	background:url(/template/Tpl_2026/images//footer-icon.png);
	background-repeat:no-repeat
}

#footer2016 .footer-middle-attion .attion-list .ft-img_5 {
	background-position:0 -494px
}

#footer2016 .footer-middle-attion .attion-list .ft-img_6 {
	background-position:0 -410px
}

#footer2016 .footer-middle-attion .attion-list .wx-img {
	height:110px;
	margin-top:-10px;
	_margin-top:0
}

#footer2016 .footer-middle-attion .attion-list .wb-link {
	margin-right:0
}

#footer2016 .footer-bottom {
	padding-top:20px;
	line-height:28px;
	text-align:center
}

#footer2016 .footer-bottom p a {
	color:#666
}

#footer2016 .footer-bottom p span {
	padding:0 7px
}

#footer2016 .footer-bottom p a:hover {
	color:#0079ce;
	text-decoration:underline
}

#footer2016 .footer-images {
	text-align:center
}

#footer2016 .footer-bottom .fb-img {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:30px;
	height:30px;
	background:url(/template/Tpl_2026/images//ft-icon.jpg);
	background-repeat:no-repeat
}

#footer2016 .footer-bottom .fb-img_1 {
	background-position:0 0
}

#footer2016 .footer-bottom .fb-img_2 {
	background-position:-75px 0
}

#footer2016 .footer-bottom .fb-img_3 {
	background-position:-154px 0
}

#footer2016 .footer-bottom .fb-img_4 {
	background-position:-234px 0
}

#footer2016 .footer-bottom .fb-img_5 {
	background-position:-314px 0
}

#footer2016 .footer-bottom .fb-img_6 {
	background-position:-394px 0
}

#footer2016 .footer-bottom .fb-img_7 {
	background-position:-476px 0
}

#footer2016 .footer-bottom .fb-img_8 {
	background-position:-551px 0
}
@media screen and (max-width:1206px) {
	#header2016 .lt-tab li {
		width:346px
	}
	#header2016 .lt-tab li.item-middle {
		width:270px
	}
	#header2016 .lt-tab li.item-width {
		width:250px
	}
	#header2016 .menu-container.large .menu-wrapper .col-cloud-server {
		width:535px
	}

	#header2016 .nav-content dl dd a {
		width:88px
	}
	#header2016 .nav-content .menu-wrapper {
		margin-right:451px
	}
	#header2016 .nav-content .menu-wrapper dl:after,#header2016 .nav-content .menu-wrapper dl::after {
		display:none
	}
	#header2016 .ques-advert-wrapper {
		width:451px
	}
	#header2016 .ques-advert-wrapper dl dd a {
		width:170px
	}
	#header2016 .ques-advert-wrapper .question-wrapper {
		margin:0 10px
	}}
.desktop #header2016 .lt-tab li {
	  width:346px
  }

.desktop #header2016 .lt-tab li.item-middle {
	width:270px
}

.desktop #header2016 .lt-tab li.item-width {
	width:250px
}

.desktop #header2016 .menu-container.large .menu-wrapper .col-cloud-server {
	width:535px
}

.desktop #header2016 .main-nav-wrapper li a.nav-menu {
	padding:0 8px
}

.desktop #header2016 .nav-content dl dd a {
	width:88px
}

.desktop #header2016 .nav-content .menu-wrapper {
	margin-right:451px
}

.desktop #header2016 .nav-content .menu-wrapper dl:after,.desktop #header2016 .nav-content .menu-wrapper dl::after {
	display:none
}

.desktop #header2016 .ques-advert-wrapper {
	width:451px
}

.desktop #header2016 .ques-advert-wrapper dl dd a {
	width:170px
}

.desktop #header2016 .ques-advert-wrapper .question-wrapper {
	margin:0 10px
}

@media (min-width:1060px) and (max-width:1140px)
{
	#header2016 .main-nav-wrapper li a.nav-menu
	{
		padding: 8px 8px
	}}


@media screen and (max-width:1060px)
{
	#header2016 .main-nav-wrapper li a.nav-menu
	{
		padding: 8px 4px
	}}

#header2016,#footer2016{min-width:0 !important;clear:both;position:relative}

#header2016 .wide1190,#footer2016 .wide1190{padding:0 100px}

/*public end*/
/*header*/
#header2016 .header-nav{background-color: #fff;}

#header2016 .header-nav-content{background-color: #fff;position: relative;width: 100%; height: 72px;bottom:0}

#header2016 .main-nav-wrapper{margin-right: 0px}

#header2016 .wide1190{padding: 0 40px}

#header2016 .header-nav .logo{margin:0;width: auto; overflow:visible;height: 72px; text-align: left; display:flex; align-items:center;}

#header2016 .header-nav .logo img{max-width:160px;}

#header2016 .header-reg{color: #fff}

#header2016 .header-pos{ position: static; width: 100%}

#header2016 .topnav li .menu,#header2016 .login-left{height: 49px;line-height: 46px;}

#header2016 .login-input {
	padding-left:10px;
	width:104px;
	height:24px;
	line-height:24px;
	border:1px solid #e6e6e6
}

#header2016 .login-btn{ width: 56px; text-align: center;height: 26px; line-height: 26px; padding: 0;}

#header2016  .kjlogin .login-link{
	font-size:12px
}


#header2016 .common-dropdown{right: -1px;}

#header2016 .index-nav{margin-left: 10px;float: left;}

/*footer*/
#footer2016 .footer-bottom{ padding: 20px 0;}
/*public*/
a:hover{color:#094a9e}
/* 品牌主色：#0b5fd1 平面蓝（已去除紫罗兰渐变，对齐参考站风格） */
.common-btn {border:0;height:34px;line-height:34px;background-color:#cc0000;font-size:14px;margin-right:6px;width:96px;display:inline-block;*display:inline;*zoom:1;text-align:center;	-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}
.common-btn:hover {background-color:#094a9e;color:#fff}
.link{color: #0b5fd1;}

/*public end*/

/* ===== 头部定制：单层白色主导航 + 右侧登录区（参考 idcicp / west.cn 扁平风）===== */
/* 导航区登录 / 注册（原挂在 .headerTop 下，顶部工具条移除后改挂 .header-nav-login） */
#header2016 .header-nav-login { display:flex; align-items:stretch; font-size:15px; }
#header2016 .header-nav-login .tp-login-reg,
#header2016 .header-nav-login #TitleLoginOk { display:flex; align-items:stretch; }
#header2016 .header-nav-login .tp-login-btn,
#header2016 .header-nav-login .tp-manage-link {
    display:inline-flex; align-items:center; align-self:center; height:auto; line-height:1; padding:0 14px;
    font-size:15px; color:#1f2937; border:0; border-radius:0; margin-left:10px;
    -webkit-transition:color .3s ease; transition:color .3s ease;
}
#header2016 .header-nav-login .tp-login-btn:hover,
#header2016 .header-nav-login .tp-manage-link:hover { color:#cc0000; border:0; background:transparent; }
#header2016 .header-nav-login .tp-reg-btn,
#header2016 .header-nav-login .tp-logout-btn {
    display:inline-flex; align-items:center; height:60px; line-height:60px; padding:0 18px;
    font-size:15px; color:#fff; background-color:#cc0000; border:0;
    border-radius:0; margin-left:10px;
    -webkit-transition:background-color .3s ease; transition:background-color .3s ease;
}
#header2016 .header-nav-login .tp-reg-btn:hover,
#header2016 .header-nav-login .tp-logout-btn:hover { background-color:#a60000; border:0; color:#fff; }
/* ===== 头部定制结束 ===== */

/* 顶部条下拉面板（最新公告 / 购物车）：白底黑字 */
#header2016 .topnav-notice.common-dropdown,
#header2016 .shopping-car-container.common-dropdown {
    background-color:#fff;
    border-color:#e0e0e0;
    color:#333;
    top:30px;
}
#header2016 .topnav-notice.common-dropdown a,
#header2016 .topnav-notice.common-dropdown ol li a,
#header2016 .topnav-notice.common-dropdown .notice-cnt .notice-more,
#header2016 .topnav-notice.common-dropdown .notice-cnt .notice-unread,
#header2016 .topnav-notice.common-dropdown .notice_all_content a,
#header2016 #noread_countbox,
#header2016 #noread_countbox a,
#header2016 .ignore_notice,
#header2016 .topnav-notice.common-dropdown ol .newsDate { color:#333; }
#header2016 .topnav-notice.common-dropdown ol li a:hover { color:#0b5fd1; }
#header2016 .topnav-notice.common-dropdown .notice-cnt,
#header2016 .topnav-notice.common-dropdown ol li a,
#header2016 .notice_all_content,
#header2016 #noread_countbox { border-color:#e5e5e5; }
#header2016 .notice_all_content { background-color:#f7f7f7; }
#header2016 .topnav-notice.common-dropdown ol li em { background-color:#333; }
/* 购物车结算按钮保持白字（靛蓝底） */
#header2016 .shopping-car-container.common-dropdown .shopping-car-btn,
#header2016 .shopping-car-container.common-dropdown .shopping-car-btn:hover { color:#fff; }

/*header*/

#header2016 .topnav li .link-menu:hover{color:#094a9e;}
#header2016 .main-nav-wrapper li a.nav-menu.current,#header2016 .main-nav-wrapper li a.nav-menu.hover,#header2016 .main-nav-wrapper li a.nav-menu:hover {
	
	background-color:#cc0000;
	color: #fff;
	border-bottom:none;
	-webkit-transition:all .3s;
	transition:all .3s
}
#header2016 .main-nav-wrapper li a.nav-menu:hover {
	color:#fff;
}

/*header end*/

.query-container .domain-query-btn{background-color:#cc0000;background-repeat:no-repeat;background-position:22px -76px;}
.query-container .domain-query-btn:hover{background-color:#094a9e;background-position:22px -76px;}
.active-hover{ border: 2px solid #0b5fd1;margin: 0; height: 480px;}
.active-hover .active-title{background-color:#cc0000; color: #fff;}
.active-hover .price{height: 86px; line-height: 86px;}
.active-hover h6 {
	padding: 30px 0px;
}
.g-default-btn {
	height:40px;
	line-height:40px;
	color:#fff;
	margin-right: 11px;
	
	background-color:#cc0000
}
.hover .g-default-btn,.g-default-btn:hover {
	
	background-color:#094a9e;
	color:#fff
}
.searchDiv .domain-query-btn {
	
	background-color:#cc0000;
}
.searchDiv .domain-query-btn:hover {
	
	background-color:#094a9e
}
.wjf-ui-tab{background-color: #F7F7F7;}
.wjf-ui-tab li,.wjf-ui-tab-style3 li{position: relative;}
.wjf-ui-tab li a{ background: none;}
.wjf-ui-tab li a.active {
	
	background-color:#cc0000;
	color:#fff;
	margin-left:-2px
}
.wjf-ui-tab li span,.webhosting-tab li span{
	position: absolute;
	width: 1px;
	background: #dfdfdf;
	overflow: hidden;
	height: 32px;
	top: 10px;
	right: 0px;
	color: #DFDFDF
}
.webhosting-tab li span{ height: 42px;}
.webhosting-tab .active .item{margin-left: -2px;}
.wjf-ui-tab li a.active span,.webhosting-tab .active span{ display: none}
.triangle-top{
	display: none;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	left: 50%;
	margin-left: -4px;
	bottom: -14px;
	border-top-color: #0b5fd1;
	position: absolute;
}
.wjf-ui-tab li a.active .triangle-top,.wjf-ui-tab-style3 a.active .triangle-top{ display: inline-block;}

.line-color{margin: 5px auto 40px;width: 100px;	border-bottom:2px solid #0b5fd1;}
.home .hotList li a{color: #777575;background-color: #e0e0e0}
.hotList li a.active {color:#fff;	background-color:#cc0000}
#header2016 .shopping-car-container .shopping-car-box h3 span{border-bottom: 1px solid #0b5fd1;}
#header2016 .shopping-car-container .shopping-car-bottom .shopping-car-btn{background-color:#cc0000;}

/* 购物车下拉：列表文字/链接改深色（抵消顶部条 .topnav li a 的白字规则，ID 特异性更高） */
#header2016 .topnav li .shopping-car-container .shopping-car-list tr,
#header2016 .topnav li .shopping-car-container .shopping-car-list td,
#header2016 .topnav li .shopping-car-container .shopping-car-list td.shopping-name a { color:#333; }
#header2016 .topnav li .shopping-car-container .shopping-car-list td.shopping-name a:hover { color:#0b5fd1; }
#header2016 .topnav li .shopping-car-container .shopping-car-bottom { color:#666; }
.domext-select-container .more-domains{border: 1px solid #0b5fd1;color: #0b5fd1;}
/*reg*/
.reg-section dt{color: #0b5fd1;}
.reg-content .reg-title h3 {border-left: 3px solid #0b5fd1;}
.reg-content .reg-title .login-btn {color: #0b5fd1;}
.reg-content .reg-title .login-btn:hover {color: #094a9e;}
.reg-btn {display:inline-block;*display:inline;*zoom:1;width:200px;height:44px;line-height:44px;background-color:#cc0000;font-size:14px;color:#fff;text-align:center;	border:0;cursor: pointer}
.reg-btn:hover {background-color:#094a9e;color:#fff}
/*reg end*/

/*whois*/
.whois-content .whois-info .whois-btn,.whois-domain .jp-domain-list a{background-color:#cc0000;}
.whois-content .whois-info .whois-btn:hover{background-color:#094a9e;}
.whois-list .column-btn{background-color:#cc0000}
.webhosting-title .line-color{ margin-bottom: 10px;}
.webhosting-title h3{ margin: 15px 0}
/*whois end*/

/*domain reg*/
.dmbuymore-content .content-title h2{border-left: 3px solid #0b5fd1;}
.dmbuymore-section dt{color: #0b5fd1;}
.dmbuymore-info .dmbuymore-info-buy{background-color:#cc0000;}
.domext-wrapper .more-domains {border: 1px solid #0b5fd1;color: #0b5fd1}
.domext-wrapper .more-domains:hover {border: 1px solid #094a9e;color: #094a9e}
/*domain reg end*/

/*transfer*/
.transfer-search-tab {background-color:#cc0000}
.transfer-search-tab li .active {background-color:#094a9e}
.transfer-search-tab li .active i.triangle-top{ display: inline-block;border-top-color: #094a9e}
.transfer-btn{background-color:#cc0000}
.transfer-middle .tm-title{border-left:4px solid #0b5fd1}
.transfer-section-tab li .active{border-bottom:2px solid #0b5fd1;color:#0b5fd1}
/*transfer end*/

/*webhosting*/
.wjf-page-anchor-nav {border-bottom:1px solid #E4E4E4}
.wjf-page-anchor-nav .active {border-top:2px solid #0b5fd1; border-left:1px solid #E4E4E4;border-right:1px solid #E4E4E4 }
.webhosting-faq .faq-list dt{color:#0b5fd1}
.webhosting-faq .faq-list .yd_link{color: #094a9e}
/*buy*/
.common-form dt{color: #0b5fd1; border-left: 2px solid #0b5fd1;padding: 8px 0px 8px 24px; background-color: #f8f8f8;font-size: 16px}
.config-table .import-info{color: #0b5fd1}
.product-detail-desc .title span{border-bottom: 2px solid #0b5fd1}
.common-form .submit-btn{background-color:#cc0000}
.common-form .submit-btn:hover{background-color:#094a9e}
/*buy end*/
.webhosting-info table tr td .info-btn,.webhosting-tab .active .item{background-color:#cc0000}
.webhosting-info table.high-light-table tr td .info-btn{background-color:#094a9e}
.webhosting-info table.high-light-table{border:1px solid #0b5fd1;box-shadow:0 0 3px 1px #094a9e}
.webhosting-info table.high-light-table th{color:#0b5fd1}
.webhosting-info table tr th{background:#f4fbf2}
.webhosting-explain .webhosting-explain-title span{border-bottom:2px solid #0b5fd1}
.webhosting-explain .webhosting-explain-txt span{color:#0b5fd1}
.webhosting-tab .webhosting-tab-list li.active a{border-bottom:2px solid #0b5fd1}

.select-webhost{padding: 20px 30px;background: #FFF;font-size: 14px}
.select-webhost dl dt{font-weight: 700;float: left;height: 32px;line-height: 32px;width: 90px;text-align: right}
.select-webhost dl dd{float: left;margin: 0 4px}
.select-webhost a{display: inline-block;  padding: 5px 10px}
.select-webhost a.select-active{background-color:#cc0000; color: #fff}
/*webhosting end*/

/*vps*/
.vps-faq .faq-list dt {color:#0b5fd1}
/*vps end*/

/*cloudhost*/
.wjf-ui-tab-style2 li a.active {background-color:#cc0000}
.wjf-ui-tab-style2 {border-bottom:2px solid #0b5fd1}
.progress {background-color: #0b5fd1}
.cloud-faq .faq-list dt {color:#0b5fd1}
.host-config .tx-host .tuijian-config input.btn_page_1 {background: #e9f1fd;border: 1px solid #0b5fd1}
/*cloudhost end*/

/*mail*/
.sel a.sel_on,.wjf-ui-tab-style3 .active {background-color:#cc0000}
.btn-mail{background-color:#cc0000}
.btn-mail:hover{background-color:#094a9e}
.wjf-ui-tab-style3 .item{height: 60px;line-height: 60px;margin: 0 20px 0 0}
.wjf-ui-tab-style3 {text-align: left}
.taocan .mail-table tr th{background:#e9f1fd}
/*mail end*/

/*agent*/
.am-column .am-left .am-txt .am-txt-icon {color:#0b5fd1}
.am-column .am-right .sm-btn1 {background-color:#cc0000}
.am-column .am-right .sm-btn2 {border:1px solid #0b5fd1;color:#0b5fd1}
.agent-level .al-title,.aj-bottom .aj-title h4 {border-left:4px solid #0b5fd1;color:#0b5fd1}
.mode-content h5 {color:#0b5fd1}
/*agent end*/

/*bagshow*/
.bagshow-title .bagshow-title-right .bagshow-title-btn,.bagshow-goods .bagshow-count-right .bagshow-title-btn,.bagshow-goods .bagshow-table .bagshow-table-btn{background-color:#cc0000}
.bagshow-goods .bagshow-table{border:1px solid #e5e5e5;border-top:2px solid #0b5fd1}
.bagshow-goods .bagshow-table tr th,.bagshow-goods .bagshow-count{background:#f8f8f8}
/*bagshow end*/

/*help center*/
.navbar-left .nl-title,.cr-search button,.mail_tab_center_on {background-color:#cc0000;}
.navbar-left .nl-list .active a, .navbar-left .nl-list li:hover a  {
	background: #e9f1fd;
	color: #0b5fd1;
	border-bottom: 1px solid #e9f1fd;
}
.cr-search {border:2px solid #0b5fd1}
.mail_tab_center_on{color:#fff}
.navbar-left .nl-list .active i,.navbar-left .nl-list li:hover i{border-left-color: #e9f1fd;}
/*help center end*/

/*footer*/
#footer2016{background-color: #24292f; color: #9ca3af; padding: 28px 0 24px; font-size: 13px;}
#footer2016 .footer-bottom { text-align: center; line-height: 2; }
#footer2016 .footer-links,
#footer2016 .footer-copyright { margin-bottom: 6px; }
#footer2016 .footer-links a { color: #d1d5db; }
#footer2016 .footer-links a:hover { color: #ff7200; text-decoration: none; }
#footer2016 .footer-links span { color: #4b5563; padding: 0 10px; }
#footer2016 .footer-copyright { color: #9ca3af; font-size: 12px; }
#footer2016 .footer-copyright a { color: #9ca3af; }
#footer2016 .footer-copyright a:hover { color: #ff7200; text-decoration: none; }
/* fallback for old <p> structure */
#footer2016 .footer-bottom p a { color: #d1d5db; }
#footer2016 .footer-bottom p a:hover { color: #ff7200; }
/* ===== 页脚：深色扁平四栏（对齐参考站：无投影、细分割线、高信息密度） ===== */
#footer2016 { background-color:#1e242c; color:#8b95a5; padding:0; font-size:13px; }
#footer2016 .footer-main {
	display:grid;
	grid-template-columns:1.7fr 1fr 1fr 1.35fr;
	padding:34px 0 30px;
	border-bottom:1px solid #2b333d;
}
#footer2016 .footer-col { padding:0 26px; border-right:1px solid #2b333d; }
#footer2016 .footer-col:first-child { padding-left:0; }
#footer2016 .footer-col:last-child { padding-right:0; border-right:0; }
#footer2016 .footer-brand { margin:0 0 10px; font-size:22px; font-weight:700; color:#fff; letter-spacing:.5px; }
#footer2016 .footer-slogan { margin:0 0 14px; line-height:1.85; color:#8b95a5; max-width:330px; }
#footer2016 .footer-facts { margin:0; padding:0; list-style:none; }
#footer2016 .footer-facts li { position:relative; padding-left:12px; line-height:2; color:#6f7a89; }
#footer2016 .footer-facts li:before { content:""; position:absolute; left:0; top:13px; width:4px; height:4px; background-color:#2f7fe0; }
#footer2016 .footer-h { margin:0 0 12px; font-size:14px; font-weight:600; color:#e6eaf0; }
#footer2016 .footer-nav { margin:0; padding:0; list-style:none; }
#footer2016 .footer-nav li { line-height:1.95; }
#footer2016 .footer-nav a { color:#8b95a5; }
#footer2016 .footer-nav a:hover { color:#fff; text-decoration:none; }
#footer2016 .footer-tel {
	margin:0 0 10px; font-family:"Bahnschrift","DIN Alternate","Arial Narrow",Arial,sans-serif;
	font-size:26px; font-weight:700; line-height:1.2; color:#fff; letter-spacing:.5px;
}
#footer2016 .footer-line { margin:0; line-height:2; color:#8b95a5; }
#footer2016 .footer-bottom { padding:18px 0 22px; text-align:center; line-height:2; }
#footer2016 .footer-line a { color:#8b95a5; }
#footer2016 .footer-line a:hover { color:#fff; text-decoration:none; }
#footer2016 .footer-oicq { margin:6px 0 0; color:#6f7a89; }
#footer2016 .footer-oicq a { color:#8b95a5; }
#footer2016 .footer-oicq a:hover { color:#fff; text-decoration:none; }
@media screen and (max-width:1279px) {
	#footer2016 .footer-main { grid-template-columns:1.5fr 1fr 1fr; }
	#footer2016 .footer-col-contact { grid-column:1 / -1; padding:18px 0 0; margin-top:18px; border-right:0; border-top:1px solid #2b333d; }
}
@media screen and (max-width:1023px) {
	#footer2016 .footer-main { grid-template-columns:1fr 1fr; padding:24px 0 20px; }
	#footer2016 .footer-col { padding:0 16px; }
	#footer2016 .footer-col:nth-child(2n) { border-right:0; padding-right:0; }
	#footer2016 .footer-col:nth-child(3) { padding-left:0; }
	#footer2016 .footer-col-contact { grid-column:auto; padding:18px 0 0; }
	#footer2016 .footer-col-brand { grid-column:1 / -1; border-bottom:1px solid #2b333d; padding:0 0 18px; margin-bottom:18px; }
}
@media screen and (max-width:639px) {
	#footer2016 .footer-main { grid-template-columns:1fr; padding:20px 0 18px; }
	#footer2016 .footer-col { padding:0 0 14px !important; border-right:0; border-bottom:1px solid #2b333d; margin-bottom:14px; }
	#footer2016 .footer-col:last-child { padding-bottom:0 !important; border-bottom:0; margin-bottom:0; }
	#footer2016 .footer-col-brand { padding-bottom:14px !important; margin-bottom:14px !important; }
	#footer2016 .footer-h { margin:0 0 8px; font-size:13px; }
	#footer2016 .footer-nav { display:grid; grid-template-columns:repeat(2, 1fr); gap:4px 12px; }
	#footer2016 .footer-nav li { line-height:1.7; }
	#footer2016 .footer-slogan { max-width:none; margin-bottom:10px; font-size:12px; }
	#footer2016 .footer-facts li { line-height:1.7; }
	#footer2016 .footer-brand { font-size:17px; margin-bottom:6px; }
	#footer2016 .footer-tel { font-size:20px; margin-bottom:6px; }
	#footer2016 .footer-line { line-height:1.7; font-size:12px; }
	#footer2016 .footer-bottom { padding:14px 0 18px; line-height:1.7; }
	#footer2016 .footer-links { margin-bottom:4px; }
	#footer2016 .footer-links span { padding:0 6px; }
}
/*footer end*/


/*manager new*/
.manager-btn, .common-btn{background-color:#cc0000}
.manager-btn:hover, .common-btn:hover {background-color:#094a9e}
.mt-news .mt-news-title .active,.manager-product .mp-title span  {border-bottom:2px solid #0b5fd1;color:#0b5fd1}
.leftmenu_main h1:hover .expand-icon {border-left-color: #0b5fd1}
.manage_left_menu h1.current .expand-icon { border: 5px solid transparent;border-top-color: #0b5fd1}
.leftmenu_main h1:hover,.leftmenu_main h1.current,.leftmenu_main ul li.hover a,.leftmenu_main ul li a:hover,.leftmenu_main ul li a.linkcur{color:#0b5fd1}
.manager-tab li.liactive {border-top:2px solid #0b5fd1;}
/*manager new end*/
.gray-btn {
	background:#d5d1d1;
	color:#686868
}
.gray-btn:hover {
	background:#C9C7C7;
	color:#686868
}

/***********/
input.ddos_bt {
    margin-right: 8px;
    display: inline-block;
    width: 88px;
    height: 38px;
    line-height: 38px;
    background: #f4f4f4;
    font-size: 14px;
    text-align: center;
    border: 1px solid #f4f4f4;
    color: #6a6a6a;
    cursor: pointer;
    position: relative;
}

input.ddos_btactivate {background: #e9f1fd;border: 1px solid #0b5fd1}
/* 导航栏右侧登录/注册区样式统一由文件顶部「头部定制」块定义（72px 头部 + 34px 按钮），此处不再重复覆盖 */

/* body 最小撑满一屏，避免内容较长时底部出现白缝（覆盖缓存的旧 global.css html,body{height:100%}） */
html { height:100%; }
body { min-height:100%; }

/* 网站宽度：参考 idc.daidc.cn，最大宽度 1440px，左右内边距 40px */
.wide1190,
#header2016 .wide1190,
#footer2016 .wide1190 {
	max-width:1440px;
	margin:0 auto;
	padding-left:40px;
	padding-right:40px;
	box-sizing:border-box;
}

/* ===== 主导航最终布局：单层白底，Logo 左 · 菜单中 · 登录区右，全部落在核心内容区内 ===== */
/* 关键：清除 tp2016.css 里 .header-pos{position:absolute;width:100%} 与 .wide1190{padding:0 100px}
   造成的双重缩进/溢出。这里让 .header-pos 回归普通流，padding 归零，宽度即 .wide1190 的内容宽度。 */
#header2016 { position:sticky; top:0; z-index:10100; background-color:#fff; box-shadow:none; border-bottom:1px solid #e5e7eb; }
#header2016 .header-nav,
#header2016 .header-nav-content { background-color:#fff; }
#header2016 .header-nav-content { display:flex; align-items:center; height:60px; bottom:0 !important; }
/* global.css 里 #header2016 .header-nav{height:64px} 与本行同特异性但更早加载，会让 60px 的
   内容层溢出 4px 压在 banner 上，这里显式改回 60px */
#header2016 .header-nav { height:60px; }
#header2016 .header-nav .wide1190 { padding:0 40px; }
#header2016 .header-pos {
    position:static;
    display:flex;
    align-items:center;
    width:100%;
    box-sizing:border-box;
    padding:0;
}
/* Logo 左对齐并锁定尺寸 */
#header2016 .header-nav .logo { flex:0 0 auto; order:1; height:60px; display:flex; align-items:center; margin:0 28px 0 0; width:auto; text-align:left; overflow:visible; }
#header2016 .header-nav .logo img { display:block; max-height:46px; width:auto; }
/* 桌面端隐藏移动端抽屉头部（关闭菜单按钮）
   不用 !important：本条特异性 (1,2,1) 已高于平板 1024-1335px 段的
   `#header2016 .main-nav-wrapper li`（1,1,1，display:inline-block），
   足以压住它，避免「关闭菜单」在平板宽度被显示成横向 inline-block。
   移动端 (<=1023px) 由下方抽屉规则同样以 (1,2,1) 隐藏，抽屉菜单不受影响。 */
#header2016 .main-nav-wrapper li.tp-nav-drawer-head { display:none; }
/* 菜单占满中间剩余空间 */
#header2016 .header-nav .main-nav-wrapper { flex:1 1 auto; order:2; overflow:visible; display:flex; align-items:center; margin:0; }
#header2016 .main-nav-wrapper li { float:none; }
/* 60px 行高 + 悬停/当前页蓝色下划线，替代旧的白字蓝底下拉块 */
#header2016 .main-nav-wrapper li a.nav-menu {
    display:block; height:60px; line-height:60px; padding:0 12px; margin:0;
    font-size:15px; color:#1f2937; background:transparent; border-bottom:2px solid transparent;
}
#header2016 .main-nav-wrapper li a.nav-menu:hover,
#header2016 .main-nav-wrapper li a.nav-menu.hover {
    background:transparent; color:#cc0000; border-bottom:2px solid #cc0000;
}
#header2016 .main-nav-wrapper li a.nav-menu.current {
    background:transparent; color:#cc0000; border-bottom:2px solid #cc0000;
}
/* 登录区固定最右，绝不越出内容区（margin-left:auto 保证贴齐核心区右边缘） */
#header2016 .header-nav .header-nav-login { flex:0 0 auto; order:3; float:none; white-space:nowrap; margin-left:auto; padding-left:16px; }
/* 备案 / 工单快捷链接 */
#header2016 .header-mini-links { display:flex; align-items:center; }
#header2016 .header-mini-links a { padding:0 11px; font-size:13px; color:#1f2937; text-decoration:none; }
#header2016 .header-mini-links a:hover { color:#cc0000; }
/* 地区站 / 语言切换：悬停或聚焦展开（无 JS 依赖，触屏点一下也能展开） */
/* 用 flex + align-items:center 让「中国站」在 60px 导航栏里垂直居中
   （父级 .header-nav-login 是 align-items:stretch，若此处不居中，34px 的 .lang-cur 会贴顶） */
#header2016 .lang-switch { position:relative; display:flex; align-items:center; box-sizing:border-box; padding:0 14px; margin-left:4px; border-left:1px solid #e5e7eb; border-right:1px solid #e5e7eb; outline:none; }
#header2016 .lang-cur { display:inline-flex; align-items:center; height:34px; font-size:13px; color:#1f2937; cursor:pointer; }
#header2016 .lang-switch:hover .lang-cur { color:#cc0000; }
#header2016 .lang-cur .lang-txt { font-style:normal; }
#header2016 .lang-cur .ico-globe {
    display:inline-block; width:14px; height:14px; margin-right:5px; background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm6.9 6h-2.95a15.6 15.6 0 00-1.4-3.4A8.03 8.03 0 0118.9 8zM12 4.04c.83 1.2 1.48 2.53 1.9 3.96h-3.8A14.7 14.7 0 0112 4.04zM3.1 14a7.95 7.95 0 010-4h3.6a18.9 18.9 0 000 4H3.1zm.8 2h2.95c.33 1.2.8 2.34 1.4 3.4A8.03 8.03 0 013.9 16zm2.95-8H3.9a8.03 8.03 0 014.35-3.4A15.6 15.6 0 006.85 8zM12 19.96a14.7 14.7 0 01-1.9-3.96h3.8c-.42 1.43-1.07 2.76-1.9 3.96zM14.34 14H9.66a16.8 16.8 0 010-4h4.68a16.8 16.8 0 010 4zm1.46 5.4c.6-1.06 1.07-2.2 1.4-3.4h2.95a8.03 8.03 0 01-4.35 3.4zm2.14-5.4a18.9 18.9 0 000-4h3.6a7.95 7.95 0 010 4h-3.6z'/%3E%3C/svg%3E") no-repeat center;
    mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm6.9 6h-2.95a15.6 15.6 0 00-1.4-3.4A8.03 8.03 0 0118.9 8zM12 4.04c.83 1.2 1.48 2.53 1.9 3.96h-3.8A14.7 14.7 0 0112 4.04zM3.1 14a7.95 7.95 0 010-4h3.6a18.9 18.9 0 000 4H3.1zm.8 2h2.95c.33 1.2.8 2.34 1.4 3.4A8.03 8.03 0 013.9 16zm2.95-8H3.9a8.03 8.03 0 014.35-3.4A15.6 15.6 0 006.85 8zM12 19.96a14.7 14.7 0 01-1.9-3.96h3.8c-.42 1.43-1.07 2.76-1.9 3.96zM14.34 14H9.66a16.8 16.8 0 010-4h4.68a16.8 16.8 0 010 4zm1.46 5.4c.6-1.06 1.07-2.2 1.4-3.4h2.95a8.03 8.03 0 01-4.35 3.4zm2.14-5.4a18.9 18.9 0 000-4h3.6a7.95 7.95 0 010 4h-3.6z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size:contain; mask-size:contain;
}
#header2016 .lang-cur .ico-caret {
    width:0; height:0; margin-left:5px; margin-top:1px;
    border:4px solid transparent; border-top-color:#98a3b6;
}
#header2016 .lang-switch:hover .ico-caret { border-top-color:#cc0000; }
#header2016 .lang-menu {
    display:none; position:absolute; right:0; top:100%; z-index:20;
    min-width:132px; padding:6px 0; background-color:#fff;
    border:1px solid #e5e7eb; box-shadow:0 6px 18px rgba(15,22,38,.08);
}
#header2016 .lang-switch:hover .lang-menu,
#header2016 .lang-switch:focus-within .lang-menu { display:block; }
#header2016 .lang-menu .lang-group {
    margin:0; padding:7px 16px 4px; font-size:13px; font-weight:700; line-height:1.4; color:#0f1626;
}
#header2016 .lang-menu .lang-group + .lang-group { margin-top:4px; padding-top:10px; border-top:1px solid #eef1f6; }
#header2016 .lang-menu a { display:block; padding:5px 16px 5px 26px; font-size:13px; color:#7c879b; text-decoration:none; }
#header2016 .lang-menu a:hover { color:#cc0000; background-color:#f4f6fa; }
#header2016 .lang-menu a.is-cur { color:#cc0000; font-weight:600; }
/* 移动端菜单触发按钮/遮罩：在 flex 容器中保持隐藏（响应式 CSS 会接管显示） */
#header2016 .header-nav .tp-nav-toggle,
#header2016 .header-nav .tp-nav-mask { order:0; flex:0 0 auto; }

/* 小屏电脑（1024px-1335px）：主导航菜单水平滑动，文字不换行 */
@media screen and (max-width: 1335px) and (min-width: 1024px) {
    #header2016 .header-nav .main-nav-wrapper {
        display:block;
        overflow-x:auto;
        overflow-y:hidden;
        white-space:nowrap;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    #header2016 .header-nav .main-nav-wrapper::-webkit-scrollbar { height:0; display:none; }
    #header2016 .main-nav-wrapper li { display:inline-block; float:none; }
    #header2016 .main-nav-wrapper li a.nav-menu {
        display:inline-block;
        white-space:nowrap;
        height:60px;
        line-height:60px;
    }
}

/* 移动端（<=1023px）：核心区左右留白收窄，导航交给抽屉菜单 */
@media screen and (max-width: 1023px) {
    #header2016 .header-nav .wide1190 { padding:0 16px; }
    #header2016 .header-nav { height:auto; }
    #header2016 .header-nav-content { height:60px; }
    #header2016 .header-nav .logo { height:60px; margin-right:0; }
    /* 右簇收紧：只留地球图标，文字与三角隐藏，避免小屏挤压 */
    #header2016 .header-nav .header-nav-login { padding-left:8px; }
    #header2016 .header-mini-links a { padding:0 7px; }
    #header2016 .lang-switch { padding:0 8px; margin-left:0; }
    #header2016 .lang-cur .lang-txt,
    #header2016 .lang-cur .ico-caret { display:none; }
    #header2016 .lang-cur .ico-globe { margin-right:0; }
}

/* 超小屏（<=767px）：备案/工单收进抽屉菜单，头部只保留语言切换与登录/注册 */
@media screen and (max-width: 767px) {
    #header2016 .header-mini-links { display:none; }
    #header2016 .lang-switch { border:0; padding:0 4px; }
    #header2016 .header-nav-login .tp-login-btn,
    #header2016 .header-nav-login .tp-reg-btn { padding:0 12px; margin-left:8px; }
}

/* 清除 clearfix 伪元素：global.css 的 .cl:after{content:"."} 在 flex/grid 容器里会变成一个
   约 4px 宽的子项（"."的字宽），把内容往左挤 4px，并使 grid 多出一行。以下容器已改用 flex/grid，
   不再依赖浮动清除，故直接去掉该伪元素。 */
#header2016 .header-nav-content:after,
#header2016 .header-nav-content::after,
#header2016 .header-pos:after,
#header2016 .header-pos::after,
#header2016 .main-nav-wrapper:after,
#header2016 .main-nav-wrapper::after,
#footer2016 .footer-main:after,
#footer2016 .footer-main::after,
.home .footer-top-list:after,
.home .footer-top-list::after,
.home .domain-top:after,
.home .domain-top::after { display:none !important; content:none !important; }

/* 通栏全屏辅助类 */
.wide1190.wide-full,
#header2016 .wide1190.wide-full,
#footer2016 .wide1190.wide-full { padding-left:0; padding-right:0; }

/* 弹性云服务器通栏：卡片随视口全宽展开，标题/说明保持左右留白 */
.home .cloud-bg .columnList-container { max-width:none; }
.home .cloud-bg .columnList { margin-left:0; margin-right:0; }
.home .cloud-bg .wide-full .title,
.home .cloud-bg .wide-full h1.title + p { padding-left:40px; padding-right:40px; box-sizing:border-box; }

/* ===== 迁移自 tp2026_responsive.css 的响应式头部/底部规则 ===== */



/* ==========================================================================
   1. 平寮奥?= 1023px
   ========================================================================== */
@media screen and (max-width: 1023px) {
    #header2016 .wide1190,
    #footer2016 .wide1190 {
        width: auto !important;
        padding: 0 16px !important;
    }

    /* ---------- 1.3 头取偏潭叨 ---------- */
    #header2016 .headerTop {
        height: auto !important;
        padding: 6px 0 !important;
    }
    #header2016 .header-nav {
        height: auto !important;
    }
    #header2016 .header-nav-content {
        height: auto !important;
        bottom: 0 !important;
        padding: 10px 0 !important;
    }
    #header2016 .header-pos {
        position: static !important;
    }
    #header2016 .header-nav .logo {
        float: none !important;
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        text-align: left !important;
        padding-left: 52px !important;
        overflow: hidden !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    #header2016 .header-nav .logo img {
        max-width: 100% !important;
        max-height: 34px !important;
        width: auto !important;
        height: auto !important;
        vertical-align: middle;
    }
    #header2016 .headerTop-content {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 4px 10px;
    }
    #header2016 .topnav {
        float: none !important;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 !important;
    }
    #header2016 .topnav li {
        float: none !important;
    }
    #header2016 .login-left {
        float: none !important;
        height: auto !important;
        line-height: 1.5 !important;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
    }

    /* ---------- 1.5 氡惧： ---------- */
    #header2016 .main-nav-wrapper {
        position: fixed !important;
        left: 0;
        top: 60px;
        bottom: 0;
        width: 78%;
        max-width: 300px;
        height: 100% !important;
        margin: 0 !important;
        padding: 8px 0 40px !important;
        background: #fff;
        box-shadow: 2px 0 18px rgba(16, 20, 32, .2);
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        float: none !important;
        /* 必须重置为 block：桌面段是 display:flex（横向排列），
           不覆盖会让抽屉里的菜单项横向挤压、文字竖排 */
        display: block !important;
        transform: translateX(-103%);
        transition: transform .26s cubic-bezier(.4, 0, .2, 1);
        z-index: 10050;
    }
    body.tp-nav-open #header2016 .main-nav-wrapper {
        transform: translateX(0);
    }
    #header2016 .main-nav-wrapper li {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
    }
    /* 校乇瞻钮 */
    #header2016 .main-nav-wrapper li.tp-nav-drawer-head {
        display: none;
        border-bottom: 1px solid #f0f0f0;
    }
    #header2016 .main-nav-wrapper li.tp-nav-drawer-head .tp-nav-close {
        display: block;
        width: 100%;
        padding: 14px 18px;
        box-sizing: border-box;
        border: 0;
        background: #fafafc;
        color: #666;
        font-size: 14px;
        line-height: 1.5;
        text-align: left;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    #header2016 .main-nav-wrapper li.tp-nav-drawer-head .tp-nav-close::before {
        content: "\00D7";
        display: inline-block;
        width: 22px;
        margin-right: 6px;
        font-size: 20px;
        line-height: 1;
        vertical-align: -2px;
        color: #999;
    }
    /* 氲碱：取 80px 懈 5px 卤呖 */
    #header2016 .main-nav-wrapper li a.nav-menu {
        display: block !important;
        height: auto !important;
        line-height: 1.5 !important;
        padding: 14px 18px !important;
        margin: 0 !important;
        font-size: 15px !important;
        color: #333 !important;
        text-align: left !important;
        border: 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        border-left: 3px solid transparent !important;
        box-sizing: border-box;
    }
    #header2016 .main-nav-wrapper li a.nav-menu.current,
    #header2016 .main-nav-wrapper li a.nav-menu.hover,
    #header2016 .main-nav-wrapper li a.nav-menu:hover {
        border-bottom-color: #f0f0f0 !important;
        border-left-color: #cc0000 !important;
        background: #fdf2f2 !important;
        color: #cc0000 !important;
    }/* ---------- 1.13 荼瘢汉蚧 + 锌 ----------
       只小头谋荼
       直屑只 td 谋瘢┍原 display:block 苹 */
    table:has(thead),table:has(th),.manager-table,.list-table,.z_table,.server-table,.front-table,.shopping-car-list,.webhosting-info table,.bagshow-goods table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        table-layout: auto !important;
    }.manager-table th,.manager-table td,.list-table th,.list-table td,.z_table th,.z_table td,.server-table th,.server-table td,.front-table th,.front-table td,.shopping-car-list th,.shopping-car-list td,.webhosting-info table th,.webhosting-info table td,.bagshow-goods table th,.bagshow-goods table td {
        word-break: normal !important;
        min-width: 64px;
        white-space: normal;
    }}



/* ==========================================================================
   2. 只拢<= 767px
   ========================================================================== */
@media screen and (max-width: 767px) {

    /* ---------- 2.2 战 ---------- */
    .wide1190,
    #header2016 .wide1190,
    #footer2016 .wide1190 {
        padding: 0 12px !important;
    }

    /* ---------- 2.3 只锍?---------- */
    #header2016 .topnav li {
        display: none !important;
    }
    #header2016 .topnav li.shopping-menu-container {
        display: block !important;
    }
    #header2016 .headerTop .orangeColor {
        font-size: 13px !important;
    }
    #header2016 .login-left {
        font-size: 13px;
    }
    .wp-gaishu,
    .article,
    .news-box,
    #footer2016 .footer-bottom p {
        word-break: break-word;
    }

    /* ---------- 2.12 页牛菥校远 ---------- */
    #footer2016 {
        font-size: 12px;
        text-align: center;
    }
    #footer2016 .footer-nav ul,
    #footer2016 .footer-nav-content,
    ul.yq-link {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px 14px;
    }
    #footer2016 .footer-nav li,
    ul.yq-link li,
    ul.yq-link li:nth-child(5n) {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }
    #footer2016 .footer-bottom p {
        word-break: break-all;
    }}



/* ==========================================================================
   3. 小只<= 480px
   ========================================================================== */
@media screen and (max-width: 480px) {

    /* ---------- 3.1  ---------- */
    .wide1190,
    #header2016 .wide1190,
    #footer2016 .wide1190 {
        padding: 0 10px !important;
    }

    /* ---------- 3.5 钥诘 ---------- */
    #header2016 .main-nav-wrapper {
        width: 84%;
    }}



/* ==========================================================================

   10. 偏泻停山疟全站 CSS 远桑指模

   --------------------------------------------------------------------------

   模使霉潭(>=200px)潭偏(>=150px)

   统一 <=1023px 系泻停

      width:NNNpx        -> max-width:100%元员原蓿俪幕

      padding/margin L/R -> 悖ㄍ计の徽）

      absolute left/right-> auto元乇频幕猓?

   植丶图雪图懦为植洹?

   源template/Tpl_2026 鲁募全 .css

   ========================================================================== */

@media screen and (max-width: 1023px) {



    /* css\global.css */

    #footer2016 .footer-middle-tel {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\tp2016.css */

    #header2016 .header-nav .logo {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .lt-tab li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .lt-tab li.item-middle {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .lt-tab li.item-width {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .menu-container.large .menu-wrapper .col-3 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .menu-container.large .menu-wrapper .col-4 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .menu-container.large .menu-wrapper .col-cloud-server {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .nav-content .menu-wrapper {

        margin-right:0 !important;

    }



    /* css\global.css */

    #header2016 .ques-advert-wrapper {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .scroll-msg {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .shopping-car-container {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .topnav-notice {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .topnav-notice .notice-cnt {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .topnav-notice ol {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #header2016 .user-info-container {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #headerSubNav2016 .header-sub-nav .manager-center-container {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #noread_countbox {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    .desktop #header2016 .lt-tab li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    .desktop #header2016 .lt-tab li.item-middle {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    .desktop #header2016 .lt-tab li.item-width {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    .desktop #header2016 .menu-container.large .menu-wrapper .col-cloud-server {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    .desktop #header2016 .nav-content .menu-wrapper {

        margin-right:0 !important;

    }



    /* css\global.css */

    .desktop #header2016 .ques-advert-wrapper {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    .notice_all_content {

        box-sizing:border-box;

        max-width:100% !important;

    }}


/* ============================================================================
   = 4. 诙细767px卸训 / 训 / 峄?/ 泻
   = 说募末尾源蚩亢螅筛前魏同缘 !important 
   ========================================================================= */
@media screen and (max-width: 767px) {/* ---------- 4.2 荼蚧小锌 / 杉 ---------- */
.dxhosting-page .dxhosting-config .config-table,.dxhosting-page .dxhosting-safety .safety-table,.config-table,.safety-table,.manager-table,.list-table,.z_table,.front-table,.shopping-car-list,.mail-table,.model-table,.lytable,.server-table,.webhosting-info,.table-info {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    table-layout: auto !important;
}/* 杉兀 */
.config-table::-webkit-scrollbar,.safety-table::-webkit-scrollbar,.manager-table::-webkit-scrollbar,.list-table::-webkit-scrollbar,.z_table::-webkit-scrollbar,.front-table::-webkit-scrollbar,.shopping-car-list::-webkit-scrollbar,.mail-table::-webkit-scrollbar,.model-table::-webkit-scrollbar,.lytable::-webkit-scrollbar,.server-table::-webkit-scrollbar,.webhosting-info::-webkit-scrollbar,.table-info::-webkit-scrollbar {
    height: 6px !important; display: block !important;
}.config-table::-webkit-scrollbar-thumb,.safety-table::-webkit-scrollbar-thumb,.manager-table::-webkit-scrollbar-thumb,.list-table::-webkit-scrollbar-thumb,.z_table::-webkit-scrollbar-thumb,.front-table::-webkit-scrollbar-thumb,.shopping-car-list::-webkit-scrollbar-thumb,.mail-table::-webkit-scrollbar-thumb,.model-table::-webkit-scrollbar-thumb,.lytable::-webkit-scrollbar-thumb,.server-table::-webkit-scrollbar-thumb,.webhosting-info::-webkit-scrollbar-thumb,.table-info::-webkit-scrollbar-thumb {
    background: #c9cdd4 !important; border-radius: 3px !important;
}}

/* 绉诲姩绔細瀵艰埅鏍忓彸渚х櫥褰曞尯鏀逛负绱у噾琛岋紝涓嶆拺婊￠珮搴?*/
@media (max-width: 767px) {
    #header2016 .header-nav .header-nav-login { float:none !important; height:auto !important; display:flex; align-items:center; margin-left:0 !important; padding:8px 0; }
    #header2016 .header-nav .tp-login-reg, #header2016 .header-nav #TitleLoginOk { height:auto !important; }
    #header2016 .header-nav .tp-reg-btn, #header2016 .header-nav .tp-manage-link { height:40px !important; }
    #header2016 .header-nav .tp-login-btn, #header2016 .header-nav .tp-logout-btn { line-height:40px !important; }}

/* ===== 头部/底部统一盒模型（全站一致，必须放在最后） =====
   首页 body.home 命中 home.css 的 `.home * { box-sizing:border-box }`，
   内页没有这条规则，导致同一条注册按钮首页 34px、内页 36px，
   底部各栏宽度/内边距也随之变化。这里把头部/底部整棵子树固定为 border-box，
   与页面样式无关，保证所有页面完全一致。 */
#header2016,
#footer2016,
#header2016 *,
#header2016 *::before,
#header2016 *::after,
#footer2016 *,
#footer2016 *::before,
#footer2016 *::after { box-sizing:border-box; }