/* Remove margin padding */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}

ul,ol{list-style:none;}
a{text-decoration:none;cursor: pointer;}
.hoverUnderline:hover{text-decoration:underline;}
.underline{text-decoration:underline;}
.underline:hover{text-decoration:underline;}
/* Common Features */
.hidden{display:none;}
.invisible{visibility:hidden;}

/* Remove Float */
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{*zoom:1;}

.bold{
   font-weight:bold;
}
.green1{color:#458746;}
.green2{color:#9ACD32}
.red1{color:#B94846;}
.blue1{color:#7373B9;}
.yellow1{color:#F99406;}
.orange1{color:#f76120;}
.purple1{color:#7E3D76;}
.black{color:#222;}
.white{color:#fff;}
.show{display:block;}
.floatleft{float:left;}
.floatright{float:right;}
.hide{
    display:none !important;
}
.invisible{
    visibility:hidden !important;
}
.XDelBtn{
    font-size:bold 14px/1em Tahoma,sans-serif; 
	cursor:pointer;
}
.textOverflow{
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
}
.checkbox_purple, .checkbox_red, .checkbox_yellow{ 
    display:inline-block;
	margin: 0;
	padding: 0;
	height:22px;
	width:22px;
	border: none;
	cursor: pointer;
}
.checkbox_purple{ 

}
.checkbox_red{ 

}
.checkbox_yellow{ 

}
.notchecked:hover{
    background-position: -144px 0;
}
.notchecked{
    background-position: -120px 0;
}
.checked{
    background-position: -168px 0;
}

.caretDown, .caretUp{
    display:inline-block;
    width:0px;
	height:0px;
    border-top:8px solid #fff;
    border-left:8px solid transparent;
	border-right:8px solid transparent;
}
.caretUp{
    border-Bottom:8px solid #fff;
    border-top:0;
}
.caretRight{
    display:inline-block;
    width:0px;
	height:0px;
    border-top:5px solid transparent;
    border-left:5px solid #fff;
	border-bottom:5px solid transparent;
}

/* 2026-09-14:容器族由「固定宽」改为「宽屏固定、窄屏自适应」。
   病根:改前手机 390px 下 body.scrollWidth 恒为 1000/1180,横向溢出 610~790px
   —— 屏幕的 2~3 倍宽,每一页、每一次。
   🔴 为什么留白不写在这里而在下面的 @media 里:直接加 padding 会让桌面内容区
   窄 24px,那就不是"修手机"而是顺手改了桌面。分开之后 ≥1280px 实测逐像素不变。 */
.container740{
    width:100%;
	max-width:740px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
}
.container960{
    width:100%;
	max-width:960px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
}
.container1000{
    width:100%;
	max-width:1000px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
}
.container1180{
    width:100%;
	max-width:1180px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
}
.container1200{
    width:100%;
	max-width:1200px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
}

/* 窄屏松绑:容器留白 + 三处公共 chrome 的固定宽度。
   断点 1204px = 1180(最宽容器) + 12×2(留白) —— 取这个值是为了让 ≥1280px 的桌面
   一个像素都不动。1204~1000 之间会开始收缩,那是改善不是回归:1180 的容器塞进
   1100 的视口本来就溢出 80px(实测)。
   🔴 两套主题(default/base-common.css 与 blue_gaztano/common.css)这一段逐字相同,
   改一份忘另一份不会有任何东西报错 —— 回归资产 e2e-mobile-no-hscroll.js 的
   第二主题组就是为这件事加的。 */
@media (max-width:1204px){
	.container740,.container960,.container1000,.container1180,.container1200{
		padding-left:12px;
		padding-right:12px;
	}
	/* 主导航 13 项浮动累加 515px,窄屏放不下。让【导航条自己】横滚,
	   而不是把整页撑宽 —— 局部横滚是正常交互,全页横滚不是。 */
	#tnavbarMain .container1180{
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
	}
	/* 页脚关键词写在 <pre> 里,默认不折行,固定占 245px ——
	   320px 档【所有页】恒定多出 54px 就是它。只放开折行,不改模板标签。 */
	#yejiaoguanjianciCon pre{
		white-space:pre-wrap;
		word-break:break-word;
	}
}
.icon-star{
	display: inline-block;
	width: 65px;
	height: 14px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.star-0p{background-position: 0 -132px;}
.star-1p{background-position: 0 -132px;}
.star-2p{background-position: 0 -100px;}
.star-3p{background-position: 0 -67px;}
.star-4p{background-position: 0 -32px;}
.star-5p{background-position: 0 1px;}
.star-0pp{background-position: 0 -148px;}
.star-1pp{background-position: 0 -117px;}
.star-2pp{background-position: 0 -84px;}
.star-3pp{background-position: 0 -50px;}
.star-4pp{background-position: 0 -16px;}


img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
    -ms-interpolation-mode: bicubic;
}
h5{font-size:16px;}
h4{font-size:18px;}
h3{font-size:24px;}
h2{font-size:26px;}

a{color:#333333;}
a:hover{text-decoration:none;color:#888888;}
body{
     font-family:"Microsoft Yahei";
	 color:#333333;
	 font-size:14px;
	 line-height:20px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
	background-color: #f7f7f7;
	border: 1px solid #aaaaaa;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	height: 20px;
	line-height: 20px;
	padding: 4px 6px;
	font-size: 14px;
	color: #444;
	vertical-align: middle;
	width:206px;
}
input[type="button"], input[type="submit"], input[type="reset"]{
    cursor:pointer;
	font-size: 14px;
    font-weight: normal;
    line-height: 20px;
	padding:4px 8px;
}
select{
    background-color: #ffffff;
    border: 1px solid #cccccc;
	height: 30px;
    line-height: 30px;
	font-size: 14px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	color: #555555;
	padding: 4px 6px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
  td input.span_xxs{
	 width:30px;
  }
  td input.span_xs{
	 width:50px;
  }
  td input.span_s{
	 width:80px;
  }
  td input.span_m{
	 width:110px;
  }
  td input.span_l{
	 width:140px;
  }
  td input.span_xl{
	 width:170px;
  }
  td input.span_xxl{
	 width:200px;
  }
  td input.span_xxxl{
	 width:230px;
  }
  td input.span_xxxxl{
	 width:430px;
  }

/**********±êÇ©********************/
.label{
	padding: 3px 8px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #ffffff;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #999999;
	behavior: url(/Public/css/PIE.htc);
	cursor:default;
}
.label-green{
    background-color: #769825;
}
.label-orange{
    background-color: #F3650B;
}
.label-red{
    background-color: #bd4247;
}
.label-purple{
    background-color: #9760b3;
}
.label-blue{
    background-color: #317eac;
}

.numModify{
    display:inline-block;
	color: #666;
	width:66px;
}
.numModify input{
    display:inline-block;
	padding: 0;
	border-radius: 0;
	font-size: 12px;
	text-align: center;
	width:20px;
	height:20px;
}
.numModify .minusBtn, .numModify .addBtn{
    display:inline-block;
	visibility:hidden;
	background: #f5f5f5;
	color: #999;
	vertical-align: bottom;
	font-size: 14px;
	width: 20px;
	height: 20px;
	line-height: 18px;
	border: 1px solid #ddd;
	text-align: center;
	font-weight:bold;
}
/* ¼ÓÔØÖÐÌáʾ */
#showloadingDlg{
    position:fixed;
	z-index:4000;
	background:#fff;
    top:40%;
	left:50%;
	padding:20px 30px;
	-webkit-box-shadow:0 0 12px #555;
	-moz-box-shadow:0 0 12px #555;
	box-shadow:0 0 12px #555;
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5)progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5)progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5)progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=5"; 
    *filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5)progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5)progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5);progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=5);	
}
#showloadingDlg .text{
    float:left;
    color:#444;
	height:20px;
	font-weight:bold;
	margin:8px 10px 0 0;
}
#showloadingDlg .loadingGif{
    float:left;
	height:32px;
	width:32px;
	background:url("./web/loading2.gif") no-repeat;
}
/**************** BUTTOn ************************************/
/* Default button styling - this applies to all anchors with the .button class */
.btn {
    position:relative;
	display: inline-block; 
	font-size: 12px; 
	text-decoration: none!important; 
	font-family: Helvetica, Arial, sans serif;
	padding: 8px 12px; 
	border-radius: 3px; 
	-webkit-border-radius: 3px;   
	-moz-border-radius: 3px; 
	behavior: url(/Public/css/PIE.htc);
	line-height:14px;
	cursor:pointer;
}
button[disabled="disabled"]{
    background:#eee;
	color: #777;
	border-color: #aaa;
	text-shadow: 1px 1px 1px #fff;
}
button[disabled="disabled"]:hover{
    background:#eee;
	color: #777;
	text-shadow: 1px 1px 1px #fff;
	border-color: #aaa;
}
.btn:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}
/* The styles for the grey button */
.grey {
	color: #444;
	border: 1px solid #d0d0d0;
	background: -moz-linear-gradient(#f9f9f9, #f1f1f1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f1f1f1));
	background: -webkit-linear-gradient(#f9f9f9, #f1f1f1);
	background: -o-linear-gradient(#f9f9f9, #f1f1f1);
	-pie-background: linear-gradient(#f9f9f9, #f1f1f1); /*ie 6-9 via PIE*/
	text-shadow: 1px 1px 1px #fff;
	background-color: #f5f5f5;
}
.grey:hover {
	border: 1px solid #b0b0b0;
	background: -moz-linear-gradient(#f1f1f1, #f9f9f9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#f9f9f9));
	background: -webkit-linear-gradient(#f1f1f1, #f9f9f9);
	background: -o-linear-gradient(#f1f1f1, #f9f9f9);
	-pie-background: linear-gradient(#f1f1f1, #f9f9f9); /*ie 6-9 via PIE*/
	background-color: #f5f5f5;
}
.grey:active {border: 1px solid #666;}

/* The styles for the red button */
.red {
	color: #923c47;
	border: 1px solid #d96d7c;
	background: -moz-linear-gradient(#f997b0, #f6677b);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0));
	background: -webkit-linear-gradient(#f997b0, #f6677b);
	background: -o-linear-gradient(#f997b0, #f6677b);
	-pie-background: linear-gradient(#f997b0, #f6677b); /*ie 6-9 via PIE*/
	text-shadow: 1px 1px 1px #fdbcc7;
	background-color: #f6677b;
}
.red:hover {
	border: 1px solid #c75964;
	background: -moz-linear-gradient(#f6677b, #f997b0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b));
	background: -webkit-linear-gradient(#f6677b, #f997b0);
	background: -o-linear-gradient(#f6677b, #f997b0);
	-pie-background: linear-gradient(#f6677b, #f997b0); /*ie 6-9 via PIE*/
	background-color: #f997b0;
}
.red:active {border: 1px solid #ab3e4b;}

/* The styles for the blue button */
.blue {
	color: #41788c;
	border: 1px solid #6fb1c7;
	background: -moz-linear-gradient(#aae5f7, #73d0f1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background: -o-linear-gradient(#aae5f7, #73d0f1);
    -pie-background: linear-gradient(#aae5f7, #73d0f1); /*ie 6-9 via PIE*/
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
}
.blue:hover {
	border: 1px solid #4690ad;
	background: -moz-linear-gradient(#73d0f1, #aae5f7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background: -o-linear-gradient(#73d0f1, #aae5f7);
	-pie-background: linear-gradient(#73d0f1, #aae5f7); /*ie 6-9 via PIE*/
	background-color: #aae5f7;
}
.blue:active {border: 1px solid #3b778b;}

/* The styles for the green button */
.green {
	color: #5a742d;
	border: 1px solid #95b959;
	background: -moz-linear-gradient(#cae387, #a5cb5e);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background: -webkit-linear-gradient(#cae387, #a5cb5e);
	background: -o-linear-gradient(#cae387, #a5cb5e);
	-pie-background: linear-gradient(#cae387, #a5cb5e); /*ie 6-9 via PIE*/
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.green:hover {
	border: 1px solid #687e30;
	background: -moz-linear-gradient(#a5cb5e, #cae387);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background: -webkit-linear-gradient(#a5cb5e, #cae387);
	background: -o-linear-gradient(#a5cb5e, #cae387);
	-pie-background: linear-gradient(#a5cb5e, #cae387); /*ie 6-9 via PIE*/
	background-color: #cae387;
}
.green:active {border: 1px solid #506320;}

/* The styles for the yellow button */
.yellow {
	color: #986a39;
	border: 1px solid #e6b650;
	background: -moz-linear-gradient(#ffd974, #febf4d);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));
	background: -webkit-linear-gradient(#ffd974, #febf4d);
	background: -o-linear-gradient(#ffd974, #febf4d);
	-pie-background: linear-gradient(#ffd974, #febf4d); /*ie 6-9 via PIE*/
	text-shadow: 1px 1px 1px #fbe5ac;
	background-color: #febf4d;
}
.yellow:hover {
	border: 1px solid #c1913d;
	background: -moz-linear-gradient(#febf4d, #ffd974);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));
	background: -webkit-linear-gradient(#febf4d, #ffd974);
	background: -o-linear-gradient(#febf4d, #ffd974);
	-pie-background: linear-gradient(#febf4d, #ffd974); /*ie 6-9 via PIE*/
	background-color: #ffd974;
}
.yellow:active {border: 1px solid #936b26;}

/* The styles for the purple button */
.purple {
	color: #7e5d7c;
	border: 1px solid #cd93c6;
	background: -moz-linear-gradient(#e9c4e3, #d798d1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d798d1), to(#e9c4e3));
	background: -webkit-linear-gradient(#e9c4e3, #d798d1);
	background: -o-linear-gradient(#e9c4e3, #d798d1);
	-pie-background: linear-gradient(#e9c4e3, #d798d1); /*ie 6-9 via PIE*/
	text-shadow: 1px 1px 1px #f1ceef;
	background-color: #d798d1;
}
.purple:hover {
	border: 1px solid #886382;
	background: -moz-linear-gradient(#d798d1, #e9c4e3);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9c4e3), to(#d798d1));
	background: -webkit-linear-gradient(#d798d1, #e9c4e3);
	background: -o-linear-gradient(#d798d1, #e9c4e3);
	-pie-background: linear-gradient(#d798d1, #e9c4e3); /*ie 6-9 via PIE*/
	background-color: #e9c4e3;
}
.purple:active {border: 1px solid #6a4664;}

/* The styles for the button groups */

.left {
	border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-right: 0px;
}
.left:hover {
	border-right: 0px;
}
.middle {
	border-radius: 0px;
	-moz-radius: 0px;
	border-right: 0px;
}
.middle:hover {
	border-right: 0px;
}
.right {
	border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
}

/* Large Styles */
.large {padding: 14px 28px;}
/****************************************/
/*·µ»Ø¶¥²¿*/
#scroll2Top{
	display:none;
	width:48px; 
	height:48px;
	position:fixed;
	background:url("./web/goto-top.png") no-repeat;
	top:40%;
	left:50%;
	margin-left:605px;
    cursor:pointer;
}
/*****¶¥²¿µ¼º½*********/
#topbar{
	position:relative;
	  background: #1d92d8;
}
#topbar #headbar-1{
	background:#e6e6e6;
	 padding-top: 4px;
	 padding-bottom:4px;
}
#topbar #headbar-1 li a{
	font-size:14px;
	color:#666666;
}
#topbar #headbar-1 li.divider{
	height: 16px;
  width: 0px;
  padding: 0 8px;
  color:#AEAEAE;
}
#topbar #headbar-1 ul.pullRight {
	padding:0;
}
#topbar #headbar-2{
	padding-top:20px;
}
#tobar-decor1{
	position:absolute;
	width:100%;
	height: 153px;

}
#tNavbar{
	min-width:1000px;
	  padding-bottom: 10px;
}
/* 窄屏下松开上面那条硬下限 —— 不松开的话它自己就是溢出源(实测 320/390/768 三档
   全部恒定溢出 680/610/232px,正好等于 1000 减视口宽)。
   🔴 这个覆盖【必须写在上面那条的后面】:两者特异性相同(都是一个 id),CSS 同特异性
   比的是文档顺序。本次实施时先把它写在文件前部的容器族旁边,结果被第 568 行的
   min-width:1000px 反盖,14 个页一个都没清零 —— 而且不报错,只是"看起来没生效"。 */
@media (max-width:1204px){
	#tNavbar{
		min-width:0;
	}
}
#tNavbar .pullLeft{
    float:left;
}
#tNavbar ul.pullRight{
	padding-top: 30px;
	padding-right:10px;
	margin-right: 10px;
}
#tNavbar li{
    display:inline-block;
}
#tNavbar li a{
    display: inline-block;
	line-height: 16px;
}
#tNavbar li a.btn1{
	color: #fff;
	padding:0 10px;
}
#tNavbar li a.btn2{
	color: #fff;
	padding:0 4px;
	font-size: 14px;
	/*border-left:1px solid #ccc;*/
}
#tNavbar li a.btn3{
	color: #fff;
	padding:0 10px;
}
#tNavbar .divider{ 
	padding:0 8px;
	color:#014178;
}
#tNavbar .pullRight{
    float:right;
	position: relative;
	z-index: 101;
}
#tNavbar .right-logo{
	height:70px;
	width:235px;
}

.trans{
    -webkit-transition: all .3s linear;
     -moz-transition: all .3s linear;
          transition: all .3s linear; 
}
#tNavbar .logo{

}
#tnavbarMain{
	height:45px;
	position: relative;
}


#tnavbarMain .color-bar{
	position: absolute;
	width: 50%;
	height: 45px;
	z-index: 1
}
#tnavbarMain .color-bar.left{
	left: 0;
	background: #0054af;
}
#tnavbarMain .color-bar.right{
	left: 50%;
	background: #e43f3f
}
#tnavbarMain .content-bar{
}
#tnavbarMain .content-bar .cate-bar{
	height:45px;
}
#tnavbarMain  ul{
	padding:0px 10px 0px;
	float:left;
}
#tnavbarMain li.navTab{
	display: block;
	float: left;
	line-height: 15px;
	padding: 0 17px 0;
	font-weight: bold;
	font-size: 13px;
	margin-top: 15px;
	text-align: center;
	/*border-left: 1px solid #666;*/
}
#tnavbarMain li.divider{
	height: 16px;
  width: 1px;
  padding: 0;
  margin-top: 16px;
	background:#fff;
}
#tnavbarMain li.navTab:first-child{
	border-left:0px;
}
#tnavbarMain .quanbufenlei{
	position: relative;
	display:block;
	float:left;
	width:292px;
	height:45px;
	background:#43b5f9;
	color:#fff;
	text-align:center;
	line-height:45px;
}
#tnavbarMain .quanbufenlei .icon{
	display:inline-block;
	height: 17px;
	width: 17px;
	margin-right:8px; 
	background: url("./web/index_p3.png") no-repeat;
	vertical-align: middle;
}
#tnavbarMain li.navTab:hover a, #tnavbarMain li.navTab.active a {
}
#tnavbarMain li.navTab a{
	display: inline-block;
	color: #fff;
}
#topbar .search{
	float:right;
	background: #fff;
	width:253px;
	height:27px;
	margin-top: 10px;  
		-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	  margin-top: 26px;
	    margin-right: 130px;
}
#topbar .search input{
	border-style:none;
	outline:none;
	background-color:transparent;
	margin-left: 10px;
	width: 200px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-top: -6px;
}
#topbar .search .search-btn{
	display:inline-block;
	width:16px;
	height:16px;
	background: url("./web/index_p4_i.png");
	cursor:pointer;
	margin-top: 5px;
}
#topbar .search .search-btn:hover{
	background: url("./web/index_p4_id.png");
}
#topbar .shadow{
	position:absolute;
	height:5px;
	background: url("./web/index_topbar_shadow1.png");
	bottom:-5px;
	width: 100%;
}
/*****µ×²¿**********/
#backToTopBtn{
	position: absolute;
	width: 200px;
	height: 52px;
	margin-left: -100px;
	margin-top: -52px;
	left: 50%;
	background: url("./web/index_footer_btn1.png");
	cursor: pointer;
}
#webFooter {
	padding-top: 0px;
	padding-bottom: 35px;
	background:#1d92d8;
}
#webFooter .navCon{	
	padding:30px 0;
	text-align:center;
}     
#webFooter .navCon ul{
	display:inline-block;
}	
#webFooter #guanzhu{
	padding:30px 0 25px;
	border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
	margin-bottom:8px;
}
#webFooter #guanzhu p{
	text-align:center;
}
#webFooter li{
	display:block;
	float:left;
	padding:0 35px;
	max-width:165px;   
	  min-width: 120px;
}
#webFooter li:first-child{
	border-left:0;
}
#webFooter li p, #webFooter li a{
	color: #fff;
	line-height:24px;
	font-size: 13px;
}
#webFooter li p.title{
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 8px;
}
#webFooter .kefurexian .logo{

}
#webFooter .kefurexian p{
	font-size: 0px;
	color: #ff9900;
	font-weight: bold;
}
#webFooter .kefurexian .title{
	font-size: 0px;
	color: #666;
	font-weight: bold;
}
#webCopyright{
	padding: 5px 0;
	text-align:center;
	color:#fff;
}
#webCopyright a{
	color:#fff;
}





