body{font-size: 14px; color: #333; font:"宋体b8b\4f53"; font-family: "hiragino sans gb","microsoft yahei ui","microsoft yahei","微软雅黑",'segoe ui',tahoma,"宋体b8b\4f53",simsun,sans-serif;} .incolor{ color: #f2304a; } #incolor{ color: #f2304a; } ::selection { background-color: rgba(13,173,81,0.2); color: #333 } ::-moz-selection { background-color: rgba(13,173,81,0.2); color: #333 } ::-webkit-selection { background-color: rgba(13,173,81,0.2); color: #333 } .banner { background-color: #394043; line-height: 38px; font-size: 12px } .banner .container { width: 1150px; margin: 0 auto } .banner .container .channellist { display: table-cell; white-space: nowrap } .banner .container .channellist li { display: inline-block; margin-right: 21.5px; position: relative } .banner .container .channellist li a { color: #a9abab; text-decoration: none } .banner .container .channellist li.selected>a,.banner .container .channellist li:hover>a { color: #ffffff } .banner .container .channellist li .childlist { display: none; position: absolute; width: 61px; top: 38px; left: -18px; padding: 8px 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background-color: #394043; box-shadow: 0 0 8px rgba(0,0,0,0.7) } .banner .container .channellist li .childlist a { display: block; line-height: 25px; text-align: center; color: #a9abab } .banner .container .channellist li .childlist a.selected,.banner .container .channellist li .childlist a:hover { color: #fff; background-color: #4c5355 } .banner .container .channellist li .appqrcode { display: none; position: absolute; top: 38px; left: -32px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background-color: #394043; box-shadow: 0 0 8px rgba(0,0,0,0.7); padding: 12px; z-index: 1 } .banner .container .channellist li .appqrcode img { width: 90px; height: 90px } .banner .container .channellist li:hover .childlist,.banner .container .channellist li:hover .appqrcode { display: block } .banner .container .banner-right { display: table-cell; width: 1000px; text-align: right; color: #fff } .banner .container .banner-right a { color: #fff } .banner .container .banner-right .login { display: inline-block; margin-right: 20px; position: relative } .banner .container .banner-right .login i { vertical-align: -1px; display: inline-block; background-image: ; background-position: -554px -173px; width: 12px; height: 12px; margin-right: 9px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .banner .container .banner-right .login i { background-image: ; background-size: 606px 356px } } .banner .container .banner-right .login .pushnews { display: inline-block; vertical-align: 7px; background-image: ; background-position: -581px -185px; width: 5px; height: 5px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .banner .container .banner-right .login .pushnews { background-image: ; background-size: 606px 356px } } .mzsm { padding: 10px 15px 10px 15px; color: #a8a6a6; background: #efefef; margin-bottom: 50px; border-radius: 30px; } .mzsmcontent .mzsm .fontstyle { font-size: 14px; font-weight: bold; color: #a8a6a6; margin-right: 5px; } .banner .container .banner-right .login .pushnewslist { display: none; position: absolute; z-index: 20; top: 38px; left: 0; padding: 8px 0; background-color: #394043; text-align: left; box-shadow: 0 0 8px rgba(0,0,0,0.7) } .banner .container .banner-right .login .pushnewslist a { display: block; line-height: 25px; padding: 0 17px; white-space: nowrap } .banner .container .banner-right .login .pushnewslist a:hover,.banner .container .banner-right .login .pushnewslist a.selected { color: #fff; background-color: #4c5355; text-decoration: none } .banner .container .banner-right .login .unreadnumber { padding: 0 3px } .banner .container .banner-right .login:hover .pushnewslist { display: block } .banner .container .banner-right .phone { display: inline-block } .banner .container .banner-right .phone i { vertical-align: -1px; display: inline-block; background-image: ; background-position: -590px -173px; width: 12px; height: 12px; margin-right: 9px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .banner .container .banner-right .phone i { background-image: ; background-size: 606px 356px } } .lj-lazy,.new-default-icon { /* background-color: #f5f5f6;*/ background-image: ; background-image: -webkit-image-set( 1x, 2x); background-repeat: no-repeat; background-position: center } .mh-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000\9; filter: alpha(opacity=3); background: -webkit-radial-gradient(center, closest-side, rgba(255,255,255,0), rgba(0,0,0,0.03)); background: -moz-radial-gradient(center, closest-side, rgba(255,255,255,0), rgba(0,0,0,0.03)); background: -ms-radial-gradient(center, closest-side, rgba(255,255,255,0), rgba(0,0,0,0.03)); background: -o-radial-gradient(center, closest-side, rgba(255,255,255,0), rgba(0,0,0,0.03)); background: radial-gradient(center, closest-side, rgba(255,255,255,0), rgba(0,0,0,0.03)) } .btn-large { display: block; border-radius: 2px; border: 1px solid #d9dcde; width: 100%; height: 43px; line-height: 43px; font-weight: bold; text-align: center; color: #394043; font-size: 14px; cursor: pointer; background-color: #fff } .btn-large:hover { background-color: #f8f8f9; text-decoration: none } .logo_dl { display: inline-block; vertical-align: -9px; background-image: ; background-position: 0 -317px; width: 357px; height: 39px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .logo_dl { background-image: ; background-size: 606px 356px } } .menu { width: 1150px; margin: 0 auto } .menu .menuleft { display: inline-block; width: 85% } .menu .menuleft .logo { display: inline-block; /*background-image: center no-repeat; background: -webkit-image-set( 1x, 2x) center no-repeat;*/ width: 236px; height: 45px; vertical-align: middle; width: 140px; margin-top: -6px} @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .menu .menuleft .logo { background-image: ; background-size: 606px 356px } } .menu .menuleft .typelist { display: inline-block; margin-left: 34px; font-size: 16px; line-height: 26px } .menu .menuleft .typelist li { display: inline-block; margin-right: 30px } .menu .menuleft .typelist li a { color: #394043; text-decoration: none } .menu .menuleft .typelist li.selected a { color: #f2304a } .menu .app { display: inline-block; width: 15%; text-align: right } .menu .app a { color: #323333; font-size: 16px; position: relative } .menu .app a i { display: inline-block; background-image: ; background-position: -579px -146px; width: 14px; height: 18px; margin-right: 10px; vertical-align: -3px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .menu .app a i { background-image: ; background-size: 606px 356px } } .menu .app a img { position: absolute; left: 10px; top: 24px; display: none } .menu .app a:hover img { display: block } form { margin: 0 } /*.header {*/ /*background-color: #f5f5f6;*/ /*line-height: 1;*/ /*padding: 30px 0 26px*/ /*}*/ .headernew { padding: 30px 0px 0px !important; } .header .menu .search{ width: 145px; height: 45px; background-color: #ebeced; border-radius: 2px; font-size: 12px; } .header .menu .searchnew{ width: 345px; float:right; margin-top:0px; } .header .search .inputnew input { width:345px !important; background-color:inherit; } .header .search { width: 1150px; margin: 0 auto; margin-top: 25px } .header .search .input { display: inline-block; line-height: 45px; font-size: 14px; color: #394043; background-color: #fff; position: relative } .header .search .input input { vertical-align: top; box-sizing: border-box; width: 710px; height: 45px; line-height: 45px; padding: 0 22px; border: 0; box-shadow: 0 1px 2px -1px rgba(0,0,0,0.2); border-radius: 2px } .header .search .input input:focus { outline: none } .header .search .input input::-ms-clear { display: none } .header .search .input .inputrightpart { position: absolute; right: 0; top: -1px } .header .search .input .inputrightpart .save { text-align: right; display: none; cursor: pointer } .header .search .input .inputrightpart .save .downarrow { display: inline-block; background-image: ; background-position: -467px -169px; width: 8px; height: 4px; vertical-align: 3px; margin-left: 8px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .header .search .input .inputrightpart .save .downarrow { background-image: ; background-size: 606px 356px } } .header .search .input .inputrightpart .searchbutton { cursor: pointer; width: 50px; height: 45px; display: inline-block; text-align: center; background-color: #fff } .header .search .input .inputrightpart .searchbutton i { display: inline-block; vertical-align: -4px; background-image: ; background-position: -589px -96px; width: 17px; height: 17px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .header .search .input .inputrightpart .searchbutton i { background-image: ; background-size: 606px 356px } } .header .search .input .searchmsg { display: none; position: absolute; left: 0; top: 44px; width: 710px; font-size: 14px; background-color: #fff; box-shadow: 0 1px 2px -1px rgba(0,0,0,0.5); z-index: 1} .header .search .input .searchmsg .searchmsgtitle { padding: 0 21px; line-height: 42px; background-color: #f4f7f9 } .header .search .input .searchmsg .searchmsgtitle .searchmsgname { display: inline-block; width: 60%; color: #849aae } .header .search .input .searchmsg .searchmsgtitle .searchmsgtitlerightpart { display: inline-block; width: 40%; text-align: right } .header .search .input .searchmsg .searchmsgtitle .searchmsgtitlerightpart .totalnew { color: #888c8e; display: inline-block; margin-right: 23.5px } .header .search .input .searchmsg .searchmsgtitle .searchmsgtitlerightpart .manage { color: #888c8e; display: inline-block } .header .search .input .searchmsg ul li.cur a { background-color: #f9f9f9 } .header .search .input .searchmsg ul li a { display: block; padding: 0 21px; line-height: 42px } .header .search .input .searchmsg ul li a .msglisttitle { display: inline-block; color: #394043; width: 84%; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .header .search .input .searchmsg ul li a .msglisttitle .msglistarea { padding-left: 5px; color: #999 } .header .search .input .searchmsg ul li a .msglistadd { display: inline-block; color: #b0b3b4; width: 16%; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right } .header .search .input .searchmsg ul li a.sug--search_item:hover { background-color: #f9f9f9 } .header .search .subject { display: inline-block; margin-left: 26px; font-size: 12px } .header .search .subject .title { vertical-align: top; color: #394043 } .header .search .subject ul { display: inline-block; width: 370px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .header .search .subject ul li { display: inline-block; margin-right: 10px } .header .search .subject ul li a { color: #888c8e } .header .spellcheck { width: 1150px; margin: 20px auto 0 auto; color: #394043; font-size: 12px } .header .spellcheck a { color: #4285f4; margin-right: 10px } .xiaoqulistitem { position: relative } .selllistcontent .bo { border-bottom: 1px solid #f1f1f1; padding-bottom: 40px; } .xiaoqulistitem .img { float: left; width: 232px; height: 174px } .xiaoqulistitem .img img { width: 100%; height: 100% } .xiaoqulistitem .info { float: left; margin-left: 30px; width: 400px } .xiaoqulistitem .info .title { font-size: 22px; font-weight: bold } .xiaoqulistitem .info .title a { color: #394043; text-decoration: none } .xiaoqulistitem .info .title a:hover { color: #f2304a } .xiaoqulistitem .info .houseinfo { margin-top: 19px } .xiaoqulistitem .info .houseinfo .houseicon { display: inline-block; background-image: ; background-position: -451px -199px; width: 14px; height: 14px; margin-right: 11px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .xiaoqulistitem .info .houseinfo .houseicon { background-image: ; background-size: 606px 356px } } .xiaoqulistitem .info .houseinfo a { color: #616669; font-size: 14px } .xiaoqulistitem .info .houseinfo .cutline { font-size: 12px; margin: 0 9px; color: #cecece } .xiaoqulistitem .info .positioninfo { margin-top: 19px; font-size: 14px; color: #616669 } .xiaoqulistitem .info .positioninfo a { color: #616669 } .xiaoqulistitem .info .positioninfo .positionicon { display: inline-block; background-image: ; background-position: -579px -130px; width: 15px; height: 14px; margin-right: 11px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .xiaoqulistitem .info .positioninfo .positionicon { background-image: ; background-size: 606px 356px } } .xiaoqulistitem .info .positioninfo .gonglueicon { display: inline-block; background-image: ; background-position: -385px -220px; width: 13px; height: 15px; margin-right: 11px; position: relative; top: 1px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .xiaoqulistitem .info .positioninfo .gonglueicon { background-image: ; background-size: 606px 356px } } .xiaoqulistitem .info .taglist { margin-top: 17px } .xiaoqulistitem .info .taglist span { display: inline-block; color: #849aae; font-size: 12px; padding: 9px 13px; background-color: #f4f7f9; margin-right: 5px } .xiaoqulistitem .info .taglist span.school { position: relative; cursor: pointer } .xiaoqulistitem .info .taglist span.school a { color: #849aae } .xiaoqulistitem .info .taglist span.school:hover div { display: block } .xiaoqulistitem .info .taglist span.school div { display: none; position: absolute; right: -60%; top: 31px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); padding: 8px; z-index: 9; line-height: 30px } .xiaoqulistitem .info .taglist span i { display: inherit; width: 0; height: 0; border-top: 5px solid transparent; border-left: 8px solid #849aae; border-bottom: 5px solid transparent; margin-left: 5px } .xiaoqulistitemprice { float: left; width: 160px; margin-top: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right } .xiaoqulistitemprice .totalprice { font-size: 14px; color: #f2304a; font-weight: bold } .xiaoqulistitemprice .totalprice span { font-size: 26px; font-family: 'tahoma'; margin-right: 5px } .xiaoqulistitemprice .pricedesc { margin-top: 18px; color: #a9abab; font-size: 12px } .xiaoqulistitemsellcount { float: left; width: 90px; margin-top: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right } .xiaoqulistitemsellcount .totalsellcount { display: block; font-size: 16px; color: #394043; font-weight: bold } .xiaoqulistitemsellcount .totalsellcount span { font-size: 26px; font-family: 'tahoma'; margin-right: 5px } .xiaoqulistitemsellcount .sellcountdesc { margin-top: 18px; color: #a9abab; font-size: 12px } .xiaoqulistitemright { float: right; *zoom: 1 } .xiaoqulistitemright:before,.xiaoqulistitemright:after { display: table; content: "" } .xiaoqulistitemright:after { clear: both } .xiaoqufollowbtn { display: inline-block; vertical-align: middle; margin-left: 25px; line-height: 24.5px; padding: 0 7.5px; border: 1px solid #ddd; border-radius: 2px; color: #a9abab; font-size: 12px; font-weight: normal; cursor: pointer } .xiaoqulistitem .info .agentinfo { margin-top: 14px; height: 24px; line-height: 24px; color: #666666; } .xiaoqulistitem .info .agentinfo a{ color: #666666; } .xiaoqulistitem .info .agentinfo .agenticon { display: inline-block; margin-right: 10px; background-image: ; background-size:15px 15px; width: 14px; height: 15px; } .xiaoqulistitem .info .agentinfo .message { display: inline-block; margin-right: 15px; margin-left: 5px; background-image: ; background-size:12px 12px; width: 12px; height: 12px; } .xiaoqulistitem .info .agentinfo .agentname { margin-right: 22px; display: inline-block; height: 24px; vertical-align: top; color: #666666; } .xiaoqulistitem .info .gpsinfo { margin-top: 14px; height: 24px; line-height: 24px; color: #666666; } .xiaoqulistitem .info .gpsinfo .gpsicon { display: inline-block; margin-right: 10px; background-image: ; background-size:15px 15px; width: 15px; height: 15px; } .xiaoqulistitem .info .gpsinfo .gpsname { margin-right: 22px; display: inline-block; height: 24px; vertical-align: top; color: #666666; } .m-filter { width: 1100px; margin: 0 auto; margin-top: 26px; padding: 25px; padding-bottom: 14px; padding-top: 14px; background-color: #fbfbfb; box-shadow: 0 1px 2px -1px rgba(0,0,0,0.2); border-radius: 5px; font-size: 12px; line-height: 1; position: relative } .m-filter .lanren { position: absolute; right: 25px; top: 25px } .m-filter .lanren a { color: #568fe3 } .m-filter .position a { margin-right: 17px } .m-filter .position a:last-child { margin-right: 0 } .m-filter .position dl:first-child a { color: #394043; display: inline-block; margin-right: 30px } .m-filter .position dl:first-child a.selected { color: #f2304a } .m-filter .position dl:first-child a.selected .arrow { background-image: ; background-position: -561px -185px; width: 10px; height: 5px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .m-filter .position dl:first-child a.selected .arrow { background-image: ; background-size: 606px 356px } } .m-filter .position dl:first-child a .arrow { display: inline-block; margin-left: 9px; vertical-align: 2px; background-image: ; background-position: -571px -185px; width: 10px; height: 5px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .m-filter .position dl:first-child a .arrow { background-image: ; background-size: 606px 356px } } .m-filter .position dl:last-child { margin: 18px 0; padding: 5px 0; line-height: 27px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1 } .m-filter .position dl:last-child dd div { overflow: hidden } .m-filter .position dl:last-child a.selected { color: #f2304a } .m-filter .position dl:last-child b { float: left; font-weight: 700; margin-right: 5px } .m-filter .list-more dl.hide { display: none } .m-filter .list-more dl.hasmore { height: 27px } .m-filter .list-more dl.otheritem { margin-top: 6px } .m-filter .list-more dd { position: relative; width: 87.9%; padding-right: 7.6% } .m-filter .list-more a { min-width: 80px; padding-left: 20px; padding-right: 10px; overflow: hidden } .m-filter .list-more a span { float: left } .m-filter .list-more a.nolink { color: #999; cursor: not-allowed } .m-filter .list-more .name { font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .m-filter .list-more .customfilter { margin-top: 5px; float: left } .m-filter .list-more .customfilter * { float: left } .m-filter .list-more .customfilter span { line-height: 20px; margin: 0 5px } .m-filter .list-more .customfilter input { width: 35px; height: 18px; text-align: center; border: 1px solid #b7b7b7 } .m-filter .list-more .customfilter button { width: 35px; padding: 0; border: 0; color: #fff; background-color: #394043; font-size: 12px; line-height: 20px } .m-filter .list-more .btn-showmore { position: absolute; right: 0; top: 0; line-height: 27px; color: #a7a8a9; cursor: pointer } .m-filter dl { overflow: hidden } .m-filter dt { float: left; width: 4.5%; font-weight: 700; line-height: 27px } .m-filter dd { float: right; width: 95.5% } .m-filter dd a { float: left; color: #394043; position: relative; line-height: 27px } .m-filter dd .checkbox { position: absolute; left: 0; top: 7px; width: 14px; height: 14px; background-image: ; background-position: -535px -185px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .m-filter dd .checkbox { background-image: ; background-size: 606px 356px } } .m-filter dd .checkbox.checked { background-image: ; background-position: -518px -173px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .m-filter dd .checkbox.checked { background-image: ; background-size: 606px 356px } } .m-filter .inp-search { width: 200px; border: 1px solid #c8cfd2; box-sizing: border-box; line-height: 27px; height: 27px; padding: 0 8.5px; color: #cacbcc } .m-filter .btn-search { width: 68px; line-height: 27px; color: #fff; background-color: #394043; text-align: center; margin-left: 10px; cursor: pointer } .m-filter .btn-search:hover { background-color: #333333 } .m-filter .btn-more { width: 200px; margin: 0 auto; padding: 10px 0; color: #a7a8a9; text-align: center; cursor: pointer } .m-filter .btn-more .arrow { display: inline-block; vertical-align: 3px; margin-left: 7px; background-image: ; background-position: -459px -169px; width: 8px; height: 4px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .m-filter .btn-more .arrow { background-image: ; background-size: 606px 356px } } .m-filter .btn-more .uparrow { display: inline-block; vertical-align: 3px; margin-left: 7px; background-image: ; background-position: -451px -169px; width: 8px; height: 4px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .m-filter .btn-more .uparrow { background-image: ; background-size: 606px 356px } } .clear:after { content: ""; display: block; clear: both } .content { margin: 0 auto; line-height: 1; width: 1200px; overflow: hidden } .content li{ margin-bottom: 20px; } .content .leftcontent { float: left; width: 910px } .content .rightcontent { float: right; width: 200px } .content .mzsmcontent { float: left; width: 1150px; line-height: initial; } .mzsmcontent .mzsm .fontstyle .icon{ margin-right:3px;} .content .leftcontent .orderfilter .ordertag { border-bottom: 1px solid #f2304a; line-height: 0 } .content .leftcontent .orderfilter .ordertag ul { display: inline-block; width: 90%; height: 45px; /* line-height: 47.5px */} .content .leftcontent .orderfilter .ordertag ul li { display: inline-block } .content .leftcontent .orderfilter .ordertag ul li a { text-align: center; line-height: 1; vertical-align: middle; padding: 0 25px; font-size: 15px; color: #394043; text-decoration: none } .content .leftcontent .orderfilter .ordertag ul li h3{padding:15px 0px;} .pagination{ margin:0 !important; float:right;} .content .leftcontent .orderfilter .ordertag ul li a .downarrow { display: inline-block; margin-left: 5px; vertical-align: -1px; background-image: ; background-position: -406px -220px; width: 8px; height: 14px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .ordertag ul li a .downarrow { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .ordertag ul li a .uparrow { display: inline-block; margin-left: 5px; vertical-align: -1px; background-image: ; background-position: -454px -220px; width: 8px; height: 14px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .ordertag ul li a .uparrow { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .ordertag ul li.selected { background-color: #f2304a } .content .leftcontent .orderfilter .ordertag ul li.selected a { color: #fff } .content .leftcontent .orderfilter .ordertag ul li.selected a .downarrow { background-image: ; background-position: -398px -220px; width: 8px; height: 14px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .ordertag ul li.selected a .downarrow { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .ordertag ul li.selected a .uparrow { background-image: ; background-position: -430px -220px; width: 8px; height: 14px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .ordertag ul li.selected a .uparrow { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .ordertag .ordertype { text-align: right; display: inline-block; vertical-align: middle } .content .leftcontent .orderfilter .ordertag .ordertype .list { display: inline-block; cursor: pointer; background-image: ; background-position: -523px -185px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .ordertag .ordertype .list { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .ordertag .ordertype .list.selected { background-image: ; background-position: -506px -173px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .ordertag .ordertype .list.selected { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .ordertag .ordertype .img { display: inline-block; margin-left: 15px; cursor: pointer; background-image: ; background-position: -494px -173px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .ordertag .ordertype .img { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .ordertag .ordertype .img.selected { background-image: ; background-position: -542px -173px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .ordertag .ordertype .img.selected { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .filteragain { font-size: 12px; line-height: 50px } .content .leftcontent .orderfilter .filteragain .title { display: inline-block; font-weight: bold; color: #333333 } .content .leftcontent .orderfilter .filteragain ul { display: inline-block; margin-left: 15px } .content .leftcontent .orderfilter .filteragain ul li { display: inline-block; margin-right: 20px } .content .leftcontent .orderfilter .filteragain ul li.selected a .checkbox { background-image: ; background-position: -578px -173px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .filteragain ul li.selected a .checkbox { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .filteragain ul li a { text-decoration: none; color: #666666 } .content .leftcontent .orderfilter .filteragain ul li a .checkbox { display: inline-block; background-image: ; background-position: -535px -185px; width: 12px; height: 12px; vertical-align: -1px; margin-right: 7px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .filteragain ul li a .checkbox { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .filteragain ul li a .info { display: inline-block; margin-left: 5px; position: relative; vertical-align: -1px } .content .leftcontent .orderfilter .filteragain ul li a .info:hover .infocontent { display: block } .content .leftcontent .orderfilter .filteragain ul li a .info i { display: inline-block; background-image: ; background-position: -482px -173px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .orderfilter .filteragain ul li a .info i { background-image: ; background-size: 606px 356px } } .content .leftcontent .orderfilter .filteragain ul li a .info .infocontent { display: none; position: absolute; left: 4px; bottom: 34px; width: 325px; background-color: #999; background-color: rgba(0,0,0,0.8); color: #fff; padding: 7px 18px; line-height: 22px; box-sizing: border-box } .content .leftcontent .orderfilter .filteragain ul li a .info .min-wid { width: 168px } .content .leftcontent .resultdes { line-height: 55px } .content .leftcontent .resultdes .total { font-weight: bold; font-size: 22px; color: #394043 } .content .leftcontent .resultdes .total span { color: #f2304a; font-family: 'tahoma' } .content .leftcontent .resultdes .button { color: #394043; font-size: 12px } .content .leftcontent .resultdes .button>div { display: inline-block } .content .leftcontent .resultdes .button .clearbtn a { color: #394043 } .content .leftcontent .resultdes .button .clearbtn span { display: inline-block; margin-right: 7px; background-image: ; background-position: -424px -173px; width: 15px; height: 12px; vertical-align: -1px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .resultdes .button .clearbtn span { background-image: ; background-size: 606px 356px } } .content .leftcontent .resultdes .button .savebtn a { color: #394043 } .content .leftcontent .resultdes .button .savebtn span { display: inline-block; margin-right: 7px; margin-left: 18px; background-image: ; background-position: -496px -185px; width: 14px; height: 13px; vertical-align: -1px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .resultdes .button .savebtn span { background-image: ; background-size: 606px 356px } } .content .leftcontent .bigimglist { margin-top: 35px; padding-bottom: 15px; margin-right: -36px } .content .leftcontent .bigimglist .item { width: 437px; display: inline-block; vertical-align: top; margin-right: 36px } .content .leftcontent .bigimglist .item .img { position: relative; height: 300px; display: block } .content .leftcontent .bigimglist .item .img:hover .leftarrow,.content .leftcontent .bigimglist .item .img:hover .rightarrow,.content .leftcontent .bigimglist .item .img:hover .follow { display: block } .content .leftcontent .bigimglist .item img { width: 100%; height: 100% } .content .leftcontent .bigimglist .item .follow { display: none; position: absolute; top: 15px; right: 15px; background-color: #394043; background-color: rgba(57,64,67,0.5); color: #fff; line-height: 33px; padding: 0 12.5px; cursor: pointer } .content .leftcontent .bigimglist .item .follow .star { display: inline-block; vertical-align: -1px; background-image: ; background-position: -482px -185px; width: 14px; height: 13px; margin-right: 5px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .bigimglist .item .follow .star { background-image: ; background-size: 606px 356px } } .content .leftcontent .bigimglist .item .follow .star.followed { background-image: ; background-position: -468px -185px; width: 14px; height: 13px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .bigimglist .item .follow .star.followed { background-image: ; background-size: 606px 356px } } .content .leftcontent .bigimglist .item .leftarrow { display: none; line-height: 75px; width: 56px; position: absolute; top: 50%; margin-top: -37.5px; left: 10px; text-align: center; cursor: pointer } .content .leftcontent .bigimglist .item .leftarrow span { display: inline-block; vertical-align: middle; background-image: ; background-position: -403px -185px; width: 18px; height: 35px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .bigimglist .item .leftarrow span { background-image: ; background-size: 606px 356px } } .content .leftcontent .bigimglist .item .rightarrow { display: none; line-height: 75px; width: 56px; position: absolute; top: 50%; margin-top: -37.5px; right: 10px; text-align: center; cursor: pointer } .content .leftcontent .bigimglist .item .rightarrow span { display: inline-block; vertical-align: middle; background-image: ; background-position: -385px -185px; width: 18px; height: 35px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .leftcontent .bigimglist .item .rightarrow span { background-image: ; background-size: 606px 356px } } .content .leftcontent .bigimglist .item .price { position: absolute; left: 0; bottom: 22.5px; line-height: 40px; padding: 0 11px; color: #fff; font-weight: bold; font-size: 14px; background-color: #394043 } .content .leftcontent .bigimglist .item .price span { font-family: 'tahoma'; font-weight: bold; font-size: 26px } .content .leftcontent .bigimglist .item .title { display: block; margin-top: 20px; font-size: 18px; font-weight: bold; color: #394043; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none } .content .leftcontent .bigimglist .item .title:hover { color: #f2304a } .content .leftcontent .bigimglist .item .info { margin-top: 14px; font-size: 12px; color: #616669 } .content .leftcontent .bigimglist .item .info span { color: #e0e4e7; margin: 0 8px } .content .leftcontent .bigimglist .item .tag { overflow: hidden; padding: 16px 0 13px; line-height: 35px; text-align: left } .content .leftcontent .bigimglist .item .tag>span { display: inline-block; margin: 0 8px 8px 0; line-height: 30px; background-color: #f4f7f9; color: #849aae; padding: 0 12px } .content .leftcontent .bigimglist .item .tag>span:last-child { margin-right: 0 } .content .leftcontent .bigimglist .item .tag>span.school { position: relative; cursor: pointer } .content .leftcontent .bigimglist .item .tag>span.school:hover ul { display: block } .content .leftcontent .bigimglist .item .tag>span.school ul { display: none; position: absolute; right: -60%; top: 30px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); padding: 8px; z-index: 9 } .content .leftcontent .bigimglist .item .tag>span i { display: inherit; width: 0; height: 0; border-top: 5px solid transparent; border-left: 8px solid #849aae; border-bottom: 5px solid transparent; margin-left: 5px } .content .leftcontent .bigimglist .item .tag .taxfree { background: #ffece8; color: #ff8062 } .content .leftcontent .bigimglist .item .tag .five { background: #e1f5f8; color: #39becd } .content .leftcontent .bigimglist .item .tag .haskey { background: #e1f5ed; color: #33be85 } .content .leftcontent .bigimglist .item .tag .is_restriction { background: #f3f0ff; color: #b199ff } .content .leftcontent .bigimglist .item .tag .focus { color: #dcb02e; background: #faf3e0 } .content .leftcontent .contentbottom { line-height: 1; padding: 30px 0 } .content .leftcontent .contentbottom .crumbs { font-size: 12px; color: #aaaaaa } .content .leftcontent .contentbottom .crumbs h1 { display: inline-block } .content .leftcontent .contentbottom .crumbs a { color: #aaaaaa } .content .leftcontent .contentbottom .page-box a { background-color: #f5f5f5; border: 0 } .content .leftcontent .contentbottom .page-box a.on { background-color: #394043; color: #ffffff } .content .leftcontent .contentbottom .page-box .current { background-color: #394043; color: #ffffff } .content .leftcontent .newaddhouse { line-height: 36px; background-color: #f4f7f9; font-size: 12px; color: #b0b3b4; padding: 0 15px; position: relative } .content .leftcontent .newaddhouse a { color: #888c8e; margin-left: 15px; text-decoration: underline } .content .leftcontent .newaddhouse .newhouserightclose { position: absolute; right: 0; padding: 0 15px; text-align: center; cursor: pointer } .content .rightlayout { float: right; width: 180px } .content .rightcontent>div { padding: 20px 0; border-bottom: 1px solid #eeeeee } .content .rightcontent>div:first-child { border-top-width: 0; padding-top: 18px } .content .rightcontent>div:last-child { border-bottom: none } .content .rightcontent .map .pic { background-image: ; background-position: -261px -124px; width: 110px; height: 73px; margin: 0 auto; margin-top: 21px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .rightcontent .map .pic { background-image: ; background-size: 606px 356px } } .content .rightcontent .map button { margin-top: 26px; display: block; width: 100%; text-align: center; background-color: #4285f4; color: #fff; font-size: 12px; line-height: 36px; cursor: pointer } .content .rightcontent .map button:hover { background-color: #3f81eb } .content .rightcontent .price { display: none } .content .rightcontent .price .title { font-size: 16px; color: #394043; font-weight: bold; line-height: 20px } .content .rightcontent .price .pricemap { margin-top: 31px; height: 80px } .content .rightcontent .price .unitprice { display: block; text-decoration: none; margin-top: 25.5px; font-size: 12px; color: #394043 } .content .rightcontent .price .unitprice:hover { color: #f2304a } .content .rightcontent .price .unitprice span { font-size: 22px; font-weight: bold; font-family: 'tahoma'; margin-right: 5px } .content .rightcontent .price .unitprice.school { margin-top: 16.5px } .content .rightcontent .price .info { margin-top: 17px; font-size: 12px; color: #a9abab; line-height: 20px } .content .rightcontent .price .info a { color: #a9abab } .content .rightcontent .price .info .cardmoredetail { color: #394043; display: block } .content .rightcontent .suggestagent { display: none } .content .rightcontent .suggestagent .title { color: #394043; font-size: 16px; font-weight: bold } .content .rightcontent .suggestagent .agent { margin-top: 20.5px } .content .rightcontent .suggestagent .agent .img { text-decoration: none } .content .rightcontent .suggestagent .agent img { width: 32px; height: 32px; border-radius: 50% } .content .rightcontent .suggestagent .agent a { color: #394043 } .content .rightcontent .suggestagent .agent .info { display: inline-block; margin-left: 8.5px } .content .rightcontent .suggestagent .agent .info .name { color: #394043; font-size: 14px; font-weight: bold } .content .rightcontent .suggestagent .agent .info .phone { color: #f2304a; font-size: 12px; margin-top: 2px } .content .rightcontent .suggestagent .agentinfo { margin-top: 22px; font-size: 12px; color: #a9abab; line-height: 20px } .content .rightcontent .suggesthouse { display: none } .content .rightcontent .suggesthouse .img { line-height: 180px; position: relative; display: block } .content .rightcontent .suggesthouse .img img { width: 100%; height: 180px } .content .rightcontent .suggesthouse .img .cover { position: absolute; top: 0; background-color: #000; opacity: .4; filter: alpha(opacity=40); width: 100%; height: 100% } .content .rightcontent .suggesthouse .img .title { position: absolute; top: 0; left: 13.5%; width: 73%; text-align: center; color: #fff; font-size: 14px; font-weight: bold; white-space: nowrap } .content .rightcontent .suggesthouse .img .title span { display: inline-block; vertical-align: middle; line-height: 19px; white-space: initial } .content .rightcontent .suggesthouse .pointcontainer { margin-top: 18.5px; font-size: 0; text-align: center } .content .rightcontent .suggesthouse .pointcontainer .point { display: inline-block; background-image: ; background-position: -520px -199px; width: 7px; height: 7px; margin: 0 2px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .rightcontent .suggesthouse .pointcontainer .point { background-image: ; background-size: 606px 356px } } .content .rightcontent .suggesthouse .pointcontainer .point.selected { background-image: ; background-position: -513px -199px; width: 7px; height: 7px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .content .rightcontent .suggesthouse .pointcontainer .point.selected { background-image: ; background-size: 606px 356px } } .content .rightcontent .suggestcommunity { display: none } .content .rightcontent .suggestcommunity .title { color: #394043; font-size: 16px; font-weight: bold } .content .rightcontent .suggestcommunity ul li { font-size: 12px; margin: 23px 0 } .content .rightcontent .suggestcommunity ul li:last-child { margin-bottom: 0 } .content .rightcontent .suggestcommunity ul li .img { display: block; position: relative; height: 105px; text-decoration: none } .content .rightcontent .suggestcommunity ul li .img img { width: 100%; height: 100% } .content .rightcontent .suggestcommunity ul li .img .noimg { display: block; line-height: 105px; font-size: 12px; text-align: center; color: #d7d9d9; background-color: #f5f5f6 } .content .rightcontent .suggestcommunity ul li .img .price { position: absolute; bottom: 10px; padding: 0 7px; line-height: 24px; color: #fff; background-color: #394043; display: block } .content .rightcontent .suggestcommunity ul li .info { margin-top: 12px; color: #394043 } .content .rightcontent .suggestcommunity ul li .info .fl { display: block; color: #394043; font-weight: bold } .content .rightcontent .suggestcommunity ul li .desc { margin-top: 7px; color: #a9abab } .content .rightcontent .nearby { padding: 6px 0 0 } .content .rightcontent .nearby .pic { background-image: ; background-size: cover; display: block; width: 181.5px; height: 180px; margin: 0 auto } .content .rightcontent .nearby_bj .pic { background-image: } .content .rightcontent .wenda { display: none; font-size: 12px } .content .rightcontent .wenda .title { color: #394043; font-size: 16px; font-weight: bold } .content .rightcontent .wenda ul { margin-top: 20px } .content .rightcontent .wenda ul li { margin: 12px 0 } .content .rightcontent .wenda ul li span.time { color: #ccd0d1; margin-top: 8px; display: block } .content .rightcontent .wenda ul li .order { display: table-cell } .content .rightcontent .wenda ul li .order span { display: inline-block; text-align: center; width: 12px; height: 12px; margin-right: 6px; background-color: #b0b3b4; color: #fff } .content .rightcontent .wenda ul li .order.order1 span { background-color: #f2304a } .content .rightcontent .wenda ul li .order.order2 span,.content .rightcontent .wenda ul li .order.order3 span { background-color: #ecaf39 } .content .rightcontent .wenda ul li .info { display: table-cell; color: #394043; line-height: 16px; text-align: justify } .content .rightcontent .download .title { color: #394043; font-size: 16px; font-weight: bold } .content .rightcontent .download .qr-code { margin-top: 28px } .content .rightcontent .download .qr-code .text { font-size: 12px; color: #394043; margin-top: 20px } .content .rightcontent .download .qr-code .text p { height: 23px; line-height: 23px } .content .rightcontent .download .qr-code .text p a { color: #9c9fa1 } .content .rightcontent .download .qr-code .text p a img { margin: 7px 0 0 3px } .content .rightcontent .zixun i { font-weight: 700; color: #ef5012; display: block; float: left; margin-right: 13px; line-height: 16px } .content .rightcontent .zixun i.opt1 { opacity: .8; filter: alpha(opacity=80) } .content .rightcontent .zixun i.opt2 { opacity: .6; filter: alpha(opacity=60) } .content .rightcontent .zixun i.opt3 { opacity: .4; filter: alpha(opacity=40) } .content .rightcontent .zixun i.opt4 { opacity: .2; filter: alpha(opacity=20) } .content .rightcontent .zixun span { display: block; float: left; width: 157px; text-align: justify } .content .rightcontent .top-list .title { color: #394043; font-size: 16px; font-weight: bold; padding-bottom: 10px } .content .rightcontent .top-list li { font-size: 12px; color: #394043; height: 30px; line-height: 30px } .content .rightcontent .top-list li i { background-image: ; background-image: -webkit-image-set( 1x, 2x); width: 14px; height: 19px; display: inline-block; position: relative; top: 5px; margin-right: 5px; float: left } .content .rightcontent .top-list li.li0 i { background-position: -204px -6px } .content .rightcontent .top-list li.li1 i { background-position: -204px -35px } .content .rightcontent .top-list li.li2 i { background-position: -204px -64px } .content .rightcontent .top-list li.li3 i { background-position: -204px -92px } .content .rightcontent .top-list li.li4 i { background-position: -204px -120px } .content .rightcontent .top-list li a { color: #394043; display: inline-block; float: left; width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .content .rightcontent .top-list li span { opacity: .6; filter: alpha(opacity=60); float: right } .content .rightcontent .xuequagent { font-size: 14px; margin-top: 12px; display: none } .content .rightcontent .xuequagent .name { color: #394043; font-size: 16px; font-weight: 700; display: block; margin-bottom: 15px } .content .rightcontent .xuequagent img { height: 41px; width: 41px; border-radius: 50%; margin-right: 7px } .content .rightcontent .xuequagent .pic { width: 41px; height: 41px; overflow: hidden; border-radius: 50%; margin-right: 7px } .content .rightcontent .xuequagent.fr { position: relative; top: -5px } .content .rightcontent .xuequagent b,.content .rightcontent .xuequagent a { color: #394043; font-weight: 700 } .content .rightcontent .xuequagent a { font-weight: 700 } .content .rightcontent .xuequagent .lianjiaim-createtalk { background-image: ; background-image: -webkit-image-set( 1x, 2x); background-position: -85px -45px; width: 16px; height: 14px; position: relative; top: -2px } .content .rightcontent .xuequagent .tel { color: #f2304a; font-weight: 700; font-size: 12px; margin-top: 5px } .content .rightcontent .xuequagent .tips { color: #394043; font-size: 12px; line-height: 20px; opacity: .6; filter: alpha(opacity=60); clear: both } .m-noresult { padding: 50px; text-align: center } .m-noresult p { font-size: 18px; color: #888c8e; line-height: 30px } .m-noresult p.spellcheck a { color: #4285f4; margin-right: 10px } .m-noresult a { color: #394043 } .m-noresult b { color: #394043 } .m-noresult .btn-save { cursor: pointer } .m-recommend .hd { font-size: 16px; font-weight: 700 } .m-recommend .recommendcontainer { margin-top: 25px; white-space: nowrap } .m-recommend .recommendcontainer .item { width: 200px; margin-right: 36.6px; display: inline-block; vertical-align: top } .m-recommend a { color: #394043 } .m-recommend .img { position: relative; display: block } .m-recommend img { width: 200px; height: 150px } .m-recommend .label { position: absolute; left: 0; bottom: 10px; background-color: #394043; color: #fff; line-height: 28px; padding: 0 7px } .m-recommend .tit { margin-top: 8px; overflow: hidden; line-height: 20px } .m-recommend .name { float: left; font-weight: 700 } .m-recommend .room { float: right } .m-recommend .txt { font-size: 12px; line-height: 25px; color: #b0b3b4 } .tooltip { position: absolute; font-size: 12px; z-index: 100 } .tooltip .tooltip-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent } .tooltip.top .tooltip-arrow { left: 50%; bottom: -10px; margin-left: -5px; border-top-color: #000 } .tooltip.bottom .tooltip-arrow { left: 50%; top: -10px; margin-left: -5px; border-bottom-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: -10px; margin-top: -5px; border-left-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: -10px; margin-top: -5px; border-right-color: #000 } .tooltip .tooltip-inner { padding: 5px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px } .savemegmask { width: 100%; height: 100%; background-color: #000000; opacity: .6; filter: alpha(opacity=60); position: fixed; top: 0; left: 0; display: none; z-index: 1003 } .saveok,.saveerror { display: none; position: fixed; background: no-repeat; width: 427px; height: 133px; z-index: 10000; padding: 50px; margin: auto; top: 0; left: 0; right: 0; bottom: 0 } .saveok .fl,.saveerror .fl { background: no-repeat 0 0; width: 70px; height: 70px } .saveok .fr,.saveerror .fr { width: 325px; font-size: 12px; color: #999; line-height: 23px } .saveok .fr span,.saveerror .fr span { font-size: 24px; color: #39ac6a; font-weight: 700 } .saveok .fr label,.saveerror .fr label,.saveok .fr a,.saveerror .fr a { width: 114px; height: 43px; display: inline-block; margin-right: 15px; text-align: center; line-height: 43px; color: #fff; background: #32ad68; margin-top: 25px; font-size: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.2) } .saveok .fr label.close,.saveerror .fr label.close,.saveok .fr a.close,.saveerror .fr a.close { background: #fff; color: #000 } .saveerror { background: no-repeat } .saveerror .fl { background: no-repeat -82px 0 } .saveerror .fr span { color: #5d5a59 } .pushcommunity { width: 1150px; margin: 0 auto } .pushcommunity .title { font-size: 24px; color: #394043; font-weight: 700; padding-bottom: 27px; margin-top: 100px } .pushcommunity ul { white-space: nowrap; overflow: hidden; padding-bottom: 50px } .pushcommunity ul li { margin-right: 10px; width: 280px; vertical-align: top; display: inline-block; position: relative } .pushcommunity ul li a { text-decoration: none } .pushcommunity ul li img { width: 280px; height: 210px } .pushcommunity ul li .noimg { display: block; line-height: 210px; font-size: 12px; text-align: center; color: #d7d9d9; width: 280px; height: 210px; background-color: #f5f5f6 } .pushcommunity ul li .price { position: absolute; left: 0; bottom: 70px; padding: 7px 9px; color: #fff; font-size: 14px; background-color: #394043 } .pushcommunity ul li .info { margin-top: 12px; font-size: 14px } .pushcommunity ul li .info a { display: inline-block; max-width: 71%; color: #394043; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top } .pushcommunity ul li .info .fr { display: inline-block; width: 25%; color: #b0b3b4; text-align: left; float: left; font-size: 12px; padding-left: 4% } .pushcommunity ul li .desc { color: #b0b3b4; font-size: 12px } .newhousepush { background-color: #f5f5f6; line-height: 1 } .newhousepush .newhousepushcontainer { width: 1150px; margin: 0 auto } .newhousepush .newhousepushcontainer h3 { color: #394043; padding-top: 46px; font-size: 24px; font-weight: bold } .newhousepush .newhousepushcontainer ul { margin-top: 23px; white-space: nowrap; overflow: hidden; padding-bottom: 46px } .newhousepush .newhousepushcontainer ul li { vertical-align: top; display: inline-block; width: 218px; margin-right: 10px; position: relative } .newhousepush .newhousepushcontainer ul li.justify_fix { height: 0; font-size: 0; vertical-align: top } .newhousepush .newhousepushcontainer ul li .pic { display: block; height: 150px; position: relative } .newhousepush .newhousepushcontainer ul li .pic .bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.2); display: block; width: 100%; height: 100% } .newhousepush .newhousepushcontainer ul li .pic img { width: 100%; height: 100% } .newhousepush .newhousepushcontainer ul li .mark { width: 100%; height: 100%; opacity: .4; background-color: #000 } .newhousepush .newhousepushcontainer ul li .description { position: absolute; top: 0; text-align: center; width: 100%; line-height: 150px; color: #fff; font-weight: 700; text-shadow: 0 1px 4px rgba(0,0,0,0.6) } .newhousepush .newhousepushcontainer ul li .price { font-size: 12px; font-weight: 700; line-height: 1; padding-top: 8px } .newhousepush .newhousepushcontainer ul li .price i { color: #f2304a; font-weight: 700 } .newhousepush .newhousepushcontainer ul li .area { color: #b0b3b4; font-size: 12px; margin-top: 11px } .footer { margin-top: 0 } .agentcardpush { line-height: 1; maring-top: 18px; background-color: #fafafa; padding: 33px 0; border-left: 2px solid #e2e2e2; *zoom: 1 } .agentcardpush:before,.agentcardpush:after { display: table; content: "" } .agentcardpush:after { clear: both } .agentcardagentinfo { float: left; margin-left: 27px; *zoom: 1 } .agentcardagentinfo:before,.agentcardagentinfo:after { display: table; content: "" } .agentcardagentinfo:after { clear: both } .agentcardagentimg { float: left } .agentcardagentimg img { width: 75px; height: 100px } .cardagentinfo { float: left; margin-left: 14px; width: 154px } .cardagentnamecontainer { font-size: 0 } .cardagentname { color: #394043; font-size: 22px; font-weight: bold } .cardagentim { display: inline-block; cursor: pointer; margin-left: 12px; background-image: ; background-position: -469px -173px; width: 13px; height: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .cardagentim { background-image: ; background-size: 606px 356px } } .cardagenttitle { font-size: 12px; font-weight: bold; margin-left: 5px } .cardagentphone { margin-top: 20px; color: #f2304a; font-size: 14px; font-weight: bold } .cardagentdesc { margin-top: 10px; color: #9c9fa1; font-size: 12px; line-height: 20px } .agentcardresblockinfo { float: left; margin-left: 41px; width: 568px } .agentcardresblockname { padding-bottom: 20px; border-bottom: 1px solid #eeeeee } .agentcardresblocktitle { color: #394043; font-size: 22px } .agentcardresblocksubtitle { color: #9c9fa1; font-size: 12px; padding-left: 13px } .agentcardresblocklink { float: right; margin-top: 10px; font-size: 12px; color: #394043 } .agentcardresblockdetail { margin-top: 23px; *zoom: 1 } .agentcardresblockdetail:before,.agentcardresblockdetail:after { display: table; content: "" } .agentcardresblockdetail:after { clear: both } .agentcarddetailitem { float: left; margin-right: 59px } .agentcarddetailtitle { color: #9c9fa1; font-size: 12px } .agentcarddetailinfo { display: inline-block; color: #394043; font-size: 13px; margin-top: 11px } .listcontentline { border-bottom: 1px solid #f1f1f1 } .selllistcontent { line-height: 1; font-size: 0; margin-bottom: 36px } .selllistcontent{ margin-top:24px; } .selllistcontent li { padding:0; margin-bottom:43px; border:none; } .selllistcontent li { position: relative; } .selllistcontent li .img { position: relative; float: left; width: 260px; height: 180px } .selllistcontent li .imgw232 { position: relative; float: left; width: 232px; height: 174px; border-radius: 0px !important; margin-right: 30px; } .selllistcontent li img { display: block; width: 100%; height: 100% } .selllistcontent li .itempushdesc { position: absolute; bottom: 0; background-color: #000; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 12px; line-height: 30px; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap } .selllistcontent li .info{font-size:14px;} .selllistcontent li .info { float: right; width: 620px; vertical-align: top; color: #616669; font-size: 14px; max-width: 640px; max-height: 180px; } .selllistcontent li .infoleft{ float: left;} .selllistcontent li .info .timeinfop{color: #aaa; font-size: 12px; margin-top: 24px;} .selllistcontent li .info .title { font-weight: bold; color: #394043; height: 24px; overflow: hidden; margin-bottom: 24px; } .selllistcontent li .info .title:after { content: ""; display: block; clear: both } .selllistcontent li .info .title a { float: left; max-width: 495px; text-decoration: none; font-size: 24px; color: #394043; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .selllistcontent li .info .title a b { font-weight: 700; color: #f2304a } /* .selllistcontent li .info .title a:visited { color: #9c9fa1 } */ .selllistcontent li .info .title a:hover { color: #f2304a } .selllistcontent li .info .title .tagblock { float: left; margin-left: 5px; padding: 0 5px; text-align: center; color: #fff; font-size: 12px; line-height: 21px } .selllistcontent li .info .title .tagblock.new { background-color: #4285f4 } .selllistcontent li .info .title .tagblock.yezhushuo { background-color: #f2304a } .selllistcontent li .info .title .tagblock.reduse { background-color: #f2304a; position: relative } .selllistcontent li .info .title .tagblock.reduse:hover .tooltip { display: block } .selllistcontent li .info .title .tagblock .tooltip { display: none; right: 0; top: 30px; width: 240px; line-height: 18px } .selllistcontent li .info .title .tagblock .tooltip-arrow { right: 15px; left: auto } .selllistcontent li .info .address { margin-top: 28px } .selllistcontent li .info .address .houseinfo { width: 510px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; font-weight:bold; } .selllistcontent li .info .address .fontn { font-weight:normal; } .selllistcontent li .info .title .csjunjia { margin-left: 40px; font-size: 14px; float: right; } .selllistcontent li .info .title .csjunjia .data { color: #f2304a; font-size: 24px; font-weight: bold; } .selllistcontent li .info .address .houseinfo .span{ font-weight:normal; margin:.5rem; color:#ddd } .selllistcontent li .info .address .houseinfo .line { color:#999; font-weight:inherit; } .selllistcontent li .info .address .houseinfo a { color:#666; font-weight:bold; margin-left: 0px } .selllistcontent li .info .address .houseinfo a b { color: #f2304a } .selllistcontent li .info .address .houseinfo .houseicon { background-image: ; background-position: -451px -199px; width: 14px; height: 14px; display: inline-block; vertical-align: -1px; margin-right: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .selllistcontent li .info .address .houseinfo .houseicon { background-image: ; background-size: 606px 356px } } .selllistcontent li .info .flood { margin-top: 12px; color: #666; font-size: 14px; } .selllistcontent li .info .flood .positioninfo { display: inline-block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .selllistcontent li .info .flood .positioninfo .span{color:#ddd; margin:.5rem; font-weight:normal;} .selllistcontent li .info .flood .positioninfo a { color: #394043 } .selllistcontent li .info .flood .positioninfo .positionicon { background-image: ; background-position: -593px -146px; width: 13px; height: 15px; display: inline-block; vertical-align: -1px; margin-right: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .selllistcontent li .info .flood .positioninfo .positionicon { background-image: ; background-size: 606px 356px } } .selllistcontent li .info .followinfo { margin-top: 12px } .selllistcontentnew li{padding: 30px 0px !important; margin: 0 !important;} .follcol{color: #666 !important;} .selllistcontent li .info .followinfo .span{font-weight:normal; color:#ddd; margin:.5rem; margin-top:16px;} .selllistcontent li .info .followinfo .timeinfo{color:#aaa; font-size:12px; margin-top:24px;} .selllistcontent li .info .followinfo .timeinfo .iconclock{margin-right:6px;} .selllistcontent li .info .followinfo .staricon { background-image: ; background-position: -579px -130px; width: 15px; height: 14px; display: inline-block; vertical-align: -1px; margin-right: 12px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .selllistcontent li .info .followinfo .staricon { background-image: ; background-size: 606px 356px } } .selllistcontent li .info .tag { margin-top: 30px !important; font-size:12px; } .selllistcontent li .info .tag .bqstyle{background:#e1f5ed; color:#33be85; border: 1px solid #33be85;} .selllistcontent li .info .tag .bqstyletw{background:#ffece8; color:#ff8062; border: 1px solid #ff8062;} .selllistcontent li .info .tag .bqstyleth{background:#f4f7f9; color:#849aae; border: 1px solid #849aae;} .selllistcontent li .info .tag span{ display:inline-block; font-size:14px; line-height:30px; padding:0 20px 0 0; margin-right:6px; } .selllistcontent li .info .tag { margin-top: 18px; } .selllistcontent li .info .tag span { display: inline-block; color: #849aae; font-size: 12px; line-height: 30px; padding: 0 11px; margin-right: 6px; background-color: #f4f7f9 } .selllistcontent li .info .tag span a { color: #849aae; text-decoration: none } .selllistcontent li .info .tag span.school { position: relative; cursor: pointer } .selllistcontent li .info .tag span.school:hover ul { display: block } .selllistcontent li .info .tag span.school ul { display: none; position: absolute; right: -60%; top: 30px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); padding: 8px; z-index: 9 } .selllistcontent li .info .tag span i { display: inherit; width: 0; height: 0; border-top: 5px solid transparent; border-left: 8px solid #849aae; border-bottom: 5px solid transparent; margin-left: 5px } .selllistcontent li .info .tag .taxfree { background: #ffece8; color: #ff8062 } .selllistcontent li .info .tag .five { background: #e1f5f8; color: #39becd } .selllistcontent li .info .tag .haskey { background: #e1f5ed; color: #33be85 } .selllistcontent li .info .tag .is_restriction { background: #f3f0ff; color: #b199ff } .selllistcontent li .info .tag .focus { color: #dcb02e; background: #faf3e0 } .selllistcontent li .info .priceinfo { position: absolute; right: 0; top: 24%; width:20%; overflow:hidden; } .selllistcontent li .info .priceinfo .totalprice { text-align: right; width: 100%; font-size: 30px; color: #f2304a } .selllistcontent li .info .priceinfo .totalprice .price_yj{ text-decoration:line-through; color:#333; color:#f2304a;} /*.selllistcontent li .info .priceinfo .totalprice .price_yj_bg{background:#333; color:#fff;font-size:12px; padding:0 3px;} .selllistcontent li .info .priceinfo .totalprice .price_yj_wyfont{color:#333;font-size:14px;}*/ .selllistcontent li .info .priceinfo .totalprice .price_xj{font-weight: bold; font-size: 30px; /* font-family: 'tahoma'; */ margin-right: 5px; } .selllistcontent li .info .priceinfo .price_xj_top{margin-top:10px;} .selllistcontent li .info .priceinfo .totalprice .price_xj_bg{color:#000;font-size:18px; padding:0 3px;} .selllistcontent li .info .priceinfo .totalprice .price_xj_wyfont{color:#333;font-size:14px;} .sale_div{position:absolute; width:100px; height:100px; z-index:99;} .selllistcontent li .info .priceinfo .totalprice .price_xj{ font-weight: bold; font-size:30px; /* font-family: 'tahoma'; */ margin-right: 5px } .selllistcontent li .info .priceinfo .unitprice { text-align: right; margin-top: 5px; width: 100%; font-size: 14px; color: #394043; position: relative } .selllistcontent li .info .priceinfo .btn{background:#f2304a; border-radius:10px; letter-spacing:1; float:right; font-weight:bold; color:#fff; padding:10px 18px;} .selllistcontent li .info .priceinfo .unitprice{ color:#999; } .selllistcontent li .info .priceinfo .unitprice:hover .tooltip { display: block } .selllistcontent li .info .priceinfo .unitprice .tooltip { display: none; right: 0; top: 20px; width: 190px; line-height: 18px } .selllistcontent li .info .priceinfo .unitprice .tooltip-arrow { right: 60px; left: auto } .selllistcontent li:hover .listbuttoncontainer { display: block } .selllistcontent li .followbtn { float: right; line-height: 24.5px; padding: 0 7.5px; border: 1px solid #dddddd; border-radius: 2px; color: #a9abab; font-size: 12px; cursor: pointer; margin-left: 12px } .selllistcontent li .followbtn:hover { border-color: #ccc; color: #394043 } .listbuttoncontainer { *zoom: 1; display: none; position: absolute; top: 6px; right: 0 } .listbuttoncontainer:before,.listbuttoncontainer:after { display: table; content: "" } .listbuttoncontainer:after { clear: both } .comparebtn { float: right; line-height: 24.5px; padding: 0 7.5px; border: 1px solid #dddddd; border-radius: 2px; color: #a9abab; font-size: 12px; cursor: pointer } .comparebtn:hover { border-color: #ccc; color: #394043 } .comparebtn.disable { cursor: default } .comparebtn.disable:hover { color: #a9abab } .recommendlist { margin-top: 57px } .recommendlistheader { font-size: 20px; font-weight: bold; color: #394043 } .noresultcommunityheader { font-size: 20px; font-weight: bold; color: #394043 } .noresultcommunitylist { padding-top: 30px; padding-bottom: 54px; border-bottom: 1px solid #eeeeee } .content.tagcolor .tag .school { position: relative; color: #dc802e !important; background-color: transparent !important } .content.tagcolor .tag .school:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #dc802e !important; opacity: .15; filter: alpha(opacity=15) } .content.tagcolor .tag .school * { color: inherit !important } .content.tagcolor .tag .taxfree { position: relative; color: #36b0be !important; background-color: transparent !important } .content.tagcolor .tag .taxfree:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #36b0be !important; opacity: .15; filter: alpha(opacity=15) } .content.tagcolor .tag .taxfree * { color: inherit !important } .content.tagcolor .tag .five { position: relative; color: #f2a12f !important; background-color: transparent !important } .content.tagcolor .tag .five:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f2a12f !important; opacity: .15; filter: alpha(opacity=15) } .content.tagcolor .tag .five * { color: inherit !important } .content.tagcolor .tag .subway { position: relative; color: #849aae !important; background-color: transparent !important } .content.tagcolor .tag .subway:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #849aae !important; opacity: .15; filter: alpha(opacity=15) } .content.tagcolor .tag .subway * { color: inherit !important } .content.tagcolor .tag .haskey { position: relative; color: #33be85 !important; background-color: transparent !important } .content.tagcolor .tag .haskey:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #33be85 !important; opacity: .15; filter: alpha(opacity=15) } .content.tagcolor .tag .haskey * { color: inherit !important } .content.tagcolor .tag .is_restriction { position: relative; color: #bf55ec !important; background-color: transparent !important } .content.tagcolor .tag .is_restriction:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #bf55ec !important; opacity: .15; filter: alpha(opacity=15) } .content.tagcolor .tag .is_restriction * { color: inherit !important } .content.tagcolor .tag .focus { position: relative; color: #dcb02e !important; background-color: transparent !important } .content.tagcolor .tag .focus:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #dcb02e !important; opacity: .15; filter: alpha(opacity=15) } .content.tagcolor .tag .focus * { color: inherit !important } .compareflyicon { position: absolute; background-image: ; background-position: -451px -146px; width: 23px; height: 23px } .page_search { background-color: #fff; height: 100% } .page_search .li_item>a,.page_search .li_item>div { width: auto } .page_search .search_box.search_a .divide { height: 100% } .page_search .search_form { background-color: #fff; border-bottom: 1px solid #e5e5e5 } .page_search .search_box.search_a { margin: 0; border: 0 } .page_search .search_form .back { display: block; width: 2.5rem; height: 2.6rem; line-height: 2.5rem; text-align: center; padding: 0 } .page_search .search_form .tab_tit { position: relative; line-height: 2.5625rem; padding: 0 .5rem; border-right: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9 } .page_search .mod_box { margin-top: 0; border-top: 0 } .page_search .mod_box .detail_more { margin: 0 -1.25rem; background-color: #f0f0f0; border-radius: .00625rem; box-shadow: 0 1px 1px #b9b9b9; border-top: 1px solid #e2e2e2 } .page_search .mod_box .detail_more a { color: #626262; font-size: .8125em; height: 2.75em; line-height: 2.75em } .page_search .mod_box .detail_more a>i,.page_search .mod_box .detail_more a>span { vertical-align: middle } .page_search .mod_box .detail_more a>span { padding-left: .3125rem } .page_search .dropdown { background-color: #fff; position: absolute; color: #000; top: 3rem; left: 0; width: 5rem; border: 1px solid #c5c5c5; border-radius: .3125rem; z-index: 1; -webkit-animation: ani-fadein .3s ease; -moz-animation: ani-fadein .3s ease; -ms-animation: ani-fadein .3s ease; animation: ani-fadein .3s ease } .page_search .dropdown:before { content: ""; display: inline-block; width: .5rem; height: .5rem; background-color: #fff; border: solid #e2e2e2; border-width: 1px 0 0 1px; position: absolute; top: -.3125rem; left: 50%; margin-left: -.25rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .page_search .dropdown li { text-align: center; border-bottom: 1px solid #c5c5c5 } .page_search .dropdown li:last-child { border-bottom: 0 } .page_search .count { padding-left: 2rem; text-align: right; margin-right: 1.25rem; color: #a8a8a8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .page_search .search_box.search_a form { background: #fff } .page_search .search_box.search_a .input { width: 100% } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .compareflyicon { background-image: ; background-size: 606px 356px } } /* 列表右边栏 */ .ybw200 { width: 180px; float: right; overflow: hidden; } .app-banner { margin: 4px 0 20px 0; } .app-banner .dios{ color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-size: 12px; } .app-banner h4 { margin-bottom: 20px; font-size: 18px; color: #333 } .app-banner p { margin-bottom: 10px; font-size: 12px; color: #666 } .app-banner img { width: 180px; height: 180px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .hot-houses .hd { margin-bottom: 20px } .hot-houses .hd p { margin-top: 5px } .hot-houses .hd h3 { font-size: 18px; color: #333 } .hot-houses .hd h3 p { font-size: 12px; color: #666 } .hot-houses .bd { margin-bottom: 10px } .hot-houses .houses-list { padding-bottom: 20px } .hot-houses .houses-list .top { margin-bottom: 10px } .hot-houses .houses-list .top span { padding: 2px; width: 48px; height: 15px; line-height: 15px; text-align: center; color: #888; border: 1px solid #888; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .hot-houses .houses-list .top .top-one { color: #f5a623; border: 1px solid #f5a623 } .hot-houses .houses-list .top .top-two { color: #7ed321; border: 1px solid #7ed321 } .hot-houses .houses-list .top .top-three { color: #6eb1ff; border: 1px solid #6eb1ff } .hot-houses .houses-list .bargain { margin-bottom: 10px; font-size: 14px; color: #666 } .hot-houses .houses-list .bargain .num { color: #ff6d6f } .hot-houses .houses-list .pic,.hot-houses .houses-list .pic img { margin-bottom: 10px; width: 140px; height: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .hot-houses .houses-list .text { font-size: 14px; line-height: 14px } .hot-houses .houses-list .text h4 { color: #666; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; overflow: hidden } .hot-houses .houses-list .text p { color: #888; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; overflow: hidden } .save-money-pub a { text-decoration: none } .save-money-pub .save-mon p { margin-bottom: 10px; font-size: 14px; color: #666; line-height: 14px } .save-money-pub .save-mon p:last-child { margin-bottom: 20px } .save-money-pub .save-mon .money { margin-bottom: 20px; font-size: 26px; color: #f2304a; line-height: 22px } .save-money-pub .pub { margin-top: 50px; font-weight: 700 } .save-money-pub .pub p { margin-bottom: 10px; font-size: 14px; color: #4a4a4a; line-height: 16px } .save-money-pub .pub p:last-child { margin-bottom: 0 } .save-money-pub .pub .everyday { font-size: 18px; color: #4a4a4a; line-height: 16px }