/* CSS Document */ /* 宽度960的区块 定义了宽度、居中对齐*/ #area1,#area2,#area3,#area4,#area5,#area6,#area7,#area8,#area9 {margin:0 auto; width:960px;} /* 大区块中的小区块 定义了宽度、浮动方式、与左右div的外间距*/ #area1_left { width:360px; float:left;} #area2_left , #area5_left , #area8_left { width:360px;float:left;padding:0px;background: url(/images/web2_41.jpg) repeat-y center top; border-bottom:1px #CFCFCF solid;} #area1_mid ,#area2_mid ,#area8_mid { width:360px; float:left; margin-left:7px; padding:0px;background: url(/images/web2_41.jpg) repeat-y center top;border-bottom:1px #CFCFCF solid;} #area1_right ,#area2_right ,#area8_right ,#area5_right { width:225px; float:right;} #area3_left { width:616px; float:left; padding:0px;background: url(/images/web2_616.jpg) repeat-y center top; border-bottom:1px #CFCFCF solid;} #area3_right { width:337px; float:right; padding:0px;} #area4_left1 { width:360px;float:left;padding:0px;background: url(/images/web2_41.jpg) repeat-y center top; border-bottom:1px #CFCFCF solid;} #area4_left2 { width:133px; float:left; margin-left:5px; border-bottom:1px #CFCFCF solid;background: url(/images/web2_44.jpg) repeat-y center top;} #area4_right1 { width:226px; float:left; margin-left:5px;} #area4_right2 { width:226px; float:right; } #area5_mid { width:358px; float:left; margin-left:7px;padding:0px;} #area7_left { width:282px; float:left; background: url(/images/web2_42.jpg) repeat-y center top; border-bottom:1px #CFCFCF solid;} #area7_mid { width:475px; float:left; margin: 0px 7px; background: url(/images/web2_55.jpg) repeat-y center top; border-bottom:1px #CFCFCF solid;} #area7_right1 { width:189px; float:right; } #area7_right2 { width:189px; float:right; margin-top:6px;} #area8_right { width:227px; float:right;} #area9 { background: url(/images/web2_60.jpg) repeat-y center top; border-bottom:1px #CFCFCF solid;} #footer { margin:4px auto; width:960px; line-height:22px;} /* 每个小区块中的*/ /* ------------------------------------left1左边的样式-----------------------------------------------------------------*/ .area1 .left1 { float:left; width:355px;border:1px solid #99A2CD; } .area1 .left1 .pic1 { width:153px; margin-top:8px;margin-left:8px; float:left;} .area1 .left1 .pic2 { width:153px; margin-top:8px;margin-right:8px; float:right;} .area1 .left1 .pic1 img , .area .left1 .pic2 img {border:1px solid #99A2CB;} .area1 .left1 .pic1 h6 , .area1 .left1 .pic2 h6 {font:12px normal; text-align:center; padding:0;overflow:hidden; word-break:keep-all;text-overflow:ellipsis; width:150px;} .area1 .left1 .list { margin:0px;} .area1 .left1 .list ul{ padding:0px;} .area1 .left1 .list li{ text-align:left;height:20px;padding-left:10px;list-style-type:none;background: url(/images/dot1.gif) no-repeat 14px 4px;text-indent: 16px;} .area1 .left1 .list span { color:#999999; clear:both; text-align:right;} /* right1右边的样式*/ .area1 .right1 {float:left;margin-left:7px; width:225px; margin:0; padding:0;} #area1_right .news_zb , #area2_right .news_zb { width:227px; float:right; margin-top:7px;background: url(/images/web2_43.jpg) repeat-y center top;border-bottom:1px #CFCFCF solid;} #area5_right .news_zb , #area8_right .news_zb { width:227px; float:right; background: url(/images/web2_43.jpg) repeat-y center top;border-bottom:1px #CFCFCF solid;} #area7_right1 .news_zb ,#area7_right2 .news_zb {width:189px; float:right; background: url(/images/web2_57.jpg) repeat-y center top;border-bottom:1px #CFCFCF solid;} #area1_right .news_zb .head , #area2_right .news_zb .head , #area5_right .news_zb .head , #area8_right .news_zb .head{ color:#fff;text-indent: 13px;height:25px;background: url(/images/web2_32.jpg) no-repeat center top;padding-top:1px;} #area7_right1 .news_zb .head , #area7_right2 .news_zb .head { color:#fff;text-indent: 13px;height:25px;background: url(/images/web2_58.jpg) no-repeat center top;padding-top:1px;} #area1_right .news_zb .head1 , #area2_right .news_zb .head1 , #area5_right .news_zb .head1 , #area8_right .news_zb .head1 , #area7_right1 .news_zb .head1 , #area7_right2 .news_zb .head1 { text-align:left; font-weight:bold;padding-left:6px; float:left; width:148px; line-height:23px;} #area1_right .news_zb .head2 , #area2_right .news_zb .head2 , #area5_right .news_zb .head2 , #area8_right .news_zb .head2 , #area7_right1 .news_zb .head2 , #area7_right2 .news_zb .head2 { text-align:center; font-weight:normal;padding-right:6px; float:right; width:38px;line-height:23px;} #area1_right .right1_list,#area2_right .right1_list { margin:0; clear:both;} #area1_right .right1_list ul ,#area2_right .right1_list ul { padding-top:2px;padding-bottom:3px;} #area1_right .right1_list li ,#area2_right .right1_list li { text-align:left;line-height:21px;padding-left:10px;list-style-type:none;background: url(/images/dot1.gif) no-repeat 10px 7px;text-indent: 10px;} /* -----------------------------------area2的样式-----------------------------------------------------------------*/ /* 两个图片的新闻样式 */ #area2_left .pic1 ,#area2_mid .pic1 { width:152px; margin:8px 0px 0px 10px; float:left;} #area2_left .pic2 ,#area2_mid .pic2 { width:152px; margin:8px 10px 0px 0px; float:right;} #area4_left1 .pic1 { width:152px; margin:8px 0px 0px 6px; float:left;} #area4_left1 .pic2 { width:152px; margin:8px 6px 0px 0px; float:right;} #area2_left .pic1 img ,#area2_left .pic2 img , #area2_mid .pic1 img ,#area2_mid .pic2 img , #area4_left1 .pic1 img ,#area4_left1 .pic2 img {border:1px solid #99A2CB; padding:0px; margin:0px;} #area2_left .pic1 h6 ,.#area2_left .pic2 h6 , #area2_mid .pic1 h6 ,#area2_mid .pic2 h6 , #area4_left1 .pic1 h6 ,#area4_left1 .pic2 h6 { font-size:12px; font-weight:normal; text-align:center; padding: 0px; width:150px; } /* 列表新闻新闻样式 */ #area2_left .list ,#area2_mid .list ,#area4_left1 .list {clear:both; margin-top:0px;} #area2_left .list ul ,#area2_mid .list ul ,#area4_left1 .list ul {padding:0;} #area2_left .list li ,#area2_mid .list li ,#area4_left1 .list li {text-align:left;height:20px;padding-left:10px;clear:both;list-style-type:none;background: url(/images/dot1.gif) no-repeat 14px 4px;text-indent: 16px;} #area2_left .list span ,#area2_mid .list span { color:#999999; clear:both; text-align:right;} #area3_left .pic ,#area4_left2 .pic {float:left; width:108px; margin:5px 6px 0px 6px; padding:0; } #area3_left h6 ,#area4_left2 h6 {font-size:12px; font-weight:normal; text-align:center; margin:3px 0px; overflow:hidden; word-break:keep-all;text-overflow:ellipsis; } /* -----------------------------------area4的样式-----------------------------------------------------------------*/ #area4_left2 .head { width:133px;border-bottom:1px #CFCFCF solid;background: url(/images/web2_34.jpg) no-repeat center top;height:25px;} #area4_left2 .head1{ text-align:left; font-weight:bold;padding-left:20px; float:left; width:68px; line-height:23px; margin-top:2px; color:#FFFFFF;} #area4_left2 .list { clear:both;} #area4_left2 ul { padding:0; margin:0;} #area4_left2 li { text-align:center;height:22px;line-height:22px;list-style-type:none;} /* -----------------------------------area5的样式-----------------------------------------------------------------*/ #area5_left .pic1 ,#area8_left .pic1 ,#area8_mid .pic1 {width:152px; margin:8px 0px 0px 8px; float:left; } #area5_left .pic2 ,#area8_left .pic2 ,#area8_mid .pic2 {width:152px; margin:8px 8px 0px 0px; float:right; } #area5_left .pic1 img ,#area5_left .pic2 img , #area8_left .pic1 img ,#area8_left .pic2 img , #area8_mid .pic1 img ,#area8_mid .pic2 img{border:1px solid #99A2CB;} #area5_left .list ,#area8_left .list ,#area8_mid .list {clear:both; margin-top:3px;} #area5_left ul ,#area8_left ul ,#area8_mid ul { padding:0;} #area5_left li ,#area8_left li ,#area8_mid li{ text-align:left;height:20px;padding-left:10px;clear:both;list-style-type:none;background: url(/images/dot1.gif) no-repeat 14px 4px;text-indent: 16px;} #area5_left h6 ,#area8_left h6 ,#area8_mid h6 { font-size:12px; font-weight:normal; text-align:center; margin:3px 0px; overflow:hidden; word-break:keep-all;text-overflow:ellipsis; } #area5_right .list { clear:both; } #area5_right ul { padding:0; margin:0;} #area5_right li { text-align:left;height:24px;line-height:24px;list-style-type:none;text-indent: 16px;border-bottom: 1px dashed #E8D3A6;background-image: url(/images/dot2.gif);background-repeat: no-repeat;background-position: 8px 8px;} #area5_right li span { background-color:#FDFFE3;background-image: url(/images/dot2.gif);background-repeat: no-repeat;background-position: 8px 8px;display: block;} #area7_left .pic{ width:76px; float:left; margin-left:10px;} #area7_left h6{font-size:12px; font-weight:normal; text-align:center; margin:3px 0px; overflow:hidden; word-break:keep-all;text-overflow:ellipsis; } #area7_mid .head { height:27px; width:100%; background:url(/images/sechouse_head.jpg) repeat-x left top; color:#615D8F; line-height:27px;} #area7_mid .head .s1{ width:68px; float:left;} #area7_mid .head .s2{ width:62px; float:left;} #area7_mid .head .s3{ width:51px; float:left;} #area7_mid .head .s4{ width:162px; color:#FF0000; float:left;} #area7_mid .head .s5{ width:53px; float:left;} #area7_mid .head .s6{ width:77px; float:left;} #area7_mid .contact { width:100%; height:22px; line-height:22px; color:#615D8F; } #area7_mid .contact .s1{ width:68px; float:left; font-weight:bold;} #area7_mid .contact .s2{ width:62px; float:left;} #area7_mid .contact .s3{ width:51px; float:left;} #area7_mid .contact .s4{ width:162px; float:left;} #area7_mid .contact .s5{ width:53px; float:left;} #area7_mid .contact .s6{ width:77px; float:left;} #area7_right1 .word1, #area7_right2 .word1 { width:60px; color:#615D8F;float:left; line-height:20px; text-align:right;} #area7_right1 .text1, #area7_right2 .text1 { width:127px;float:left; text-align:left; height:24px;} #area7_right1 .text1 input, #area7_right2 select{ width:110px;border:1px solid #5D2C27; height:12px;} #area7_right1 .bottom { width:44px; margin:0 6px; height:20px; vertical-align:middle; float:left;} #area7_right2 .bottom { width:100%; height:20px; vertical-align:middle; float:left;} #area7_right2 .text1 input, #area7_right2 select{ width:110px;border:1px solid #5D2C27; height:12px;} #area8_right .list {clear:both;} #area8_right ul { padding:0; margin:0;} #area8_right li {text-align:left;height:24px;line-height:24px;list-style-type:none;text-indent: 16px;border-bottom: 1px dashed #E8D3A6;background-image: url(/images/dot2.gif);background-repeat: no-repeat;background-position: 8px 8px;} #area8_right li span {background-image: url(/images/dot2.gif);background-repeat: no-repeat;background-position: 8px 8px;display: block;} #area9 .pic{ width:88px; float:left; margin:3px 8px;} #footer .left{ width:70%; float:left; margin:0 auto; padding:0;} #footer .right{ width:30%; height:66px; float:left; margin:0 auto; padding:0; } /* -----------------------------------两列布局-----------------------------------------------*/ /* -----------------------------------两列布局-----------------------------------------------*/ /* -----------------------------------两列布局-----------------------------------------------*/ /* -----------------------------------两列布局-----------------------------------------------*/ /* -----------------------------------两列布局-----------------------------------------------*/ /* 12px加点列表 */ .link12listStyle li{text-align:left;line-height:21px;font-size:12px;padding:0 0 0 9px;background:url(http://www.sinaimg.cn/home/07index/sinahome_ws_002.gif) no-repeat 0 7px;list-style-type:none;} .link12listStyle_gf li{text-align:left;line-height:21px;padding-left:26px;list-style-type:none;text-indent: 10px;background: url(/images/gf_point.jpg) no-repeat 12px 4px;} /* 每周点击排行 */ .link12listStyle_dj li {text-align:left;line-height:20px;text-indent: 10px;} .link12listStyle_dj li span {text-align:left;line-height:20px;text-indent: 20px;float:right;display: block;width: 60px;padding-bottom:20px;height:20px;margin:0;padding:0;} .link12listStyle_bbs li{text-align:left;line-height:21px;text-indent: 10px;list-style-type:none;} .link12listStyle_bbs li span{text-align:left;line-height:20px;text-indent: 20px;float:left;display: block;width: 130px;padding-bottom:20px;height:20px;margin:0;padding:0;} /* 两列布局 - 黑色 */ /*定义了表格宽度*/ .BlkBlack{width:361px; float:left; margin-left:7px;}/* 资讯中心 业主装修论坛*/ /*定义了其中一列的宽度，底部一个象素的实线 两边的背景*/ .BlkBlack .bg_359{width:359px; border-bottom:1px #99A2CD solid; background:url(/images/roll_bg_359.jpg) repeat-y;} /* 061228修改 ws 增加h1背景色 begin */ .BlkBlack .bg_359 h1{ font-size:12px; height:27px; overflow:hidden; font-weight:normal;} .BlkBlack .bg_359 h1 .BlkBlackTab {width:86px; height:27px; text-align:center; overflow:hidden; padding:9px 0 0 0; color:#333; font-weight:bold; background:url(/images/roll_on.jpg) no-repeat #888; float:left;color:#FFFAE1;} .BlkBlack .bg_359 h1 .block{ width:5px; border-bottom:1px solid #99A2CD; float:left;height:26px;} .BlkBlack .bg_359 h1 .BlkBlackTabOff {width:86px; height:27px; text-align:center; overflow:hidden; padding:9px 0 0 0; color:#333; background:url(/images/roll_off.jpg) no-repeat #888; float:left;color:#FFFfff;} /* 061228修改 ws 增加h1背景色 end */ .BlkBlack .bg_359 h1 .BlkBlackTab a:link,.BlkBlack .bg_359 h1 .BlkBlackTab a:visited{color:#333; text-decoration:none;} .BlkBlack .bg_359 h1 .BlkBlackTab a:hover,.BlkBlack .bg_359 h1 .BlkBlackTab a:active{color:#333; text-decoration:underline;} .BlkBlack .bg_359 h1 .BlkBlackTabOff a:link,.BlkBlack .bg_359 h1 .BlkBlackTabOff a:visited{color:#fff; text-decoration:none;} .BlkBlack .bg_359 h1 .BlkBlackTabOff a:hover,.BlkBlack .bg_359 h1 .BlkBlackTabOff a:active{color:#fff; text-decoration:underline;} .BlkBlack .bg_359 .List{padding:0 0 6px 9px; clear:both;} .BlkBlack .bg_359 .pic { width:120px; margin-top:8px;margin-left:4px; float:left;} .BlkBlack .bg_359 .pic img {border:1px solid #99A2CB;} .BlkBlack .bg_359 .pic h6 {font-size:12px; font-weight:normal; text-align:center; padding:5px 0;overflow:hidden; word-break:keep-all;text-overflow:ellipsis; width:110px;} /* 两个图片的新闻样式 */ .BlkBlack .bg_359 .pic_1 { width:100%; margin:0; padding:0;} .BlkBlack .bg_359 .pic1 {width:153px; margin-top:8px;margin-left:7px; float:left;} .BlkBlack .bg_359 .pic2 {width:153px; margin-top:8px;margin-right:7px; float:right;} .BlkBlack .bg_359 .pic1 img ,#area1_mid .pic2 img {border:1px solid #99A2CB;} .BlkBlack .bg_359 .pic1 h6 ,#area1_mid .pic2 h6 { font-size:12px; font-weight:normal; text-align:center; padding:0;overflow:hidden; word-break:keep-all;text-overflow:ellipsis; width:150px;} .BlkBlack .bg_359 .red , .BlkBlack .bg_359 .red a:link , .BlkBlack .bg_359 .red a:visited , .BlkBlack .bg_359 .red a:hover , .BlkBlack .bg_359 .red a:active { width:206px; margin-left:8px;margin-top:8px;margin-right:8px; float:left;} .BlkBlack .bg_359 .red h1 {clear:both; height:20px;width:206px;font-size:14px; font-weight:bold; color:#FF0000; text-align:center;} .BlkBlack .bg_359 .red p {text-align:left;padding:0;color:#605C8E;width:206px;text-indent:2em;line-height:21px;margin: 0px;border-width: 0px;} .BlkBlack .bg_359 .list {clear:both; margin:0px;} .BlkBlack .bg_359 .list ul {padding:0;} .BlkBlack .bg_359 .list li {text-align:left;height:20px;padding-left:10px;clear:both;list-style-type:none;background: url(/images/dot1.gif) no-repeat 14px 4px;text-indent: 16px;} .BlkBlack .bg_359 .list span { color:#999999; clear:both; text-align:right;} /* 购房计算器.每周点击排行 两列布局 - 黑色 */ .BlkBuy{ width:226px; float:left; }/* 购房计算器 每周点击排行*/ .BlkBuy .bg_226{ width:226px; border-bottom:1px #CFCFCF solid; background:url(/images/roll_bg_226.jpg) repeat-y;} .BlkBuy .bg_226 h1{ color:#FFFAE1; font-size:12px; height:28px; overflow:hidden; margin-bottom:3px; font-weight:normal;} .BlkBuy .bg_226 h1 .BlkBuyTab{ width:113px; height:28px; text-align:center; overflow:hidden; padding:9px 0 0 0; color:#EA6200; font-weight:bold; background:url(/images/web2_46.jpg) no-repeat ; float:left;} .BlkBuy .bg_226 h1 .BlkBuyTabOff{width:113px; height:28px; text-align:center; overflow:hidden; padding:9px 0 0 0; color:#333; background:url(/images/web2_47.jpg) no-repeat ; float:left;} .BlkBuy .bg_226 h1 .BlkBuyTab a:link , .BlkBuy .bg_226 h1 .BlkBuyTab a:visited{color:#EA6200; text-decoration:none;} .BlkBuy .bg_226 h1 .BlkBuyTab a:hover , .BlkBuy .bg_226 h1 .BlkBuyTab a:active{color:#333; text-decoration:underline;} .BlkBuy .bg_226 h1 .BlkBuyTabOff a:link , .BlkBuy .bg_226 h1 .BlkBuyTabOff a:visited{color:#333; text-decoration:none;} .BlkBuy .bg_226 h1 .BlkBuyTabOff a:hover , .BlkBuy .bg_226 h1 .BlkBuyTabOff a:active{color:#EA6200; text-decoration:underline;} .BlkBuy .bg_226 .List{padding:0 ; clear:both;} .BlkBuy .bg_226 .List ul {padding:0;} .BlkBuy .bg_226 .List li {text-align:left;height:20px;padding-left:10px;clear:both;list-style-type:none;text-indent: 20px;} .BlkBuy .bg_226 .List span { color:#999999; clear:both; text-align:right; padding-right:6px;} /* BBS两列布局 - 黑色 */ .BlkBbs{ width:358px; } /*定义了其中一列的宽度，底部一个象素的实线 两边的背景*/ .BlkBbs .bg_358{ width:358px; border-bottom:1px #cfcfcf solid; background:url(/images/roll_bg_358.jpg) repeat-y;} /* 061228修改 ws 增加h1背景色 begin */ .BlkBbs .bg_358 h1{color:#FFFAE1; font-size:12px; height:28px; overflow:hidden; margin-bottom:3px; font-weight:normal;} .BlkBbs .bg_358 h1 .BlkBbsTab{width:179px; height:28px; text-align:center; overflow:hidden; padding:9px 0 0 0; color:#333; font-weight:bold; background:url(/images/web2_51.jpg) no-repeat ; float:left;} .BlkBbs .bg_358 h1 .BlkBbsTabOff{width:179px; height:28px; text-align:center; overflow:hidden; padding:9px 0 0 0; color:#333; background:url(/images/web2_52.jpg) no-repeat ; float:left;} /* 061228修改 ws 增加h1背景色 end */ .BlkBbs .bg_358 h1 .BlkBbsTab a:link , .BlkBbs .bg_358 h1 .BlkBbsTab a:visited{color:#EA6200; text-decoration:none;} .BlkBbs .bg_358 h1 .BlkBbsTab a:hover , .BlkBbs .bg_358 h1 .BlkBbsab a:active{color:#333; text-decoration:underline;} .BlkBbs .bg_358 h1 .BlkBbsTabOff a:link , .BlkBbs .bg_358 h1 .BlkBbsTabOff a:visited{color:#333; text-decoration:none;} .BlkBbs .bg_358 h1 .BlkBbsTabOff a:hover , .BlkBbs .bg_358 h1 .BlkBbsTabOff a:active{color:#EA6200; text-decoration:underline;} .BlkBbs .bg_358 .List{padding:0 ; clear:both;}