/* main.css Created by Mephisto on 2012-08-09. Copyright 2012 Mephisto. All rights reserved. */ /* pickList */ .content-left { float: left; width: 80%; text-align: left; } .content-right { float: right; border: 1px dashed #ccc; width: 19%; } .source-tab ul,.source-tab li { list-style-type: none; margin: 0; padding: 0; } .source-tab .iamcut { width: 100%; height: 1px; border-top: 1px dashed #ccc; } .source-tab .iamcut2 { width: 100%; height: 1px; border-top: 1px solid #ccc; } .css-left { padding-bottom: 100000px; margin-bottom: -100000px; float: left; width: 0; content: ' '; } /** PZ **/ .tabpz-items { overflow: hidden; } .tabpz-items h3,.tabpz-items ul { float: left; } .tabpz-items h3 { line-height: 200%; height: 30px; font-size: 14px; width: 8%; text-indent: 12px; color: #990000; } .tabpz-items ul { width: 92%; } .tabpz-items li { color: #3468BA; line-height: 200%; font-size: 12px; height: 30px; float: left; width: 12.5%; } .tabpz-items ul li:focus,.tabpz-items ul li:hover,.tabpz-items ul li:active { text-decoration: underline; color: #666; cursor: pointer; } .tabpz-items .tabpz-checked { font-weight: bolder; font-size: 14px; color: #ff0000; } .tabpz-items .tabpz-more { color: #FF0000; } .tabpz-items .tabpz-more span { font-weight: normal; color: #FF0000; } .tabpz-items .tabpz-more:focus,.tabpz-items .tabpz-more:hover,.tabpz-items .tabpz-more:active { font-weight: normal; text-decoration: underline; cursor: pointer; cursor: hand; color: #FF0000; } /**/ .tab-items { overflow: hidden; } .tab-items h3,.tab-items ul { float: left; } .tab-items h3 { line-height: 200%; height: 30px; font-size: 14px; width: 8%; text-indent: 12px; color: #990000; } .tab-items ul { width: 92%; } .tab-items li { color: #3468BA; line-height: 200%; font-size: 12px; height: 30px; float: left; width: 12.5%; } .tab-items ul li:focus,.tab-items ul li:hover,.tab-items ul li:active { text-decoration: underline; color: #666; cursor: pointer; } .tab-items .tab-checked { font-weight: bolder; font-size: 14px; color: #ff0000; } .tab-items .tab-more { color: #FF0000; } .tab-items .tab-more span { font-weight: normal; color: #FF0000; } .tab-items .tab-more:focus,.tab-items .tab-more:hover,.tab-items .tab-more:active { font-weight: normal; text-decoration: underline; cursor: pointer; cursor: hand; color: #FF0000; } #source-search { height: 40px; border: 1px dashed #ccc; } .list-name { height: 30px; background:url(../../../images/market/cgsp_shs.gif) repeat-x; } .list-name ul,.list-name li { list-style-type: none; margin: 0; padding: 0; } .list-name li { float: left; text-align: center; padding-top: 8px; } .list-name .name-info { width: 47%; } .list-name .name-price { width: 12%; } .list-name .name-number { width: 16%; } /*.list-name .name-ad { width: 10%; } .list-name .name-opt { width: 11%; }*/ .list-name .name-ad { width: 10%; float:left; } .list-name .name-opt { width: 10%; float:right;margin-left:10px; } .list-content ul,.list-content li { list-style-type: none; margin: 0; padding: 0; } .list-items { } .list-item { height: 88px; border-bottom: 1px dashed #ccc; } .list-item h3,.list-item ul { float: left; } .list-item h3 { padding-top: 25px; font-size: 16px; width: 5%; text-indent: 12px; } .list-item p { padding-top: 15px; float: right; width: 12%; line-height: 150%; } .attribute { width: 83%; } .attribute li { float: left; padding-top: 15px; margin-left: 1%; line-height: 150%; font-size: 12px; color: #999; } .attribute .item-name { margin-left: 0; width: 47%; } .attribute .item-price { margin-left: 2%; padding-top: 20px; width: 13%; color: #666; font-size: 12px; font-weight: bolder; text-align: center; } .attribute .item-weight { width: 16%; text-align: right; } .attribute .item-dq { width: 13%; text-align: right; } .item-name { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .item-name a:active,.item-name a:link,.item-name a:visited { font-size: 14px; color: #ff0000; font-weight: bolder; text-decoration: none; } .item-name a:hover { font-size: 14px; color: #ff9900; font-weight: bolder; text-decoration: underline; } .item-name span { color: #00349A; font-size: 14px; font-weight: bolder; } .item-weight span { font-size: 14px; color: #333; font-weight: bolder; } .item-price span { font-size: 16px; color: #ff0000; font-weight: bolder; } #select-jhd{ position:relative; top:-3px; height: 20px; } .gd_pagination .gd_page-r { *margin-top: 2px; width: 100%; } /* pz-items */ .pz-items{ background: url("../../../images/market/pzbg.png") repeat-x scroll 0 0 transparent; position:relative; top:2px; text-align: center; border: 1px solid #ccc; border-bottom: none; } .pztab-checked{ background: url("../../../images/market/pzbg-chk.png") repeat-x scroll 0 0 transparent; top:2px; z-index:10; } .pz-items li:focus,.pz-items li:hover,.pz-items li:active { font-weight: normal; text-decoration: none; font-size: 18px; cursor: pointer; cursor: hand; color: #FF0000; } /* pickinfo */ .info-body { margin: 0 auto; width: 100%; } .info-left { float: left; width: 23%; } .info-left .info-stor { float: left; width: 100%; margin-bottom: 10px; border: 1px solid #F6C891; } .info-stor .bt { height: 30px;border-bottom: 1px solid #F6C891; } .info-stor .nr { color: #666666; } .info-stor .more { color: #CCCCCC; float: left; width: 96%; margin-left: 2%; _margin-left: 1%; font-size: 12px; padding: 2px 0; text-align: right; } .info-stor .more p{ text-align: left; margin-bottom: 18px; margin-top: 18px; margin-left:4% } .info-stor .more span{ color:#ff5500; font-weight: bold; } .info-stor .more div{ color:#000; font-weight:bold; text-align: center; margin-bottom: 18px; margin-top: 18px; } .info-stor .more div a{ color:#e80d09; font-weight:normal; } .info-stor .more span a{ color:#ff5500; font-weight: bold; } .info-stor ul, .info-stor li { list-style-type: none; margin: 0; padding: 0; } .info-stor li { float: left; width: 96%; margin-left: 2%; _margin-left: 1%; border-bottom: 1px dashed #ccc; } .info-stor h2, .info-stor h3, .info-stor h4 { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .info-stor h2 { text-align: left; font-size: 14px; padding: 8px 0 0 14px; } .info-stor h3 { font-size: 12px; float: left; width: 70%; margin-left: 2%; _margin-left: 1%; padding: 5px 0; text-align: left; font-weight: normal; } .info-stor h4 { font-size: 12px; float: left; width: 25%; padding: 5px 0; text-align: right; font-weight: normal; } .info-right { float: right; width: 75%; background: #CCCCCC; } .info-rightin { float: left; width: 100%; background: #FFFFFF; } .info-title { float: left; width: 100%; text-align: center; } .info-title h2 { margin: 0; margin-top: 50px; width: 100%; font-size: 24px; } .info-con { float: left; width: 100%; margin-top: 20px; } .info-con ul, .info-con li { list-style-type: none; margin: 0; padding: 0; } .info-con li { float: left; width: 92%; text-align: left; margin-left: 4%; _margin-left: 1%; border-bottom: 1px dashed #CCCCCC; } .info-con .info-ulleft { float: left; width: 49%; } .info-con .info-ulright { float: right; width: 49%; } .info-con h3, .info-con h4 { font-size: 14px; font-weight: normal; margin: 5px 0; } .info-con h3 { float: left; width: 30%; text-align: right; } .info-con h4 { float: right; width: 68%; line-height: 150%; } .info-con h4 font { font-size: 18px; font-weight: bolder; color: #ff0000; } .info-con h3 font { font-weight: bolder; color: #ff0000; } .info-butt { float: left; width: 100%; margin-top: 20px; text-align: center; } .info-rightin .iamcut { float: left; height: 2px; border-top: 3px solid #004080; _border-top: 2px solid #004080; width: 96%; margin-left: 2%; _margin-left: 1%; font-size: 2px; margin-top: 10px; } .info-rightin .info-bz, .info-rightin .info-ck { float: left; width: 96%; margin-left: 2%; } .info-rightin .info-bz { } .info-rightin .info-ck { padding-bottom: 10px; } .info-rightin h5, .info-rightin h6 { margin: 5px 0; font-size: 14px; } .info-rightin h5 { float: left; width: 28%; text-align: left; margin-left: 2%; _margin-left: 1%; } .info-rightin h6 { float: right; width: 70%; text-align: right; color: #FF0000; } .info-bz .nr { float: left; width: 100%; border: 1px solid #999999; background: #cbe6f3; } .info-bz .nri{ float: left; width: 96%; margin-left: 2%; _margin-left: 1%; text-align: left; line-height: 150%; font-size: 14px; } .info-ck .nr { float: left; width: 100%; } .zs_sjxx {width:720px; margin:10px auto 0 auto; overflow:hidden;background: white;float:right;} .zs_sjxxtop {height:30px; line-height:30px; border-bottom:2px solid #888;} .zs_sjxxtop h2 {font-size:14px; font-weight:bold; color:#888; text-indent:10px;} .zs_sjxxcont {width:720px;} .zs_hyxx01 {float:left; width:177px; height:78px; margin:20px 30px 0 50px; padding-top:6px; display:inline; background:url(../../../images/market/spxx_xj.gif) no-repeat;} .zs_hyxx01 p {width:165px; margin:0 auto; padding:3px 0; color:#888;} .zs_hyxx01 p img {position:relative; top:3px;} .zs_hyxx02 {float:left; width:260px; height:79px; margin-top:10px;} .zs_hyxx02 p {margin:0 auto; padding:3px 0; font-weight:bold; color:#888;} .zs_hyxx02 p img {position:relative; top:3px;} .zs_hyxx03 {float:left; width:180px; height:60px; margin-top:30px;} .zs_hyxx03 .btnimg {width:158px; height:51px; display:block; background:url(../../../images/market/btn_jrgsp.gif) no-repeat;} .zs_hyxx03 .btnimg:hover {background:url(../../../images/market/btn_jrgsp.gif) no-repeat 0 -61px;} .zs_sjxxtable {border-collapse:collapse;line-height:1.5;} .zs_sjxxtable .title {height:30px; background:url(../../../images/market/spxx_topbg.gif) repeat-x;} .zs_sjxxtable .title th {height:28px; font-weight:normal; color:#000;} .zs_sjxxtable td {padding:10px 5px; color:#999; border-bottom:1px dotted #999;} .zs_sjxxtable .font01 {font-size:14px; font-weight:bold; color:#333;} .zs_sjxxtable .font02 {font-size:14px; font-weight:bold; color:#e80d09;} .zs_sjxxtable .font02 a{font-size:14px; color:#e80d09;} .zs_sjxxtable .font021 {font-size:14px; font-weight:bold; color:#00563e;} .zs_sjxxtable .font021 a{font-size:14px; color:#00563e;line-height:1.5;} .zs_sjxxtable .font03 {padding:5px; color:#4f86da; background:#ecf0fc;line-height:2;} .zs_sjxxtable .font04 {font-weight:bold; color:#333;} .zs_sjxxtable .font05 {color:#966350;} .zs_sjxxtable .font06 {color:#401409;} .zs_sjxxtable img {position:relative; top:3px;} .xh_in_khnr12_f { WIDTH: 100%; HEIGHT: 185px } .xh_in_khnr12_f UL { BORDER-BOTTOM: #e9c3d0 1px dashed; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 25px; PADDING-TOP: 0px } .xh_in_khnr12_f LI { TEXT-ALIGN: left; LIST-STYLE-TYPE: none; FLOAT: left; HEIGHT: 18px; PADDING-TOP: 8px } .xh_in_khnr12_f .li00 { PADDING-LEFT: 2%; WIDTH: 45%; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; COLOR: #f30; FONT-SIZE: 12px; OVERFLOW: hidden } .xh_in_khnr12_f .li01 { PADDING-LEFT: 2%; WIDTH: 48%; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden } .xh_in_khnr12_f .li02 { PADDING-LEFT: 2%; WIDTH: 47%; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; COLOR: #f30; FONT-SIZE: 12px; OVERFLOW: hidden } .xh_in_khnr12_f .li03 { PADDING-LEFT: 2%; WIDTH: 52%; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden } .xh_in_khnr12_f .li01 A:link { COLOR: #f30; FONT-SIZE: 12px; TEXT-DECORATION: none } .xh_in_khnr12_f .li01 A:active { COLOR: #f30; FONT-SIZE: 12px; TEXT-DECORATION: none } .xh_in_khnr12_f .li01 A:visited { COLOR: #f30; FONT-SIZE: 12px; TEXT-DECORATION: none } .xh_in_khnr12_f .li01 A:hover { COLOR: #f60; FONT-SIZE: 12px; TEXT-DECORATION: none } .xh_in_khnr12_f .li03 A:link { COLOR: #333333; FONT-SIZE: 12px; TEXT-DECORATION: none } .xh_in_khnr12_f .li03 A:active { COLOR: #333333; FONT-SIZE: 12px; TEXT-DECORATION: none } .xh_in_khnr12_f .li03 A:visited { COLOR: #333333; FONT-SIZE: 12px; TEXT-DECORATION: none } .xh_in_khnr12_f .li03 A:hover { COLOR: #ff4400; FONT-SIZE: 12px; TEXT-DECORATION: none } /*--right--*/ .EcBuyRt {float:right; width:180px;} .EcBuyRt01 {border:solid 1px #b7b7b7; border-top:none;} .EcBuyRt01 h1 {background:url(../../../images/market/Buybg_x.gif) repeat-x 0px 0px; height:24px; line-height:24px; border-bottom:solid 2px #9c1a24;border-top:solid 1px #b7b7b7; font-size:14px; text-indent:10px;} .EcBuyRt01 h1 span {float:right; font-size:12px; font-weight:normal; margin-right:10px;} .EcBuyRt01 p {line-height:24px; height:24px; margin:0px 5px 0px 10px;} .EcBuyRt01 p span {float:right;} .EcBuyRt01 p .con {float:left; width:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .EcBuyRtAd {width:180px; height:40px; overflow:hidden; margin-top:5px;} .EcBuyRtSp {border:solid 1px #edb37e; margin-top:5px;} .EcBuyRtSp h1 {background:url(../../../images/market/Buybg_x.gif) repeat-x 0px -34px; height:27px; line-height:27px; font-size:14px; color:#823312; text-indent:10px;} .EcBuyRtSp h1 span { height:27px; width:95px; background:url(../../../images/market/hot.gif) right 10px no-repeat; display:block} .EcBuyRtSp p {margin:5px 20px 15px;} .EcBuyRtSp p img {margin-top:6px; width:138px; height:57px;} /* 现货 start*/ .Xh{width:990px; margin:0px auto;} .Xh_sch {background:#fff8ed; margin-top:2px; width:100%; height:73px;} .Xh_sch span {float:left; margin-left:14px; margin-top:10px;} .Xh_schtext {border:solid 1px #cccccc; height:16px;} .Xh_schselect {border:solid 1px #cccccc; height:19px;} .Xh li {height:26px; line-height:26px; background: url(../../../images/market/icon01.gif) no-repeat 12px 3px #f5f5f5; float:left; width:950px; margin:9px 0px; font-size:12px; font-weight:normal; padding-left:40px;} .Xh li b {color:#193783;} .Xh li span {font-weight:bold; color:#d20808;} .Xh li p {float:right; margin-right:5px;} .Xhtable {} .Xhtable th {height:24px; background:#e77817; color:#fff;} .Xhtable th span {font-weight:normal;} .Xhtable th img {position:relative; top:2px;} .Xhtable td { text-align:center; height:30px; line-height:30px;} .Xhtable .tr01 {background:#f5f5f5;} .Xhtable a:link,.Xhtable a:visited,.Xhtable a:active {color:#193783;} /* 现货 end*/ /* 询货采购 */ .XhBuy_sch span {margin-left:40px;} .XhBuy_sch font {float:right; margin-top:25px; font-size:12px;} .XhBuyBt {background:url(../../../images/mrobay/xh_buyBt.gif) no-repeat; width:120px; height:26px; color:#fff; font-size:14px; text-decoration:underline; text-align:right; padding-right:10px;} .XhBj01 {position:relative; width:0px;} .XhBj span {width:69px; height:20px; display:block; line-height:20px;} .XhBjOn {background:url(../../../images/mrobay/Bj_bt.gif) no-repeat; color:#fff; } .XhBjDiv {width:650px; height:315px; border:solid 1px #b25707; background:#fff; position:absolute; z-index:3; right:73px; top:5px;text-align:left;} .XhBjDiv .title {height:26px; background:#fff8ed; font-size:12px; text-align:center; line-height:26px; font-weight:bold;} .XhBjDiv .title span {background:url(../../../images/mrobay/close01.gif) no-repeat; width:16px; height:16px; display:block; float:right; margin-top:3px; margin-right:3px;cursor: pointer;} .XhSalerXx {height:30px; line-height:30px; background:url(../../../images/mrobay/icon01.gif) no-repeat 10px 7px; padding-left:35px; } .XhSalerXx font,.XhBjDiv p,.XhBjTOP10 li {color:#193783;} .XhBjDiv p {height:20px; margin:0px 10px;} .XhBjTab {border:solid 1px #bbb; margin:5px 10px; width:630px;} .XhBjTab th {height:20px; background:#f5f5f5; font-weight:normal; color:#333; text-align:center;} .XhBjTab td {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;} .XhBjTOP10 {z-index:4; position:absolute; width:74px; border:solid 1px #e77817; background:#fff; left:35px; top:5px;} .XhBjTOP10 ul {background:url(../../../images/mrobay/Top10bg.gif) no-repeat 7px 7px; } .XhBjTOP10 ul li {height:20px; line-height:20px; padding-left:12px;} .XhBjTab01 th {color:#b25707;} .XhBjBts { margin:15px 0px; text-align:center;}