#contentBaidu {
    text-align:center;
}


#footerFriend h2{
	display:block;
	text-align:center;
	font-size:20px;
	line-height: 30px;
}
#footerFriend .decor-bar{
	  width: 851px;
  height: 18px;
  background: url("./web/index_p5.png");
  margin:0 auto;
}
#footerFriend .wrapper{
	text-align:center;
}
#footerFriend .wrapper a{
	font-size:16px;
	padding:0 12px;
}

/*************Ö÷µ¼º½***************/
#indexNavigator{
	width:100%;
	background-color:#ffffff;
	background-repeat:no-repeat;
}
#indexNavigator .item{
	position:relative;
	display:block;
	border-top:1px dashed #cccccc;
	margin: 0 15px 0 15px;
	cursor:pointer;
}
#indexNavigator .item a{
	display:block;
	padding: 15px 0;
}
#indexNavigator .item:first-child{
	border-top:0;
}
#indexNavigator .item .icon{
	display:block;
	float:left;
	height: 20px;
	width: 20px;
	margin-right:10px;
}
#indexNavigator .item .title{
	display:block;
	float:left;
	color:#333333;
}
#indexNavigator .item .arrow{
	position: absolute;
  display: none;
  top: 50%;
  right: 10px;
  width: 10px;
  /* height: 16px; */
  margin-top: -10px;
  font-size: 20px;
}
#indexNavigator .item:hover .arrow{
	display:block;
}
#tnavbarMain #indexNavigator{
	position:absolute;
	top:42px;
	left:0;
	z-index:9999;
	width:199px;
	border:1px solid #dddddd;
	border-top:0;
	padding:5px 0;
	line-height:20px;
	font-size:14px;
	display:none;
	/* -moz-box-shadow:2px 2px 3px #cccccc; */ /* FF3.5+ */
	/* -webkit-box-shadow:2px 2px 3px #cccccc;*/ /* Saf3.0+, Chrome */
    /* box-shadow:2px 2px 3px #cccccc;*/ /* Opera 10.5, IE 9.0 */
}

