@charset "utf-8";
/* CSS Document */
/*
 *@Type:single style;
 *@Description:首页样式
 *@author:cumtwyz;
 *system：size;

 */
@import url("logandreg.css");
.red,em{font-weight:bold;}
#content,#nav{margin-bottom:10px;}

/*home*/
.pic{display:table-cell; vertical-align:middle; text-align:center; overflow:hidden}
.titleBg{ background:#f4f4f4;}
#demands{border:1px solid #e8e8e8;}
#demands,#news,#hTopMid,#hTopRight,#interest,#service,#focusImg,#logReg,#market,#banner,#login{margin-bottom:10px;}
#demands,#demandsImg,#demandsList,#interest,#newList,#newRecoim,#banner,#service #serTit{_zoom:1; overflow:hidden}
#market,#hTopMid{float:left;}
#demands #recom,#news .trade,#content .even{float:right;}
#content h3 a:hover{ text-decoration:none;}
#content h3 .gray{ margin:0 5px;}

#market{width:198px; height:286px; border:1px solid #fccda2; margin-right:10px; background:#fef9f1;}
#market .marketTit{background:url(/images/homeImg.png) 0 0px  repeat-x; height:31px; padding-left:12px;}
#market h2{ background:url(/images/homeImg.png) 0 -45px no-repeat; height:31px; display:block; text-indent:-99em;}
#market .marList li{border-bottom:1px solid #fde3c9; background:url(/images/homeImg.png) 180px -180px  no-repeat;height:31px; line-height:31px;}
#market .marList .last{ border-bottom:0;}
#market .marList li span{padding-left:40px;cursor:default; height:27px;border:2px solid #fef9f1; line-height:27px;display:block;width:100px; position:relative;font-size:14px;}
#market .marList li .dropList{position:absolute; z-index:100; margin-left:-9999px;width:160px;line-height:24px; background:#fff;border:2px solid #eaa565; padding:5px;}
#market .marList li .dropList a{margin-left:15px;font-size:12px;}
#market .marList .on .dropList{margin-left:140px; z-index:102;}
#market .marList .on span{z-index:110;border:2px solid #eaa565;border-right:0; background:#fff; display:block;}
#market .marList .industy{background:url(/images/homeImg.png) 11px -256px no-repeat}
#market .marList .on .industy{background:url(/images/homeImg.png) 11px -256px no-repeat #fff;}
#market .marList .equip{background:url(/images/homeImg.png) 11px -284px no-repeat}
#market .marList .on .equip{background:url(/images/homeImg.png) 11px -284px no-repeat #fff}
#market .marList .mater{background:url(/images/homeImg.png) 11px -315px no-repeat}
#market .marList .on .mater{ background:url(/images/homeImg.png) 11px -315px no-repeat #fff}
#market .marList .digit{ background:url(/images/homeImg.png) 11px -343px no-repeat}
#market .marList .on .digit{ background:url(/images/homeImg.png) 11px -343px no-repeat #fff}
#market .marList .house{background:url(/images/homeImg.png) 11px -373px no-repeat}
#market .marList .on .house{ background:url(/images/homeImg.png) 11px -373px no-repeat #fff}
#market .marList .cloth{ background:url(/images/homeImg.png) 11px -404px no-repeat;}
#market .marList .on .cloth{ background:url(/images/homeImg.png) 11px -404px no-repeat #fff}
#market .marList .goods{background:url(/images/homeImg.png) 11px -433px no-repeat}
#market .marList .on .goods{ background:url(/images/homeImg.png) 11px -433px no-repeat #fff}
#market .marList .service{ background:url(/images/homeImg.png) 11px -464px no-repeat}
#market .marList .on .service{ background:url(/images/homeImg.png) 11px -464px no-repeat #fff}

#focusImg{width:530px; overflow:hidden; height:188px; position:relative; z-index:1}
#focusImg .imgList{width:2240px; height:188px; position:relative;}
#focusImg .imgList span{width:530px; height:188px; position:absolute; top:0; left:0}
#focusImg .imgSlide{position:absolute; right:5px; bottom:5px; height:14px; z-index:190}
#focusImg .imgSlide li{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#fff; cursor:pointer; float:left; display:inline-block; height:16px;width:20px; line-height:14px;font-weight:bold; text-align:center; background:url(/images/homeImg.png) -24px -227px no-repeat; margin-left:3px;}
#focusImg .imgSlide .on{background:url(/images/homeImg.png) 0px -227px no-repeat;display:inline-block; height:16px; width:20px}
#todayBus {width:530px;}
#todayBus .gray{margin:0 5px; color:#ccc }
#todayBus p{padding:0px 14px; height:31px; line-height:31px;}
#todayBus p a:link,#todayBus p a:visited{color:#0055bb;}
#todayBus p a:hover{color:#cc0033}
#hotDemands{ border:1px solid #ececec;height:57px;_zoom:1;width:528px; overflow:hidden;}
#hotDemands .hotTit,#hotDemands .hotKey{ float:left;}
#hotDemands .hotTit{width:54px;height:57px; background:url(/images/homeImg.png) -235px -562px no-repeat; }
#hotDemands .hotKey{ line-height:24px; padding:5px 15px; width:444px;height:45px; overflow:hidden; }
#hotDemands .hotKey a{ display:inline-block;; white-space:nowrap;}

#hTopRight{width:230px; float:right;}
#logReg .service,#logReg .login{_zoom:1; overflow:hidden;}
#logReg .login{ margin-bottom:8px;}
#logReg .login a{float:left;width:114px; display:inline-block; float:left; height:37px;background:url(/images/homeImg.png) 0 -0px no-repeat;}
#logReg .login .loginBtn:hover{background-position:0 -549px;}
#logReg .login .regBtn:hover{background-position:-113px -549px; margin-left:-1px}
#logReg .login .loginBtn{background-position:0 -506px;}
#logReg .login .regBtn{background-position:-114px -506px; width:116px;}

#logReg .service span{width:110px; float:left;padding:7px 0;color:#333; height:36px; text-align:center; display:inline-block; background:url(/images/homeImg.png) -235px -507px no-repeat; }
#logReg .buyer{margin-right:8px;}
#logReg .service a{display:block; font-size:12px;}
#logReg .service a:link,#logReg .service a:visited{color:#888;}
#logReg .service a:hover{ color:#cc0033}
#afterLogin{ border:1px solid #fedec7; height:93px; width:228px; margin-bottom:10px;}
#afterLogin ul{ height:64px; margin:4px 10px 0 10px }
#afterLogin li{ float:left; width:100px; line-height:28px; height:28px;}
#afterLogin .goin{ background:#fdf9f2; height:25px; line-height:25px; text-align:right; padding-right:12px;}
#afterLogin .goin a:link,#afterLogin .goin a:visited{ color:#0055bb}
#afterLogin .goin a:hover{color:#cc0033 }
#notice{ line-height:24px; padding:0 12px; height:181px; border-top:1px solid #d8d8d8; background:url(/images/homeImg.png) 0px -914px repeat-x #fff;  }
#notice dt{line-height:32px;font-size:14px; font-weight:bold; padding-top:1px;}
#demands,#suppier,#economic,#sucStory{border:1px solid #d8d8d8}
#demands .titleBg,#demands .titleBg,#suppier .titleBg,#economic .titleBg,#sucStory .titleBg{height:33px; border-bottom:1px solid #e9e9e9; background:url(/images/homeImg.png) 0 -873px repeat-x; padding:0 12px; line-height:33px; font-size:14px;font-weight:bold }
#news .titleBg,#interest .titleBg{ background:url(/images/homeImg.png) 0px -914px repeat-x white; border-top:1px solid #d8d8d8; padding:1px 12px;}
#sucStory ul,#suppier ul{ padding:3px 12px 0 12px;}
#sucStory li,#suppier li{ background:url(/images/homeImg.png) -345px -468px no-repeat; padding-left:9px;}

#news,#demands { width:738px; float:left}
#economic,#sucStory,#suppier{ width:228px; float:right}
#demands .titleBg a,#news .titleBg a,#interest .titleBg a{line-height:33px;font-size:12px;}
.titleBg a:link,.titleBg a:visited,#demands a:link,#demands a:visited,#suppier .meTo a:link,#suppier .meTo a:visited,#news h2 a:link,#news h2 a:visited{color:#0055bb }
.titleBg a:hover,#demands a:hover,#suppier .meTo a:hover,#news h2 a:hover{color:#cc0033}
.titleBg .gray{margin:0 5px; color:#ccc}
#demands table{word-wrap:normal;}
#demands .titleBg p a:link,#demands .titleBg p a:visited{color:#444444}
#demands .titleBg p a:hover{color:#D74801}
#demands{height:321px;}
#demands h2 a{ background:url(/images/homeImg.png) 0 -78px no-repeat;display:inline-block; width:50px; height:35px; padding-left:85px; font-weight:normal; font-size:12px; }
#demands h2 span{display:none}
#demands .titleBg p{font-size:12px;font-weight:normal}
#demands th,#demands td{font-weight:normal; padding:0px 5px; text-align:left;height:27px; line-height:27px; }
#demands th{background:url(/images/homeImg.png) 0 -845px repeat-x; color:#888888;}
#demands td{height:28px;line-height:28px; vertical-align:middle;}
#demands .firstChild td{padding-top:3px}
#demands #demandsTable{ height:252px; overflow:hidden; position:relative; }
#demands .buyAmount{display: inline-block; width:98px;height:28px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
#demands .tdDemandTitle a{display:inline-block;width:140px;white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
#demands .de-cate a{display:inline-block;width:96px;height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
#demands .certNormal,#demands .certHigh{vertical-align:middle}
#demands #demandsTable table{ position:absolute; left:0;}
#suppier{height:321px;}
#suppier li{ line-height:26px;}
#suppier .meTo{text-align:right; padding-right:12px;}

#news,#economic{ height:280px;}
#news h2 a{ background:url(/images/homeImg.png) 0 -110px no-repeat;display:inline-block; width:50px; height:35px; padding-left:85px; font-weight:normal; font-size:12px;  }
#news h2 span{ display:none}
#news .newRecom{ margin-bottom:14px; margin-top:0;_zoom:1; overflow:hidden; height:102px;}
#news .newItem,#news li{ width:341px; float:left; padding-left:12px; padding-right:12px;}
#news .newItem h3{ font-size:14px; line-height:32px;}
#news .newItem .newPic{ height:70px;width:95px; float:left;}
#news .newItem  .disc{ float:left; color:#888; margin-left:14px; line-height:18px; padding-top:4px; width:232px;}
#news li{ line-height:24px;}

#addBuyer,#addSupply{ width:339px;height:189px; border:1px solid #d8d8d8; float:left; padding:0 12px; margin-bottom:10px; }
#addBuyer{ margin-right:10px;}
#sucStory{height:189px;}
#sucStory li{ line-height:24px;}
#addBuyer dt{ background:url(/images/homeImg.png) 0 -682px no-repeat; line-height:20px; height:20px; text-indent:-9999em; margin:10px 0 16px 0}
#addSupply dt{ background:url(/images/homeImg.png) 0 -722px no-repeat; line-height:20px; height:20px; text-indent:-9999em; margin:10px 0 16px 0}
#addBuyer dd,#addSupply dd{ height:30px; line-height:30px; margin-bottom:5px;}
#addBuyer .buyone,#addBuyer .buytwo,#addBuyer .buythree,#addSupply .supone,#addSupply .ico-b-buer,#addSupply .suptwo,#addSupply .supthree{ height:30px;width:30px; background:url(/images/homeImg.png) 0 0 no-repeat; overflow:hidden; display:inline-block; vertical-align:middle; margin-right:10px;}
#addBuyer .buyone{ background-position:-266px -41px}
#addBuyer .buytwo{ background-position:-266px -81px}
#addBuyer .buythree{ background-position:-266px -121px}
#addSupply .supone{ background-position:-320px -41px}
#addSupply .suptwo{ background-position:-320px -81px}
#addSupply .ico-b-buer{ background-position:-320px -161px}
#addSupply .supthree{ background-position:-320px -121px}
#addBuyer .tr a,#addSupply .tr a{ width:117px; height:29px; line-height:29px; display:inline-block; background:url(/images/homeImg.png) 0 -637px; text-align:center;}
#addBuyer .tr a:link,#addBuyer .tr a:visited,#addSupply .tr a:link,#addSupply .tr a:visited{ color:#ab5617}
#addBuyer dd a:hover,#addSupply dd a:hover,#addBuyer .tr a:hover,#addSupply .tr a:hover{color:#cc0033}

#interest #proImg{_zoom:1; overflow:hidden; padding:18px 10px 15px 10px;}
#interest h2{background:url(/images/homeImg.png) 0 -143px no-repeat; height:35px; width:170px; text-indent:-9999em}
#interest  .proItem{ float:left; width:100px; margin-right:43px; text-align:center}
#interest  .last{margin-right:0;}
#interest  .picture{ width:100px; height:100px; overflow:hidden; margin-bottom:7px;}
#interest  .pic{width:100px; height:100px; display:table-cell; overflow:hidden; *line-height:85px; *font-size:85px; margin-bottom:10px;}
#interest  .askPrice:link,#interest #proImg .askPrice:visited{color:#0055bb;}
#interest  .askPrice:hover{color:#cc0033}
#interest  .proTit{display: block;width:100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; height:24px;}

#help{ background:#f7f7f7; border-top:1px solid #e4e4e4; _zoom:1; overflow:hidden; height:145px; padding:10px 20px 0 50px;}
#help a:link,#help a:visited{ color:#666;}
#help a:hover{ color:#cc0033}
#help dl{float:left;width:174px;}
#help .subscr-dl{width:210px;}
#help dt{font-weight:bold;color:#444;padding:6px 0}
#help dd{margin-left:25px;+margin-left:22px;line-height:24px;}
#help dt span{display:inline-block;width:16px;height:16px;background:url(/images/homeImg.png) 0 0 no-repeat; vertical-align:-3px;+vertical-align:middle;_vertical-align:middle;margin-right:5px;}
#help .ico-freshman{background-position:0 -767px}
#help .ico-servBuy{background-position:-20px -767px}
#help .ico-servSell{background-position:-40px -767px}
#help .ico-safe{background-position:-60px -767px}
#help  .ico-subscr{background-position:-80px -767px}
#help .text{border:1px solid #d8d8d8; margin-bottom:10px; width:172px; height:22px; line-height:22px;}
#help .placeholder{color:#c6c6c6}

#footer{ border-top:0;}


