wenda-php/global/css/globalLayout.css

/*Reset 样式初始化*/
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5,em{
  padding: 0;
  margin: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family:"微软雅黑","Tahoma";
	vertical-align: baseline;
	text-align:justify;
	word-wrap:break-word;
	text-justify:inter-ideograph
}
body{text-align:center}
ul, ol, li, h1 {
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none
}
dl {
	margin:0
}
dd {
	margin-left:0
}
a {
	outline:none;
}
a img {
	border:0 none
}
img {
	vertical-align:middle;
	border:0px
}
table {
	border-collapse:collapse
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix {
	display:inline-block;
	overflow:hidden
}
.clearfix {
	display:block
}
body {color:#666;background:#fdfdfd}
a {color:#336699;text-decoration:none}
a:hover {color:#333}
/**/
.clearB {clear:both}
.fL {float:left}
.fR {float:right}
:link, *:visited, *:hover, *:active, *:focus {
    -moz-transition: color 0.2s linear 0s, background-color 0.4s linear 0s, border-color 0.4s linear 0s;
	-webkit-transition: color 0.2s linear 0s, background-color 0.4s linear 0s, border-color 0.4s linear 0s;
	transition: color 0.2s linear 0s, background-color 0.4s linear 0s, border-color 0.4s linear 0s;
	-o-transition: color 0.2s linear 0s, background-color 0.4s linear 0s, border-color 0.4s linear 0s;
}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.colYel {color:#d9a601}
.colGreen{color:#17ab0c}
.colGray{color:#999}
/*global css*/
.width960{width:960px;
margin:0 auto}
.globalHeader {
	background:#f3f1ed
}
.globalHeader .width960{*position:relative;z-index:999}
.siteNav .width960{position:relative}
.siteNav {
	padding:0 0 15px 0
}
.siteNav .navLogoBar {
	height:30px;
	position:absolute;
	margin:0 20px 0 0
}
.navLogoBar .switchItem a{
	display:inline-block;
	*display:inline;
	zoom:1;
	height:30px;
	line-height:30px;
	padding:0 5px;
}
.navLogoBar .switchItem a:hover{
	
	height::28px;
	line-height:28px;
	border-top:2px solid #666
}
.navLogoBar .switchItem a.now{
	height:28px;
	line-height:28px;
	border-top:2px solid #ff6501;
	cursor: default;
	color:#333;font-weight:600
}
.navLogoBar .switchItem a.now:hover{
	background-color:#fff
}
.siteNav .navLoginBar .signItem,.siteNav .navLoginBar .loginItem{
	float:left;
	height:30px;
	line-height:30px;
	margin:0 0 0 15px
}
.siteNav .navLoginBar .loginItem a.loginBtn{
	padding:0 15px;
	cursor:pointer;
	height:30px;
	line-height:30px;
	display:inline-block;
	*dispaly:inline;
	zoom:1
}
.siteNav .navLoginBar .loginItem a.focus{
	background:#9ab13d;
	color:#fff
}
.siteNav .navLoginBar .loginItem .loginPanel{
	position:absolute;
	margin:0 0 0 -170px;
	*margin:0 0 0 -240px;
	border:1px solid #9ab13d;
	background:#fff;
	z-index:999;
	padding:5px 15px;
	width:220px;
	top:30px;
	display:none;
	box-shadow:0 3px 3px -1px #999
}
.loginPanel .btnItem {
	margin:15px 0 0 0
}
.siteNav .navLoginBar .loginItem .loginPanel .button{
	float:right;
	margin:0
}
.siteNav .navLoginBar .loginItem .loginPanel input.inputBd{
	width:215px;
	background: url(globalTable.png) repeat-x scroll 0 -90px #FFFFFF;
    border-color: #898989 #D0D0D0 #D0D0D0 #898989;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    height: 18px;
    padding: 2px 0 2px 5px;
	color:#999;
	line-height:18px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px
}
.siteNav .navLoginBar .loginItem .loginPanel input.inputBd:focus{
	border-color:#ff6501;
	background:#fff;
	color:#333;
	font-weight:600
}
.siteNav .navLoginBar .loginItem .loginPanel .openAun{
	margin:10px 0 0 0;
	border-top:1px dashed #d2d2d2
}
.siteNav .navLoginBar .loginItem .loginPanel .erroTips {
	background:#f2f2f2;
	text-align:center;
	border:1px solid #DF8F8F;
	background:#FFCECE;
	color:#665252;
	margin:3px 0 0 0
}
.siteNav .navLoginBar .userLoginPanel li{
	float:left;
	height:30px;
	background:#E3DFD5;
	padding:0 10px
}
.siteNav .navLoginBar .userLoginPanel li.userAvtar {
	border-right:1px solid #fff
}
.siteNav .navLoginBar .userLoginPanel li.userMenu {
	border-right:1px solid #fff;
	border-left:1px solid #fff
}
.siteNav .navLoginBar .userLoginPanel li.userAvtar img {
	margin:5px 0 0 0
}
.siteNav .navLoginBar .userLoginPanel li.focus{
	background-color:#fff
}
.siteNav .navLoginBar .userLoginPanel li .myListMenu {
	position:absolute;
	margin:2px 0 0 -11px;
	background:#fff;
	z-index:9999;
	display:none;
	top:28px;
	*margin-left:-27px
}
.siteNav .navLoginBar .userLoginPanel li .myListMenu a{
	display:block;
	padding:5px 8px;
	color:#8D826D;
	*width:55px
}
.siteNav .navLoginBar .userLoginPanel li .myListMenu a:hover{
	background:#E3DFD5;
	color:#333
}
.siteNav .navLoginBar .userLoginPanel li span.msgNum{
	font-size:9px;
	position:absolute;
	color:#f90000;
	margin:0 0 0 -3px;
	font-weight:600
}
.siteNav .navLoginBar .userLoginPanel li i.loginIcon{
	background:url(switchBg.png) no-repeat 0 0;
	width:16px;
	height:16px;
	display:inline-block;
	*display:inline;
	zoom:1;
	margin:8px 0 0 0
}
.siteNav .navLoginBar .userLoginPanel li i.iconMyList {
	background-position:0 -30px
}
.siteNav .navLoginBar .userLoginPanel li i.iconMyMsg{
	background-position:-16px -30px
}
.siteNav .navLoginBar .userLoginPanel li i.iconMySet{
	background-position:-32px -30px
}
.header {margin:0 0 20px 0}
.header .headerBd {
	width:960px;
	margin:0 auto
}
.header h1 a{
	width:115px;
	height:38px;
	background:url(zhzdjgLogo.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px
}
.header .searchPanel {
	*width:435px
}
.header .searchPanel .searchInput{
	height:36px;
	overflow: hidden;
	*width:330px
}
.header .searchPanel .searchInput input.inputText {
	height:34px;
	line-height:36px;
	width:254px;
	padding:0 5px;
	font-size:14px;
	color:#666;
	border:none;
	color:#a4a4a4;
	*float:left;
	background:#fff;
	border-radius: 0;
	border-bottom:2px solid #c2c2c1;
}
.header .searchPanel .searchInput:hover input.inputText{
	color:#666
}
.header .searchPanel .searchBtn {
	width:55px;
	height:38px;
	display:inline-block;
	*display:inline;
	zoom:1;
	background:url(searchPanel.png) no-repeat 0 0;
	border:none;
	float:right;
	cursor:pointer
}
.header .searchPanel .searchDocBtn {
	background-position:0 0;
	margin:0 10px 0 0;
	display:none
}
.header .searchPanel .searchDocBtn:hover {
	background-position:0 -38px
}
.header .searchPanel .searchDocBtn:active {
	background-position:0 -76px
}
.header .searchPanel .uploadDocBtn {
	width:105px;
	background-position:0 -114px
}
.header .searchPanel .uploadDocBtn:hover {
	background-position:0 -153px
}
.header .searchPanel .uploadDocBtn:active {
	background-position:0 -191px
}
.mainNav {
	height:32px;
	background:#e3dfd5
}
.mainNav .mainNavBd {
	width:960px;
	margin:0 auto;
}
.mainNav .navList li,.mainNav .navList li a{
	display:inline-block;
	*display:inline;
	zoom:1;
}
.mainNav .navList li a{
	display:inline-block;
	*display:inline;
	zoom:1;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    color:#8d826d
}
.mainNav .navList li a:hover{
	background:#F99B1D;
	color:#fff;
}
.mainNav .navList li a.over{
	background:#F99B1D;
	color:#fff;
	font-weight:600;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
/*.button*/
.button {
	float:left;
	height:28px;
	margin-right:10px;
	padding:0 18px;
	line-height:29px;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
	color:#FFF;
	text-shadow:0 1px #276DDD;
	border:1px solid #276DDD;
	border-radius:3px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
	background:#4C8FFC url(btnLBg.png) repeat-x 0 -185px;
	text-decoration:none
}
.button:hover {
	text-decoration:none;
	color:#FFF;
	background-position:0 -214px;
}
.button:active {
	background-position:0 -243px;
}
.btn-red {
	text-shadow:0 1px #B4080C;
	border-color:#CE080D;
	background-color:#F23539;
	background-position:0 -431px;
}
.btn-red:hover {
	background-position:0 -460px;
}
.btn-red:active {
	background-position:0 -489px;
}
.btn-green {
	text-shadow:0 1px #598D2F;
	border-color:#6AAB35;
	background-color:#77C13C;
	background-position:0 -518px;
}
.btn-green:hover {
	background-position:0 -547px;
}
.btn-green:active {
	background-position:0 -576px;
}
.btn-orange {
	text-shadow:0 1px #EF7714;
	border-color:#F67E19;
	background-color:#F4A32F;
	background-position:0 -344px;
}
.btn-orange:hover {
	background-position:0 -373px;
}
.btn-orange:active {
	background-position:0 -402px;
}
.btn-gray {
	font-weight:normal;
	color:#666;
	text-shadow:0 1px #FFF;
	border-color:#C5C5C5;
	background-color:#FFF;
	background-position:0 -605px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-gray:hover {
	color:#333;
	background-position:0 -634px;
}
.btn-gray:active {
	background-position:0 -663px;
}
.btn-black {
	font-weight:normal;
	color:#f2f2f2;
	text-shadow:0 1px #333;
	border-color:#C5C5C5;
	background-color:#6c6e7d;
	background-position:0 0;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-black:hover {
	color:#fff;
	background-position:0 -31px;
}
.btn-black:active {
	background-position:0 -108px;
}
.btn-large {
	width:65px;
}
.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active {
	color:#999;
	text-shadow:none;
	border-color:#C5C5C5;
	background-color:#EEE;
	background-position:0 -634px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	cursor:default;
}
/**.btn-icon**/
.btn-icon {
	position:relative;
	padding-left:35px;
}
.btn-icon .icon {
	position:absolute;
	top:6px;
	left:15px;
	width:16px;
	height:16px;
}
/**/
.warpContent {
	width:960px;
	margin:0 auto
}
.boxShadow {
	border:1px solid #ededed;
	-moz-box-shadow:2px 2px 2px #f2f2f2;
	-webkit-box-shadow:2px 2px 2px #f2f2f2;
	box-shadow:2px 2px 2px #f2f2f2;
 }
/**/
.globalFooter{
	margin:30px auto;
	border-top:2px solid #9ab13d;
	padding:10px 0 0 0
}
.globalFooter .copyright {
	text-align:right
}
.globalFooter .footNav {
	float:left
}
.globalFooter .footNav a{
	margin:0 10px;
	color:#999
}
.globalFooter .footNav a:hover{
	color:#333
}
.mainContent a.conHelp {
	background:url(usercentericon.png) no-repeat -33px -182px;
	padding:0 0 0 18px;
	margin:3px
}
.pageLoad{
	margin:15px auto;
	width:130px;
	text-align:center;
	background:url(loadIco.gif) no-repeat;
	color:#999
}
.pageNav{
	margin:15px auto;
	text-align:center;
	color:#999;
	margin:10px 0;
	text-align:right
}
.pageNav .pageList,.pageNav .pageBtn {
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:middle;
	margin:0 0 0 20px
}
.pageNav .pageList {
	position:relative
}
.pageNav .pageList .moreList{
	position:absolute;
	background:#fff;
	border:1px solid #cdcdcd;
	bottom:20px;
	left:-12px;
	*width:80px
}
.pageNav .pageList .moreList a {
	display:block;
	height:23px;
	line-height:23px;
	text-align:center;
	margin:1px;
	padding:0 15px;
	color:#666
}
.pageNav .pageList .moreList a:hover{
	background:#e8e8e8;
}
.pageNav .pageList .moreList a.cur {
	color:#999;
	cursor:default
}
.pageNav .pageList .moreList a.cur:hover {
	background:none;
	color:#999
}
.pageNav .pageList span.more {
	display:inline-block;
	border-width: 4px 4px 0;
	border-style:solid;
	border-color:#336699 transparent transparent;
	height:0;
	width:0;
	line-height:0;
	vertical-align:middle;
	font-size:0;
	margin:0 0 0 5px	
}
a.disclick {
	color:#999;
	cursor:default
}
.formItem li {
	padding:25px 0 25px 25px;
	position:relative
}
.formItem li .formTips {
	position:absolute;
	right:-210px;
	top:25px;
	background:#FFFFE8;
	border:1px solid #ffcf92;
	padding:5px
}
.formItem li .formTips p{
	width:210px
}
.formItem li .formTips span.tipsArrow {
	width:5px;
	height:9px;
	position:absolute;
	top:10px;
	left:-5px;
	font-size:1px;
	background:url(formTipsArrow.png) no-repeat
}
.formItem li .wordCount {
	margin:0 0 0 130px;
	color:#999;
	height:32px;
	line-height:32px
}
.formItem li .fL {
	width:125px;
	font-size:14px;
	color:#676767;
	font-weight:600;
	height:32px;
	line-height:32px
}
.formItem li input.inputText,.inputText {
	background:url(globalTable.png) repeat-x scroll 0 -90px #FFFFFF;
	height:32px;
	line-height:32px;
	border:1px solid #dcdcdc;
	border-top-color:#abadb3;
	border-left-color:#abadb3;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:0 5px;
	color:#999
}
.formItem li input.inputText:focus,.inputText:focus {
	border-color:#ff6501;
	background:#fff;
	color:#333;
	font-weight:600
}
.formItem li select {
	border:1px solid #dcdcdc;
	border-top-color:#abadb3;
	border-left-color:#abadb3;
	height:34px; 
	line-height:34px; 
	padding:5px 3px; 
	vertical-align: bottom;
	color:#999
}
.formItem li select:focus {color:#333;font-weight:600}
.formItem li input.inputSus{
	border-color:#59a855;
	color:#59a855
}
.formItem li input.inputErro{
	border-color:#e9322e;
	color:#e9322e;
	box-shadow:0 0 4px #e9322e
}
.formItem li input.inputDis {background:#f2f2f2}
.formItem li input.inputDis:focus {
	border-color: #ABADB3 #DCDCDC #DCDCDC #ABADB3;
	background:#f2f2f2;
	color:#999;
	font-weight:normal
}
.formItem li span.erroT{
	color:#e9322e;
	margin:0 0 0 10px
}

.globalContent .mainContent {
	margin-top:20px
}
.centerFormItem {
	padding:20px 30px
}
.centerFormItem table thead th {
	font-size:18px;
	font-weight:600
}
.centerFormItem table th {font-weight:normal;padding:0 10px 0 0}
.centerFormItem table th b {color:#f90000;font-size:14px}
.centerFormItem table td{
	padding:15px 0;
}
.centerFormItem table td ul li{
	height:24px;
	width:130px;
	float:left
}
.centerFormItem p.tips {
	background:#FEFBCE;
    border: 1px solid #E7DA57;
    color: #666563;
	display:inline-block;
	*display:inline;
	zoom:1;
	padding:3px 5px
}
.centerFormItem input {
	vertical-align:middle;
    margin: 0 5px 0 0;
}
.centerFormItem select,.centerPriceItem select{
	background: none repeat scroll 0 0 #F9F9F9;
    border-color: #898989 #D0D0D0 #D0D0D0 #898989;
    border-style: solid;
    border-width: 1px;
    color: #666;
    padding: 2px;
    vertical-align: middle;
}
.centerFormItem .inputErro,.centerFormItem .erroTips {
	border-color:#f90000;
	color:#f90000
}
.pageNav2 {
	text-align:center;
	margin:20px 0 20px 0
}
.pageNav2 .pageList {
	text-align:center;
	float:right;
	background:url(pageNav.png) repeat-x 0 0;
	margin:1px 0;
	border:1px solid #d1d1d1;
	margin:0 20px 0 0;
	border-radius:5px;
	overflow:hidden
}
.pageNav2 a,.pageNav2 span.inactivePrev{
	color:#555960;
	padding:0 10px;
	float:left;
	border-right:1px solid #d1d1d1;
	text-shadow:1px 1px 0 #FFFFFF;
	height:29px;
	line-height:29px
}
.pageNav2 a:hover{
	background:url(pageNav.png) repeat-x 0 -29px
}
.pageNav2 a.current{
	font-weight:600;
	cursor:default;
	background:url(pageNav.png) repeat-x 0 -29px;
}
.pageNav2 a.current:hover{
	cont-weight:600;
	background:url(pageNav.png) repeat-x 0 -29px;
}
.pageNav2 span.inactivePrev {
	color:#ccc
}
.pageNav2 a.next{
	border-right:none
}

.backToTop {
    display: none;
    width: 18px;
    line-height: 1.2;
    padding: 5px 0;
    background-color: #333;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 50px;
    _bottom: "auto";
    cursor: pointer;
    opacity: .6;
    filter: Alpha(opacity=60);
}
.backToTop:hover{
	background:#000
}
.fixedButton{
	width: 30px;
    height:200px;
    text-align: center;
    position: fixed;
    _position: absolute;
    left: 0px;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer
}
.helpCenterBtn {
	background:url(helpCenterButton.png) no-repeat 0 bottom;
    width: 30px;
    height:40px;
}
.depositButton {
	background:url(helpCenterButton.png) no-repeat 0 top;
    width: 30px;
    height:100px;
}
.fixedButton a{
	display: block;
	width:30px
}
.helpCenterBtn a{
	height:40px
}
.depositButton a{
	height:100px
}