#tnavbarMain #indexNavigator {
	position: absolute;
	top: 45px;
	left: 0;
	width: 259px;
	height: 407px;
	border: 0;
	padding: 0;
	line-height: 20px;
	font-size: 14px;
}
#indexNavigator .item {
	border-top: 1px solid #f2f2f2;
	margin: 0;
	padding: 0 15px 0 25px;
	cursor: pointer;
	border: 0;
	margin-right:3px;
}
#indexNavigator .item:hover .arrow{
	display:block;
}
#indexNavigator .item a {
	  padding: 6px 0;
	border-top: 1px solid #f2f2f2;
}
#indexNavigator .item a .title{
	padding-left:15px;
	font-size:13px;
	color:#666666;
	transition:color 0.3s;
	line-height: 24px;
}
#indexNavigator .item:hover{
	background-color:#f0f1f1;
}
#indexNavigator .item:hover .title{
	color:#e46713;
}
/*********  ±í¸ñ ************/
table.table{
    width:100%;
	color: #555555;
	border-spacing: 0;
	border: 1px solid #dddddd;
	border-left:0;
    border-collapse:separate;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(/Public/css/PIE.htc);
	background:#fff;
}
table.table th,  table.table td{
    padding: 8px;
	font-size:14px;
    border-left: 1px solid #dddddd;
}
table.table td{
    border-top: 1px solid #dddddd;
}
table.table tr:last-child td:first-child{
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	behavior: url(/Public/css/PIE.htc);
}
table.table tr:last-child td:last-child{
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	behavior: url(/Public/css/PIE.htc);
}
table.table th:last-child{
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	behavior: url(/Public/css/PIE.htc);
}
table.table th:first-child{
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	behavior: url(/Public/css/PIE.htc);
}
table.table tbody tr:hover{
    background:#f5f5f5;
}
table.table.nothead tr:first-child td{
	border-top: 0;
}
.trEven{
    background:#f9f9f9;
}
/*************¶Ô»°¿ò***************/
.dialogForm{
	min-width:450px;
}
.dialogForm>.content{
	padding:0 20px 20px 20px;
}
.dialogForm>.content.align_center{
	text-align:center;
}
.dialogForm a{
	margin:0 3px;
	text-decoration:underline;
}
.dialogForm a:hover{
	color:#D52828;
}
.dialogForm .content .title{
	display:inline-block;
	width:60px;
	text-align: right;
	margin-right:10px;
}
.dialogForm img.code{
	height: 30px;
	width: 80px;
	margin-left:10px;
}
.dialogForm .hint{
	color:red;
}
.dialogForm .divider{
	height:10px;
}
.dialogForm input{
	margin-right:10px;
}
.dialogForm input.m{
	height:10px;
}
.dialogForm input.span_xs{
	width:50px;
}
.dialogForm input.span_s{
	width:80px;
}
.dialogForm input.span_m{
	 width:110px;
}
.dialogForm input.span_l{
	width:140px;
}
.dialogForm input.span_xl{
	 width:170px;
}
.dialogForm .btn{
	margin-top: 15px;
	font-size: 15px;
	padding: 8px 20px;
}
.confirmDlg .content .btnCon{
	margin-top:15px;
	text-align:center;
}






