@charset "utf-8";
/* CSS Document */

/*layout*/
.homeFrameLeft { width:690px; float:left; padding-top:10px; }
.homeFrameRight { width:280px; float:left; padding-left:10px; padding-top:10px; }
/*left*/
.hFLtopTabBox { width:690px; margin-bottom:10px; }
.hFLtopTabBox ul.tabBox { width:100%; height:52px; padding:0; background: url(../images/bg_line.gif) repeat-x 0px bottom; }
.hFLtopTabBox ul.tabBox li { width:158px; height:44px; margin-right:19px; float:left; cursor:pointer; background-image: url(../images/home_tab_btn.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px; }
.hFLtopTabBox ul.tabBox li span { display:block; float:left; height:20px; line-height:16px; width:80px; }
.hFLtopTabBox ul.tabBox li span b { color:#1360AE; font-size:14px; }
.hFLtopTabBox ul.tabBox li div.Imgarea { float:left; padding: 9px; }
.hFLtopTabBox ul.tabBox li div.WordArea { width:80px; float:left; padding-top: 5px; }
.hFLtopTabBox ul.tabBox li.onBgImg { background-image: url(../images/home_tab.png); background-repeat: no-repeat; background-position: 0px 0px; height: 52px; }
.hFLtopTabBox ul.tabBox li.onBgImghover { background:url(../images/home_tab_btn_on.png) no-repeat top; }
.hFLtopTabBox ul.tabCont { width:690px; color:#333; }
.hFLtopTabBox ul.tabCont .btn-search { font-size:14px; background-image: url(../images/button-search.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 33px; width: 97px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.hFLtopTabBox ul.tabCont li.TopBgImg { width:690px; height:10px; background:url(../images/homt_tab_top.png) no-repeat top right; }
.hFLtopTabBox ul.tabCont li.ConBgImg { width:608px; background:url(../images/home_tab_bg.png) repeat-x #E2EFFF; float:left; _margin-top:-2px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #d7e5f1; border-left-color: #d7e5f1; padding: 15px 40px 5px 40px;}
.hFLtopTabBox ul.tabCont li.ConBgImg ul { width:608px; }
.hFLtopTabBox ul.tabCont li.ConBgImg ul li { width:608px; line-height:32px; float:left; margin-top:10px; }
.hFLtopTabBox ul.tabCont li.ConBgImg ul li span { display:block; width:60px; height:30px; line-height:20px; float:left; text-align:left; }
.hFLtopTabBox ul.tabCont li.ConBgImg ul li p { margin:0; width:527px; line-height:20px; float:left; }
.hFLtopTabBox ul.tabCont li.ConBgImg ul li a { margin-right:10px; }
.hFLtopTabBox ul.tabCont li.ConBgImg ul li b { font-size:14px; float:left; }
.hFLtopTabBox ul.tabCont li.ConBgImg ul li img { margin:0 10px; }
.hFLtopTabBox ul.tabCont li.BtmBgImg { width:690px; height:5px; background:url(../images/home_tab_btm.png) no-repeat top; float:left; }
.hFRCont{ clear: both; overflow:hidden;;}
.hFRCont ol {  padding:0 10px; _padding:0; _padding-left:10px; _width:268px;}
.hFRCont ol li { width:260px; margin-top:10px; float:left; overflow:hidden; }
.hFRCont ol li span { display:block; float:left; overflow:hidden; }
.hFRCont ol li span.ClassListName { height:35px; line-height:35px; width:60px; text-align:right; }
.hFRCont ol li span.InputArea { width:195px; }
.hFRCont ol li span.hFRuserPhoto { width:60px; height:60px; background:url(../images/pic_bg.jpg) no-repeat top left; margin-right:5px; }
.hFRCont ol li span.hFRuserPhoto img { width:54px; height:54px; margin:3px; }
.hFRCont ol li span.hFRuserInfo { width:195px; float:left; color:#666 }
.hFRCont ol li span.hFRuserInfo div {  line-height:20px; }
.hFRCont ol li span.hFRuserInfo div em { float:right; }
.hFRCont ol li span.hFRbusName { width:195px; margin-top:5px; height:20px; line-height:20px; }
.hFRCont ol li span.hFRrate { width:56px; margin-left:2px; margin-top:5px; text-align:center; height:20px; line-height:20px; overflow:hidden; }
.hFRCont ol li span.hFRrate b.orange { color:orange }
.hFRCont ol li span.hFRrate b.green { color:green }
.hFRCont ol li span.hFRrate b.red { color:red }

.homeFrameLeft ul.hFLContent { width:690px; margin:0; padding:0; overflow:hidden; height:350px;}
.homeFrameLeft ul.hFLContent li { width:690px; margin:0; overflow:hidden; font-size:12px; padding: 0px; }
.homeFrameLeft ul.hFLContent li.solid { font-size:12px; background-color:#EEF5FD; font-weight: bold; color: #333; margin-top: 5px; background-image: url(../images/bg_tit2.gif); background-repeat: repeat-x; background-position: 0px bottom; border-bottom-width: 0px; border-bottom-style: none; }
.homeFrameLeft ul.hFLContent li span { display:block; overflow:hidden; height:30px; line-height:30px; float:left; *height:28px; *line-height:28px;}
.homeFrameLeft ul.hFLContent li span b { font-weight:bold; }
.homeFrameLeft ul.hFLContent li span.jobName, .homeFrameLeft ul.hFLContent li span.rateTitle { width:285px; padding-left:10px; }
.homeFrameLeft ul.hFLContent li span.jobName img, .homeFrameLeft ul.hFLContent li span.rateTitle img { vertical-align:middle; }
.homeFrameLeft ul.hFLContent li span.cpyName, .homeFrameLeft ul.hFLContent li span.busName { width:200px; }
.homeFrameLeft ul.hFLContent li span.inCity, .homeFrameLeft ul.hFLContent li span.rateNum { width:100px; }
.homeFrameLeft ul.hFLContent li span.fromUser { width:90px; overflow:hidden; }
.homeFrameLeft ul.hFLContent li span.fromUser img { margin:5px 8px 0 15px; height: 25px; width: 25px; }
.homeFrameLeft ul.hFLContent li span.fromUser a { height:35px; line-height:35px; display:block; float:left; overflow:hidden }