@charset "utf-8"; /* css document */ /*通栏广告banner*/ #banner_2016 { width: 1200px; margin: 0 auto; height: auto; } #banner_2016 img { display: block; } .banner_one { height: 55px; margin-top: 1px; } /*通栏广告*/ #city_list { position: absolute; width: 650px; left: 18px; top: 87px; z-index: 999; padding: 10px; background: #ffffff; border: solid 1px #e60039; } #city_list dl { height: 26px; } #city_list dt { display: inline; font-size: 12px; font-family: simsun; } #city_list dd { display: inline; margin: 0 10px 0 0; } #city_list dd a { font-size: 12px; font-family: simsun; } #city_list dd a:hover { color: #e60039; } .app_fzg_but { float: right; padding-top: 12px; } .app_fzg_but div:hover .app_fzg { display: block; position: relative; width: 82px; z-index: 10; cursor: pointer; } .app_fzg { display: none; position: absolute; z-index: 999; top: -79px; right: 0px; width: 82px; height: 81px; overflow: hidden; border: #dadada 1px solid } /*banner*/ .banner_box { width: 100%; position: relative; margin-top: 16px; z-index: 99; height: 450px; min-width: 1200px; } .flexslider { position: relative; height: 450px; overflow: hidden; zoom: 1; } .flex-viewport { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .flexslider .slides { zoom: 1; } .flex-direction-nav a { width: 22px; height: 50px; line-height: 99em; overflow: hidden; margin: -30px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background: url(/uploads/image/ssimg-home/next_bg.png) no-repeat 0px 0px; right: 10%; } .flex-direction-nav .flex-prev { left: 10%; background: url(/uploads/image/ssimg-home/prev_bg.png) no-repeat 0px 0px; } .flex-direction-nav .flex-next:hover { background: url(/uploads/image/ssimg-home/next_bgs.png) no-repeat 0px 0px; right: 10%; } .flex-direction-nav .flex-prev:hover { left: 10%; background: url(/uploads/image/ssimg-home/prev_bgs.png) no-repeat 0px 0px; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=80); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=80); } .flex-control-nav { width: 100%; position: absolute; bottom: 20px; text-align: center; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display:inline; } .flex-control-paging li a { background: url(/uploads/image/ssimg-home/ba_dots.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active { background-position: 0 0; } /*搜索区*/ .banner_search { position: absolute; top: 130px; left: 50%; margin-left: -345px; width: 690px; height: 190px; background: url(/uploads/image/ssimg-home/search_bg.png) no-repeat; z-index: 998; } .search_menu { padding: 40px 0px 0px 40px; height: 50px; } .search_menu li { display: block; padding: 0 18px; font-size: 20px; color: #fff; line-height: 34px; float: left; zoom: 1; *display: inline; } .search_menu .sm_cur { background: #e83836; color: #fff; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .search_more { float: right; width: 50px; position: relative; margin: 48px 40px 0 0; z-index: 99999; zoom: 1; *display: inline; } .search_more li .search_but { line-height: 30px; color: #fff; background: url(/uploads/image/ssimg-home/xbsj.png) no-repeat 100% 60%; padding: 0 20px 0 0px } .search_more li:hover .search_more2 { display: block; } .search_more li ul { position: absolute; top: 30px; left: -10px; z-index: 3; width: 120px; background: #fff; border: 1px solid #d6d6d6; padding: 5px 10px; display: none; } .search_more li ul li { width: 100%; } .search_more li ul li a { padding: 0; font-size: 14px; color: #666; line-height: 26px; } .search_more li ul li a:hover { color: #e83836; } .search_more_title a { color: #fff; display: block; overflow: hidden; padding: 0 18px; white-space: nowrap } .search_more_title a:hover { background: #e83836; color: #fff; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; display: block; overflow: hidden; padding: 0 18px; } #searchjtid2 { margin-left: 77px; } #searchjtid3 { margin-left: 162px; } #searchjtid4 { margin-left: 249px; } .search_qu { padding: 0px 40px; } .search_k { float: left; width: 540px; height: 46px; line-height: 46px; font-size: 16px; font-family: "微软雅黑"; border: 0 none; overflow: hidden; background: url(/uploads/image/ssimg-home/search_kbj.png) no-repeat; text-indent: 15px; display: inline-block; zoom: 1; *display: inline; } .sbutton { border: none; float: left; width: 68px; height: 46px; background: url(/uploads/image/ssimg-home/search_kbj.png) no-repeat -532px -46px; cursor: pointer; display: inline-block; zoom: 1; *display: inline; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .sbutton:hover { background: url(/uploads/image/ssimg-home/search_kbj2.png) no-repeat -532px -46px; } .hide { display: none; } .searchjt { position: absolute; left: 70px; top: 83px; z-index: 999; width: 14px; height: 7px; background: url(/uploads/image/ssimg-home/sbsj.png) no-repeat; } .search_key { padding: 10px 40px 0; } .search_key ul { float: left; width: 520px; overflow: hidden; height: 30px; } .search_key li { float: left; font-size: 14px; color: #fff; margin-right: 10px; } .search_key li a { font-size: 14px; color: #fff; } .mapfindhouse { float: right; height: 20px; background: url(/uploads/image/ssimg-home/search_kbj.png) no-repeat 0 -50px; } .mapfindhouse a { color: #fff; line-height: 20px; padding-left: 16px; } .soslistbox { width: 538px; height: auto; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: #d9d9d9 1px solid; background: #ffffff; position: absolute; left: -50px; top: 138px; color: #9b9b9b; z-index: 999; display: block; overflow: hidden; float: left; padding: 10px 0px; } .soslistbox .searchlist_titel { width: 100%; text-align: center; } .soslistbox li a { color: #e83836; height: 30px; line-height: 30px; width: 100%; display: block; text-indent: 20px; } .soslistbox li a:hover { color: #e83836; height: 30px; line-height: 30px; width: 100%; background: #ededed; display: block; text-decoration: none; } .soslist_cur { color: #e83836; height: 30px; line-height: 30px; width: 100%; background: #ededed; display: block; text-decoration: none; } /*热闹楼盘推荐楼盘掌柜策划*/ .ind_width { width: 1200px; margin: 20px auto 0 auto; clear: both; } .ind_width:after { content: ' '; display: block; clear: both; line-height: 0; height: 0; } .ind_wt20 { margin-top: 20px; } .tabli { width: 1198px; height: 50px; background: #f8f8f8; border: 1px solid #d6d6d6; } .tabli ul { } .tabli li { float: left; line-height: 50px; border-right: 1px solid #d6d6d6; } .tabli li a { display: block; width: 100%; height: 49px; text-align: center; font-size: 18px; } .tabli_cur a { position: relative; margin-top: -1px; background: #fff; color: #e83836; font-weight: bold; text-decoration: none; border-top: 3px solid #e83836; } .hot_content { padding: 16px 0 0 0; height: 260px; } .hotcoul1 { width: 100%; height: 260px; } .hotlplist li { float: left; width: 265px; border: 1px solid #d6d6d6; padding: 9px; margin-right: 20px; height: 240px; overflow: hidden; } .hotlplist { height: 260px; } .img265 { position: relative; width: 265px; height: 164px; overflow: hidden; } .img265 a img { width: 265px; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; display: block; } .img265_200 { position: relative; width: 265px; height: 200px; overflow: hidden; } .img265_200 a img { width: 265px; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; display: block; } .img265 a:hover img { width: 265px; -ms-filter: "progid: dximagetransform.microsoft.alpha(opacity=75)"; filter: alpha(opacity=75); opacity: .75; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; } .imgbox1 { position: absolute; color: #fff; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter: alpha(opacity=70); background: #000; display: block; height: 28px; line-height: 28px; padding: 0 8px; font-size: 14px; top: 0; } .imgbox2 { position: absolute; color: #fff; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter: alpha(opacity=70); background: #000; display: block; bottom: 0; height: 34px; line-height: 34px; width: 100%; font-size: 16px; text-indent: 20px; } .imginfo { padding-top: 6px; height: 30px; line-height: 30px; } .imginfo strong { font-size: 18px; } .imginfo .price { font-size: 16px; margin-top: 2px; height: 40px; overflow: hidden; display: inline-block; float: left; } .imginfo .zhekou { font-size: 16px; width: 160px; text-align: right; font-weight: bold; color: #e83836; float: right; overflow: hidden; height: 25px; } .imgbq { padding-top: 12px; float: left; display: inline-block; width: 169px; } .imgbtn { float: left; margin-right: 6px; display: inline; } .imgbtn a { border: 1px solid #d6d6d6; display: inline-block; font-size: 14px; height: 26px; line-height: 26px; padding: 0 8px; text-align: center; text-decoration: none; } .imgbtn a:hover { background: #e83836; border: 1px solid #e83836; color: #fff; } /*深圳站都市地产单独样式*/ .dsdc_renshu { font-size: 14px; width: 75px; text-align: right; color: #e83836; float: right; overflow: hidden; height: 25px; } .dsdc_title { font-size: 15px; width: 185px; font-weight: bold; text-align: left; color: #333; float: left; overflow: hidden; height: 25px; } .dsdc_imgbox2 { position: absolute; color: #fff; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter: alpha(opacity=70); background: #000; display: block; bottom: 0; height: 34px; line-height: 34px; width: 245px; font-size: 16px; text-align: right; padding-right: 20px; } /*新房楼市快递*/ .ind_house_895 { float: left; width: 895px; } .ind_title_895 { float: left; width: 895px; background: url(/uploads/image/ssimg-home/ch3_1200_bg.jpg) bottom left no-repeat; height: 40px; } .ind_title_895 h2 { float: left; } .ind_title_895_tx { font-size: 22px; font-weight: bold; margin-right: 10px; } .ind_title_895_tx a { color: #e83838; } .ind_title_895_maptx { font-size: 14px; background: url(/uploads/image/ssimg-home/title_map_icon.gif) left no-repeat; padding-left: 20px; line-height: 30px; font-weight: bold; } .ind_title_895_maptx a { color: #363636; } .title_search { width: 295px; float: right; } .title_search_input { border: 1px solid #cccccc; border-right: 0; height: 26px; color: #979797; font-size: 13px; line-height: 26px; background: url(/uploads/image/ssimg-home/search_17.gif) 4px 4px no-repeat; width: 194px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; display: inline-block; padding-left: 24px; font-family: "微软雅黑"; } .title_search_button { text-align: center; background: #e83836; border: none; color: #fff; height: 28px; line-height: 28px; width: 69px; text-align: center; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; display: inline-block; cursor: pointer; font-family: "微软雅黑"; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .title_search_button:hover { background-color: #c60f0d; } .ind_title_895 .s_title { float: right; line-height: 30px; font-size: 14px; } .ind_title_895 .s_title a { display: inline; padding: 0 10px; font-size: 14px; } .ind_title_895 .s_title span { display: inline; font-size: 14px; } .ind_house_895_left { width: 208px; float: left; padding-top: 12px; } .ind_house_895 .ind_house_895_left li {/**height: 28px;**/ line-height: 28px; font-size: 14px; color: #696969; width: 208px; overflow: hidden; } .ind_house_895 .ind_house_895_left li a { display: inline-block; zoom: 1; *display: inline; } .ind_house_895 .ind_house_895_left li em { color: #c2c2c2; margin: 0 7px; font-style: normal; } .ind_house_895 .ind_house_895_left .right_line { border-bottom: #e0e0e0 1px solid; padding-bottom: 5px; margin-bottom: 5px; } .ind_house_895 .ind_house_895_left .right_line2 { border-bottom: #e0e0e0 1px solid; padding-bottom: 8px; margin-bottom: 8px; } .ind_house_895 .ind_house_895_left_news { width: 208px; margin-top: 15px; } .ind_house_895 .ind_house_895_left_news dt { font-size: 18px; font-weight: bold; color: #363636; } .ind_house_895 .ind_house_895_left_news dd { height: 40px; line-height: 40px; border-bottom: #d6d6d6 1px dashed; display: block; overflow: hidden; } .ind_house_895 .ind_house_895_left_news .name { float: left; width: 94px; overflow: hidden; height: 40px; } .ind_house_895 .ind_house_895_left_news .price { float: right; width: 92px; overflow: hidden; text-align: right; } .ind_house_915 { float: right; width: 915px; } .ind_house_915 .ind_house_915_conter { width: 915px; float: right; height: 500px; } .ind_house_915 .ind_house_915_conter li { float: left; margin: 20px 0 0 20px; } .ind_house_tab { float: right; width: 895px; height: 30px; line-height: 30px; } .ind_house_tab ul li { height: 30px; line-height: 30px; padding: 0 20px; float: left; font-size: 16px; cursor: pointer; } .ind_house_tab .ind_house_cur { height: 30px; line-height: 30px; border-radius: 20px; padding: 0 20px; background: #e83836; color: #fff; font-size: 16px; } .ind_house_tab p { text-align: right; padding-top: 2px; } .img209 { position: relative; width: 285px; height: 175px; overflow: hidden; } .img209 a img { width: 285px; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; display: block; } .img209 a:hover img { width: 285px; -ms-filter: "progid: dximagetransform.microsoft.alpha(opacity=75)"; filter: alpha(opacity=75); opacity: .75; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; } .img209 .imgbox1 { position: absolute; color: #fff; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter: alpha(opacity=70); background: #000; display: block; height: 28px; line-height: 28px; padding: 0 8px; font-size: 14px; } .img209 .imgbox2 { position: absolute; color: #fff; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter: alpha(opacity=70); background: #000; display: block; bottom: 0; height: 34px; line-height: 34px; width: 100%; font-size: 15px; text-indent: 15px; } .imginfo2 { margin-top: 3px; height: 63px; display: block; line-height: 24px; width: 285px; }/*1023*/ .imginfo2 .price { float: left; font-size: 16px; width: 200px; line-height: 37px; height: 37px; display: block; overflow: hidden; } .imginfo2 .price b { color: #e83838; font-size: 18px; } .imginfo2 .house_bq { width: 200px; line-height: 28px; height: 28px; float: left; overflow: hidden; } .imginfo2 .house_bq a { border: 1px solid #d6d6d6; display: inline-block; font-size: 14px; height: 26px; line-height: 26px; padding: 0 8px; margin-right: 8px; text-align: center; text-decoration: none; } .imginfo2 .house_bq a:hover { background: #e83836; border: 1px solid #e83836; color: #fff; } .imginfo2 .number { float: right; font-weight: bold; font-size: 14px; width: 109px; text-align: right; display: block; overflow: hidden } .imginfo2 .number em { font-size: 18px; } .red { color: #e83836; } .imginfo2 .app_fzg_but2 { float: right; position: relative; height: 24px; line-height: 24px; } .imginfo2 .app_fzg_but2 div:hover .app_fzg2 { display: block; width: 82px; z-index: 10; cursor: pointer; } .imginfo2 .app_fzg2 { display: none; position: absolute; z-index: 999; top: -58px; right: 0px; width: 82px; height: 81px; overflow: hidden; border: #dadada 1px solid } .imginfo2 .yhtx { float: left; color: #e83836; text-align: left; width: 135px; overflow: hidden; display: block; white-space: nowrap; } .top3num { display: none; border-radius: 3px; background: #e83436; text-align: center; line-height: 16px; font-size: 14px; width: 16px; height: 16px; float: left; color: #fff; margin: 12px 6px 0 0; } .num4 { display: none; border-radius: 3px; background: #c9c9c9; font-size: 14px; width: 16px; height: 16px; float: left; color: #fff; text-align: center; line-height: 16px; margin: 12px 6px 0 0; } /*楼市快递*/ .ind_title_285_left { float: left; width: 285px; height: auto; } .ind_title_285_2 { float: left; width: 285px; background: url(/uploads/image/ssimg-home/ch4_285s_bg.gif) bottom left no-repeat; height: 40px; } .ind_title_285_2 a { color: #e83838; font-size: 22px; } .ind_title_285_2con { background: #f5f5f5; width: 285px; height: 130px; float: left; display: block; margin: 8px 0 15px 0; } .ind_title_285_2titel { width: 271px; height: 20px; line-height: 18px; margin: 15px 0; padding-left: 10px; border-left: 4px #e83838 solid; font-size: 18px; font-weight: bold; color: #333; float: left; } .ind_title_285_2list { width: 80px; text-align: center; line-height: 24px; float: left; margin: 0 0 0 11px; position: relative; } .ind_title_285_2list img { width: 42px; margin: 0 auto; display: block; } .ind_title_285_2list span { width: 85px; margin: 0 auto; display: block; } .ind_title_285_2list div:hover .ind_title_zghf_ma { display: block; z-index: 10; cursor: pointer; } .ind_title_zghf_ma { display: none; position: absolute; z-index: 999; top: -22px; right: -11px; width: 100px; height: 100px; overflow: hidden; border: #dadada 1px solid; } .ind_title_zghf_ma img { width: 100%; } .ind_news_285 { float: right; width: 285px; height: auto; } .ind_title_285 { float: left; width: 285px; background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) bottom left no-repeat; height: 40px; } .ind_title_285_tx { font-size: 22px; font-weight: bold; color: #363636; margin-right: 10px; } .ind_title_285_txmore { float: right; font-weight: normal; display: inline-block; font-size: 1.0px; line-height: 32px; } .ind_title_285_news { float: left; width: 285px; margin-bottom: 12px; } .ind_title_285_news li { line-height: 30px; height: 30px; color: #121212; background: url(/uploads/image/ssimg-home/dian.gif) left no-repeat; padding-left: 10px; } .ind_title_285_news li a { line-height: 30px; height: 30px; font-size: 14px; width: 275px; overflow: hidden; display: inline-block; zoom: 1; } .ind_title_346_news { float: left; width: 346px; margin-bottom: 12px; } .ind_title_346_news li { line-height: 34px; height: 34px; color: #121212; background: url(/uploads/image/ssimg-home/dian.gif) left no-repeat; padding-left: 10px; border-bottom: #d6d6d6 1px dashed; } .ind_title_346_news li a { line-height: 34px; height: 34px; font-size: 14px; width: 336px; overflow: hidden; display: inline-block; zoom: 1; } .ind_title_285_news_title { width: 285px; text-align: center; line-height: 35px; font-size: 18px; font-weight: bold; overflow: hidden; height: 35px; padding-top: 5px; } .ind_title_285_news_title a { color: #e83836 } .ind_title_285_ban { position: relative; width: 285px; height: 180px; overflow: hidden; } .right_search { width: 285px; margin-top: 12px; } .right_search_input { border: 1px solid #d6d6d6; border-right: 0; height: 33px; line-height: 33px; background: url(/uploads/image/ssimg-home/search_17.gif) 4px 7px no-repeat; width: 193px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; display: inline-block; padding-left: 24px; font-size: 14px; color: #969696; font-family: "微软雅黑"; float: left; } .right_search_button { text-align: center; background: url(/uploads/image/ssimg-home/search_but.jpg) no-repeat; border: none; color: #fff; height: 35px; line-height: 35px; width: 66px; display: inline-block; cursor: pointer; font-family: "微软雅黑"; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .right_search_button:hover { background: url(/uploads/image/ssimg-home/search_buts.jpg) no-repeat; } /*预售证追踪(杭州)*/ .ysz_box { width: 285px; height: 180px; margin-top: 15px; } .ysz_title { width: 275px; font-size: 18px; font-weight: bold; padding-left: 10px; color: #fff; height: 35px; line-height: 35px; background: #e83836; display: block; } .ysz_list { width: 285px; height: 145px; overflow: hidden; } .ysz_list li { width: 275px; line-height: 37px; font-size: 14px; height: 37px; overflow: hidden; display: block; border-bottom: #d2d2d2 1px dashed; background: url(/uploads/image/ssimg-home/dian.gif) left no-repeat; padding-left: 10px; } /*掌柜团*/ .zgt_title { width: 1200px; background: url(/uploads/image/ssimg-home/ch3_1200_bg.jpg) left bottom no-repeat; float: left; height: 40px; } .ind_title_1200_title { font-size: 22px; font-weight: bold; width: 200px; float: left; } .ind_title_1200_title a { color: #e83838; } .ind_title_1200_txmore { float: right; line-height: 35px; } .zgt_list_con { height: 255px; overflow: hidden; width: 1200px; } .zgt_list_con li { float: left; width: 285; margin-right: 20px; overflow: hidden; margin-top: 15px; } .img285 { position: relative; width: 285px; height: 176px; overflow: hidden; } .img285_tz_box { width: 285px; float: left; } .img285 a img { width: 285px; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; display: block; } .img285 a:hover img { width: 285px; -ms-filter: "progid: dximagetransform.microsoft.alpha(opacity=75)"; filter: alpha(opacity=75); opacity: .75; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; } .yh_zhekou { padding-top: 5px; float: left; display: inline-block; width: 210px; } .app_fzg_but_1280 { float: right; padding-top: 3px; position: relative; } .app_fzg_but_1280 div:hover .app_fzg_1280 { display: block; width: 82px; z-index: 10; cursor: pointer; } .app_fzg_1280 { display: none; position: absolute; z-index: 999; top: -55px; right: 0px; width: 82px; height: 81px; overflow: hidden; border: #dadada 1px solid } /*买房推荐*/ .mf_tj { width: 865px; float: left; } .mf_tj h2 { float: left; width: 865px; background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) bottom left no-repeat; height: 47px; line-height: 43px; font-size: 22px; color: #e83838; } .mf_tj i { font-style: normal; } .mf_tj_box1 { width: 422px; float: left; display: block; overflow: hidden; margin-top: 15px; } .mf_tj_box2 { width: 422px; float: right; display: block; overflow: hidden; margin-top: 15px; } .mf_tj_box1 dt { width: 422px; height: 190px; position: relative; float: left; margin-bottom: 20px; } .mf_tj_box2 dt { width: 422px; height: 190px; position: relative; float: left; margin-top: 20px; } .mf_tj_box1 dt a img, .mf_tj_box2 dt a img { width: 100%; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; } .mf_tj_box1 dt a:hover img, .mf_tj_box2 dt a:hover img { -ms-filter: "progid: dximagetransform.microsoft.alpha(opacity=75)"; filter: alpha(opacity=75); opacity: .75; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; } .mf_tj_box1 dt span { position: absolute; bottom: 0; left: 0; color: #fff; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter: alpha(opacity=70); background: #000; display: block; height: 30px; line-height: 30px; width: 100%; font-size: 13px; text-indent: 15px; } .mf_tj_box2 dt span { position: absolute; bottom: 0; left: 0; color: #fff; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter: alpha(opacity=70); background: #000; display: block; height: 30px; line-height: 30px; width: 100%; font-size: 13px; text-indent: 15px; } .mf_tj_box1 dd, .mf_tj_box2 dd { width: 200px; float: left; height: 192px; display: block; overflow: hidden; } .mf_tj_box1 dd:nth-last-child(2) { margin-right: 22px; } .mf_tj_box2 dd:nth-child(1) { margin-right: 22px; } .mf_tj_img { width: 200px; height: 134px; position: relative; display: block; } .mf_tj_img a img { width: 200px; height: 134px; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; } .mf_tj_img a:hover img { -ms-filter: "progid: dximagetransform.microsoft.alpha(opacity=75)"; filter: alpha(opacity=75); opacity: .75; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; } .mf_tj_img span { position: absolute; bottom: 0; left: 0; color: #fff; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter: alpha(opacity=70); background: #000; display: block; height: 28px; line-height: 28px; width: 100%; font-size: 13px; text-indent: 15px; } .mf_tj_jg { color: #e83838; line-height: 30px; height: 30px; font-weight: bold; float: left; width: 200px; overflow: hidden; } .mf_tj_text { float: left; width: 200px; overflow: hidden; } .mf_tj_text a { border: 1px solid #d6d6d6; float: left; font-size: 14px; height: 26px; line-height: 26px; padding: 0 8px; margin-right: 10px; text-align: center; text-decoration: none; } .mf_tj_text a:hover { background: #e83836; border: 1px solid #e83836; color: #fff; } /*掌柜新闻*/ .ind_news_title_895 { float: left; width: 895px; background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) bottom left no-repeat; height: 40px; } .fzg_news_left { float: left; width: 346px; margin: 15px 19px 0 0; } /*.fzg_news_left_346{ width:346px; height:215px;}*/ .fzg_news_left_346 { width: 315px; float: right; } .fzg_news_left_346 dt { background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) bottom left no-repeat; height: 47px; line-height: 47px; width: 315px; margin-bottom: 5px; } .fzg_news_left_346 .title { font-size: 22px; color: #363636; float: left; line-height: 43px; } .fzg_news_left_346 .more { float: right; } .fzg_news_left_346 dd { height: 74px; width: 315px; border-bottom: 1px dashed #d2d2d2; float: left; margin-top: 10px; } .fzg_news_left_346 .img_86 { width: 86px; float: left; margin-right: 10px; } .fzg_news_left_346 .news_text { width: 217px; float: left; } .fzg_news_left_346 .news_title { color: #363636; font-size: 16px; line-height: 30px; height: 30px; display: block; overflow: hidden; } .fzg_news_left_346 .news_title a { color: #363636; } .fzg_news_left_346 .news_title a:hover { color: #e83836; } .fzg_news_left_346 .news_textcon { color: #696969; font-size: 14px; line-height: 20px; height: 38px; overflow: hidden; display: block; } .fzg_news_left_346 .news_textcon a { color: #696969; } .fzg_news_center { width: 530px; float: left; margin-top: 15px; } .fzg_news_center_tt { width: 528px; height: 78px; border: 1px #d6d6d6 solid; } .fzg_news_center_tt .fzgtt_icon { float: left; margin: 13px 0 0 10px; display: block; overflow: hidden; width: 52px; height: 51px; } .fzg_news_center_tt h1 { width: 465px; text-align: center; line-height: 43px; height: 43px; font-size: 20px; display: block; overflow: hidden } .fzg_news_center_tt h1 a { color: #e83836; } .fzg_news_center_tt .fzgtt_list { width: 465px; text-align: center; line-height: 25px; height: 22px; display: block; overflow: hidden } .fzg_news_center_tt .fzgtt_list span { padding: 0 8px; } .fzg_news_center_tt .fzg_newslist { width: 530px; } .fzg_newslist .dllist { width: 530px; height: 79px; border-bottom: 1px dashed #d2d2d2; display: block; margin-top: 11px; } .fzg_newslist .dllist dt { float: left; margin-right: 10px; width: 86px; } .fzg_newslist .dllist dd { float: left; width: 434px; overflow: hidden; } .fzg_newslist .dllist dd span { font-size: 16px; font-weight: bold; color: #363636; width: 434px; overflow: hidden; line-height: 25px; height: 25px; display: block; } .fzg_newslist .dllist dd p { font-size: 14px; color: #696969; margin-top: 5px; width: 434px; height: 40px; line-height: 20px; overflow: hidden; display: block; } .fzg_newslist .ullist { margin-top: 12px; display: block; } .fzg_newslist .ullist li { width: 530px; height: 42px; text-align: right; line-height: 42px; border-bottom: 1px dashed #d2d2d2; display: block; color: #969696; } .fzg_newslist .ullist li a { float: left; color: #696969; font-size: 16px; width: 445px; overflow: hidden; text-align: left; height: 42px; } .fzg_newslist .ullist li a:hover { color: #e83836; } /*掌柜新闻焦点图*/ .lubo { width: 346px; clear: both; position: relative; height: 240px; overflow: hidden; display: block; } .lubo_box { position: relative; width: 100%; height: 240px; } .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 240px; opacity: 0; filter: alpha(opacity=0); } .lubo_box li a { display: block; width: 100%; height: 100%; border-radius: 5px; } /*圆点*/ .cir_box { overflow: hidden; position: absolute; z-index: 100; } .cir_box li { float: left; width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; cursor: pointer; background: rgba(255,255,255,.9); } .cir_box .cir_on { background: rgba(232,56,54,.9) !important; } /*按钮*/ .lubo_btn { width: 100%; top: 95px; text-indent: 99999px; } .left_btn, .right_btn { width: 38px; height: 61px; cursor: pointer; color: #fff; display: none; } .left_btn { float: left; background: url(/uploads/image/ssimg-home/news_bg_button.png) no-repeat; position: absolute; top: 50%; left: 0; margin-top: -30px; } .right_btn { float: right; background: url(/uploads/image/ssimg-home/news_bg_button.png) 38px 0; position: absolute; top: 50%; right: 0; margin-top: -30px; } /*内容*/ .lubo_box span { height: 34px; line-height: 34px; background: url(/uploads/image/ssimg-home/lubo_title_bg.png) bottom repeat-x; border-radius: 6px; color: #fff; position: absolute; bottom: 0; width: 326px; text-align: center; padding: 0 10px; } /*图片新闻*/ .pic_news { width: 346px; display: block; margin-top: 8px; } .pic_news li { float: left; width: 165px; margin: 10px 0 0 0; } .pic_news li img { width: 100%; border-radius: 4px; } .pic_news li:nth-child(odd) { margin: 10px 16px 0 0; } .pic_news li span { padding-top: 5px; display: block; height: 39px; overflow: hidden; } .pic_news a { line-height: 20px; } .pic_news a:hover { color: #e83836; } .pic_news a img { width: 165px; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; } .pic_news a:hover img { -ms-filter: "progid: dximagetransform.microsoft.alpha(opacity=75)"; filter: alpha(opacity=75); opacity: .75; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; } /*掌柜飞航*/ .fzg_fh_346 { width: 346px; float: left; margin-right: 20px; display: inline-block; } .fzg_fh_346_title { width: 346px; background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) bottom left no-repeat; height: 40px; } .fzg_fh_346_title_h2 { font-size: 22px; font-weight: bold; width: 200px; float: left; color: #363636; } /*焦点图*/ .focus { position: relative; width: 346px; height: 260px; float: left; margin-top: 15px; } .focus img { width: 346px; height: 260px; } .focus .shadow .title { width: 346px; height: 65px; padding-left: 30px; padding-top: 20px; } .focus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; } .focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; } .focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #b0b0b0; font: 12px/15px "\5b8b\4f53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #d9d9d9; } .focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; } .focus .fpic { position: absolute; left: 0px; top: 0px; } .focus .d1fbt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; } .focus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 34px; line-height: 34px; background: rgba(0,0,0,0.7); filter:progid:dximagetransform.microsoft.gradient( gradienttype = 0, startcolorstr = '#80000000', endcolorstr = '#80000000')\9; display: block; text-align: left; } .focus .shadow a { text-decoration: none; color: #fff; font-size: 14px; overflow: hidden; margin-left: 10px; font-family: "\5fae\8f6f\96c5\9ed1"; } .focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000 } .focus .fcon img { display: block; } .focus .fbg { bottom: 25px; right: 40px; position: absolute; height: 21px; text-align: center; z-index: 200; } .focus .fbg div { margin: 4px auto 0; overflow: hidden; zoom: 1; height: 14px } .focus .d1fbt a { position: relative; display: inline; width: 12px; height: 12px; border-radius: 7px; margin: 0 5px; color: #b0b0b0; font: 12px/15px "\5b8b\4f53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #d9d9d9; } .focus .d1fbt .current, .focus .d1fbt a:hover { background: #fc114a; } .focus .d1fbt img { display: none } .focus .d1fbt i { display: none; font-style: normal; } .focus .prev, .focus .next { position: absolute; width: 38px; height: 61px; background: url(/uploads/image/ssimg-home/news_bg_button.png) no-repeat; } .focus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 0; cursor: pointer; } .focus .next { top: 50%; margin-top: -37px; right: 0; background-position: -38px 0px; cursor: pointer; } .focus .prev:hover { background-position: 0 0; } .focus .next:hover { background-position: -38px 0px; } /*焦点图_end*/ /*免费报名看房*/ .fzg_bm_346 { width: 346px; float: right; display: inline-block; } .fzg_bm_346 .fzg_bm_346_title { width: 346px; height: 40px; background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) bottom left no-repeat; } .fzg_bm_346 .fzg_bm_346_title h2 { width: 146px; float: left; font-size: 22px; color: #363636; } .fzg_bm_346 .fzg_bm_346_title span { float: right; background: url(/uploads/image/ssimg-home/yuyue_car.gif) no-repeat left; padding-left: 25px; line-height: 35px; height: 35px; } .fzg_bm_346 .fzg_bm_346_con { width: 346px; height: 260px; padding-top: 6px; } .fzg_bm_346 .bm_icon_box { width: 346px; height: 75px; background: #f5f5f5; display: block; } .fzg_bm_346 .bm_icon_box li { width: 100px; float: left; text-align: center; display: block; } .fzg_bm_346 .bm_icon_box li img { width: 35px; height: 35px; display: block; margin: 12px auto 0 auto; } .fzg_bm_346 .bm_icon_box li span { width: 100px; display: block; } .fzg_bm_346 .bmkf_input { width: 346px; display: block; margin-top: 15px; } .fzg_bm_346 .bmkf_input li { width: 346px; display: block; margin-top: 10px; } .fzg_bm_346 .bmkf_input .mfbm_input { width: 280px; height: 36px; border: #d6d6d6 1px solid; text-indent: 15px; border-radius: 3px; } .fzg_bm_346 .bmkf_input li span { width: 64px; height: 36px; float: left; line-height: 35px; } .fzg_bm_346 .bmkf_button { text-align: center; background: #e83838; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; color: #fff; height: 35px; line-height: 35px; width: 100%; display: inline-block; cursor: pointer; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /*掌柜帮办*/ .fzg_fzgbb_468 { width: 468px; float: left; } .fzg_fh_468_title { width: 468px; background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) bottom left no-repeat; height: 40px; } .fzg_fh_468_title_h2 { font-size: 22px; font-weight: bold; width: 200px; float: left; color: #363636; } .fzg_fh_468_con { width: 468px; display: block; height: 214px; margin-top: 14px; } .fzg_fh_468_con .fzg_img_52_box { width: 100%; border-bottom: #d6d6d6 1px solid; display: block; float: left; } .fzg_fh_468_con .fzg_img_52 { width: 75px; height: 85px; float: left; overflow: hidden; } .fzg_fh_468_con .fzg_img_52 p { position: absolute; z-index: 99; left: 0; top: 0; } .fzg_fh_468_con .fzg_img_52_pic { position: relative; z-index: 1; width: 52px; height: 52px; margin: 0 auto; } .fzg_fh_468_con .fzg_img_52_txt { width: 75px; text-align: center; display: block; overflow: hidden; height: 24px; line-height: 24px; } .fzg_img_52_btbox { float: left; width: 390px; overflow: hidden } .fzg_img_52_title { font-size: 16px; font-weight: bold; height: 52px; line-height: 24px; overflow: hidden; display: block; width: 390px; float: left; } .fzg_img_52_btbox b { float: right; font-weight: normal; color: #666; padding-left: 20px; background: url(/uploads/image/ssimg-home/bangban_icon2.png) 0px 2px no-repeat; } .fzg_img_52_btbox i { float: right; font-style: normal; color: #666; margin-right: 20px; padding-left: 20px; background: url(/uploads/image/ssimg-home/bangban_icon1.png) 0px 2px no-repeat; } .fzg_fh_468_con ul { float: left; width: 465px; margin-top: 5px; } .fzg_fh_468_con ul li { height: 25px; line-height: 25px; font-size: 14px; font-family: "微软雅黑"; color: #969696; text-align: right; } .fzg_fh_468_con ul li a { float: left; width: 305px; height: 25px; line-height: 25px; text-align: left; overflow: hidden; display: block; font-size: 14px; color: #363636; font-family: "微软雅黑"; background: url(/uploads/image/ssimg-home/dian.gif) left no-repeat; padding-left: 12px; } .fzg_fh_468_con ul li a:hover { color: #e83836; } .right_search2 { width: 468px; margin-top: 10px; display: inline-block; font-size: 14px; color: #969696; font-family: "微软雅黑"; float: left; height: 33px; line-height: 33px; } .right_search_input2 { float: left; font-size: 14px; color: #969696; font-family: "微软雅黑"; border: 1px solid #d6d6d6; border-right: 0; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; width: 290px; text-indent: 15px; height: 33px; line-height: 33px; } .right_search_button2 { float: left; text-align: center; background: #e83838; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border: none; color: #fff; height: 35px; line-height: 35px; width: 74px; display: inline-block; cursor: pointer; font-family: "微软雅黑"; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .right_search_button2:hover { background: #c62f2f; } .right_search_button3 { float: right; width: 88px; height: 33px; line-height: 32px; border: #d6d6d6 1px solid; text-align: center; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .right_search_button4 { float: right; width: 88px; height: 33px; line-height: 32px; border: #d6d6d6 1px solid; text-align: center; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background: #dddddd; } /*掌柜排行榜*/ .ind_title { width: 1200px; background: url(/uploads/image/ssimg-home/ch5_1200_bg.gif) left bottom no-repeat; margin-bottom: 10px; float: left; height: 40px; } .ind_title_1200 { font-size: 22px; font-weight: bold; width: 200px; float: left; } .ind_title_1200 a { color: #e83838; } .phb_list_box { width: 285px; float: left; margin-right: 35px; } .phb_but { width: 285px; height: 40px; font-size: 20px; background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) no-repeat bottom right; } .phb_but li { float: left; line-height: 28px; cursor: pointer; margin-right: 10px; } .phb_but_cur { float: left; height: 40px; line-height: 40px; font-size: 22px; font-weight: bold; background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) no-repeat bottom left; } .phb_but_cur2 { float: left; height: 40px; line-height: 40px; font-size: 22px; font-weight: bold; background: url(/uploads/image/ssimg-home/ch4_1200_bg.gif) no-repeat bottom left; } .phb_list_con { width: 285px; height: 166px; } .phb_list_con li { width: 275px; height: 36px; line-height: 35px; border-bottom: #d6d6d6 1px dashed; float: left; padding: 0; overflow: hidden; *zoom: 1; background: url(/uploads/image/ssimg-home/dian.gif) left no-repeat; padding-left: 10px; } .phb_list_con li .phb_yh { float: left; } .phb_list_con li .tit { float: left; width: 160px; overflow: hidden; } .phb_list_con li .tit2 { float: left; width: 274px; overflow: hidden; } .phb_list_con li .tit_red { color: #e83836; font-weight: bold } .phb_list_con li .rtb { float: right; color: #969696; } .phb_list_con li:first-child li li li li li li li { border: none; }