#tnavbarMain #indexNavigator {
	position: absolute;
	top: 45px;
	left: 0;
	width: 292px;
	border: 0;
	padding: 0;
	line-height: 20px;
	font-size: 14px;
	background: #fff;
    opacity: 1.0;
    display: none;
}
#tnavbarMain .quanbufenlei:hover #indexNavigator{
	display: block;
}
#indexNavigator .item{
	position:relative;
	display:table;
	border-top:1px solid #cccccc;
	padding: 10px 20px;
}
#indexNavigator .item .lside{
	position:absolute;
	padding-left: 20px;
	width:80px;
	height:75px;
	top: 50%;
	margin-top:-37px;
}
#indexNavigator .item .lside img{
	width:50px;
	height:50px;
}
#indexNavigator .item .lside p{
	color:#111;
	font-size:13px;
	font-weight: 800;
	padding-top: 5px
}
#indexNavigator .item .rside{
	padding-left: 130px;
	display:table-cell;
	vertical-align: middle;
}
#indexNavigator .item .rside.rside-num1, #indexNavigator .item .rside.rside-num2{
	height: 70px;
}
#indexNavigator .item .rside .subitem{
	padding:3px 0;
	font-size: 13px;
}
#indexNavigator .item .rside .subitem .title{
	float: left;
	display:block;
	width:110px;
	text-align: left;
	color:#000;
	font-weight:bold;
}
/*#indexNavigator .item .rside .subitem .arrow{
	opacity: 1;
	float: left;
	width:20px;
	text-align: left;
}
#indexNavigator .item .rside .subitem .arrow:hover{
	opacity: 0.5;
	float: left;
	display:block;
	width:20px;
	text-align: left;
}*/
#indexNavigator .item .rside .subitem:hover{
	background:#fff;
	opacity: 1.0;
}
#indexNavigator .item:first-child{
	border-top:0;
}
#indexNavigator .item .subitem{
	display:block;
}

















