/*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 }