/*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}
.width960{width:960px;margin:0 auto}
.width90p {width:90%;margin:0 auto;max-width:1100px}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.hide{display:none;}
/**/
.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 0s linear 0s;
-webkit-transition: color 0.2s linear 0s, background-color 0.4s linear 0s, border-color 0s linear 0s;
transition: color 0.2s linear 0s, background-color 0.4s linear 0s, border-color 0s linear 0s
}
/*global css*/
.globalHeader{
background:#eceff4;
}
.globalHeader .width960{*position:relative;z-index:999}
.siteNav .width960{position:relative}
.siteNav {
padding:0 0 15px 0
}
.siteNav .navWelcome {
height:30px;
line-height:30px;
margin:0 0 0 380px;
position:absolute
}
.siteNav .navWelcome b{
color: #F99E1C;
font-family: Constantia,Georgia;
font-size: 18px;
margin: 0 5px
}
.siteNav .navLogoBar {
height:30px;
width:360px;
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:#DBE1EA;
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:#647B97;
*width:55px
}
.siteNav .navLoginBar .userLoginPanel li .myListMenu a:hover{
background:#DBE1EA;
color:#647B97
}
.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 .siteArea {
font-size:24px;
margin:0 0 0 10px;
color:#CD4900;
font-weight:600
}
.header .searchPanel {
*width:323px
}
.header .searchPanel .searchInput{
height:36px;
overflow:hidden;
*width:320px;
}
.header .searchPanel .searchInput input {
height:34px;
width:254px;
padding:0 5px;
font-size:14px;
color:#666;
border:none;
color:#a4a4a4;
line-height:36px;
*float:left;
border-bottom:2px solid #c2c2c1;
}
.header .searchPanel .searchInput:hover input{
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*/
}
.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:#dbe1ea
}
.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{
font-size: 16px;
height: 32px;
line-height: 32px;
padding: 0 20px;
color:#647b97;
}
.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;
}
/**/
.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;
}
/**/
.warpContent {
width:960px;
margin:0 auto
}
.globalTable {
width:100%;
*width:99%
}
.globalTable thead {
background:url(globalTable.png) repeat-x 0 0
}
.globalTable thead th {
background:url(globalTable.png) no-repeat right -60px;
_background:url(globalTable.png) repeat-x 0 0;
line-height:12px;
padding:0
}
.globalTable th,.globalTable td{
height:30px;
text-align:center
}
.globalTable td {
border-bottom:1px solid #ededed
}
.globalTable .even td {
background-color:#fbfbfb;
}
.globalTable tr.trHover td {border-bottom:1px solid #f99b1d}
.globalTable td.textAlignL {text-align:left;padding-left:10px}
.globalTable td.textAlignR {text-align:right;padding-right:10px}
table .dateWidth {
width:90px
}
table .areaWidth {
width:80px
}
table .areaWidth2 {
width:130px
}
table .unitWidth {
width:50px
}
table .unitWidth2 {
width:100px
}
table .priceWidth {
width:70px
}
table .statusWidth {
width:90px
}
table .modeWidth {
width:55px
}
table .checkWidth {
width:30px
}
.globalForm input.inputText,.inputText {
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
}
.globalForm input.inputText:focus,.inputText:focus{
border-color:#ff6501;
background:#fff;
color:#333;
font-weight:600
}
.globalForm input,.centerFormItem input {
vertical-align:middle;
margin: 0 5px 0 0;
}
.globalForm select,.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;
}.inputText {
background: url(globalTable.png) repeat-x scroll 0 -90px #FFFFFF;}
textarea {
background: none repeat scroll 0 0 #fff;
border-color: #898989 #D0D0D0 #D0D0D0 #898989;
border-style: solid;
border-width: 1px;
}
.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;
*width:50px
}
.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
}
.searchResList .pageNav a:hover .more{
border-color:#666 transparent transparent;
}
/*box*/
.boxStyle {
padding:3px;
background:#f0f0f0
}
.boxStyle .boxStyleBd{
border:1px solid #bbbbbb;
background:#fff;
padding:3px
}
.boxStyle h3 {
background:#f0f0f0;
padding:5px 5px;
margin:0 0 5px 0
}
/**/
.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
}
.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,.pageNav2 span.inactiveNext{
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,.pageNav2 span.inactiveNext {
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
}
.helpCenterBtn {
background:url(helpCenterButton.png) no-repeat;
width: 32px;
height:127px;
text-align: center;
position: fixed;
_position: absolute;
left: 0px;
bottom: 20px;
_bottom: "auto";
cursor: pointer
}
.helpCenterBtn a{
display: block;
width:32px;
height:127px
}