/* ── 只有一张幻灯片时不显示分页指示器 ───────────────────────────────────────
   全站 9 个带大 banner 的前台页（index / index_sub / index_search / index_jifen /
   index_lianxi / index_prod_detail / index_article_alone / index_article_withnav /
   indextb_sub）在**模板里**写的是同一套结构：`$('#mainBannerCon').slide({titCell:'.hd ul',
   autoPage:true})`。SuperSlide 的 autoPage 按幻灯片数往 `.hd ul` 里填 li —— 只配了
   一张广告图时它也会填一个，于是那条 40x5 的横杠压在图片文字上，既没有用（点它
   切不到任何别的图）又挡住内容。

   🔴 实际生效面是 6 个，不是 9 个（2026-09-05 逐页实测，别把"模板同构"读成"9 个都受这条管"）：
     · 真有 `.hd ul` 容器、规则实测生效 —— index_jifen / index_lianxi / index_prod_detail /
       index_article_alone / index_article_withnav（单张，dots 已隐）+ index（5 张，dots 仍可见 = 守卫方向）
     · index_sub / index_search —— 模板里 `<div class="hd">` 整行被 HTML 注释掉了，本就无指示条
     · indextb_sub —— 整个 `#mainBannerCon` 块被 HTML 注释掉了，页面上没有 banner
   哪天有人把那三处注释放开，这条规则会自动接管它们 —— 这也正是把规则放公共 CSS 而不是
   逐页 CSS 的理由。

   🔴 判据是 li 的个数，不是"这个位现在配了几张图" —— adpicnode 3~9 现在各只有
   一张，但那是管理员随时会改的运营状态，拿它当基准会得出反过来的结论。

   特异性 (1,2,2) 高于各页 CSS 里的 `#mainBannerCon .hd ul li` (1,1,2)，与加载顺序无关。 */
#mainBannerCon .hd ul li:only-child{
	display:none;
}