::selection { background-color: rgba(48,114,246,.2); color: #333 } ::-moz-selection { background-color: rgba(48,114,246,.2); color: #333 } ::-webkit-selection { background-color: rgba(48,114,246,.2); color: #333 } .dy { position: relative; top: 5px; display: inline-block; margin-right: 2px } .dy.no_f { top: 0 } .dy.up_f { top: -4px } .dy .dy_tag { max-width: 52px !important; text-overflow: ellipsis; overflow: hidden; height: 17px; line-height: 17px; text-align: center; border-radius: 2px; color: #9399a5 !important; background-color: #eff0f2; font-size: 11px; display: inline-block; margin-left: 4px !important } .dy .dy_tag.lj_tag { background-color: #c00; margin: 0 !important } .dy .dy_desc { display: none; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 157px; line-height: 16px; padding: 12px; box-sizing: border-box; font-size: 12px; color: #394043; position: absolute !important; top: 8px; left: 11px; z-index: 2; text-align: left; white-space: pre-wrap } .dy:hover .dy_desc { display: block } .dy .xiaowenhao { background-image: url('../img/xiaowenhao.png'); display: inline-block; margin-left: 4px; width: 16px; height: 16px; background-size: 100% 100%; margin-right: 4px; position: relative; top: -1px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .dy .xiaowenhao { background-image: url('../img/xiaowenhao@2x.png') } } .calc .bannerjsq { background-color: #394043; line-height: 38px; font-size: 12px } .banner { background-color: #394043; line-height: 43px; font-size: 14px } .banner .container { width: 1200px; 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 .childList { z-index: 9; 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 { content: ""; display: inline-block; width: 16px; height: 16px; background: url(../img/user_icon.png) no-repeat 50%/contain; background-image: url(../img/user_icon.png); margin-right: 6px; vertical-align: top; margin-top: 10px; } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .banner .container .banner-right .login i { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .banner .container .banner-right .login .pushNews { display: inline-block; vertical-align: 7px; background-image: url(../img/sprite.png); background-position: -465px -205px; width: 5px; height: 5px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .banner .container .banner-right .login .pushNews { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .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: url(../img/sprite.png); background-position: -495px -220px; 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: url(../img/sprite@2x.png); background-size: 606px 356px } } .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: url(../img/sprite.png); background-position: 0 -317px; width: 357px; height: 39px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .logo_dl { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .header .menu{ display: flex; justify-content: space-between; } .menu { width: 1200px; margin: 0 auto; overflow: hidden; } .menu .menuLeft { display: inline-block; float: left; margin-right: 15px; } .menu .menuLeft img{ width: 180px; } .menu .menuLeft .logo { width: 88px; height: 30px; background-image: url(../img/sprite_bak2.png); background-position: -375px -235px; background-size: auto; margin-right: 20px; display: block; } .search .input { display: inline-block; line-height: 45px; font-size: 14px; color: #394043; background-color: #fff; position: relative; } .header .search .input input::-webkit-input-placeholder { color: #d0d1d2; vertical-align: middle } .search .input .inputRightPart { position: absolute; right: 0; top: -1px; } .header .search .input .inputRightPart .searchButton i { display: inline-block; width: 14px; height: 14px; vertical-align: middle; background-image: url(../img/sprite-ershou.png); background-position: -417px -275px; } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .menu .menuLeft .logo { background-image: url(../img/sprite@2x.png); 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: #c00 } .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: url(../img/sprite.png); background-position: -399px -220px; 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: url(../img/sprite@2x.png); background-size: 606px 356px } } .menu .app a .layer-qrcode { position: absolute; left: -50px; top: 20px; width: 140px; padding: 28px; background-color: #fff; box-shadow: 0 0 6px 0 rgba(13, 4, 9, 0.2); line-height: 1; text-align: center; font-size: 12px; z-index: 1; display: none } .menu .app a .layer-qrcode .icon-qrcode { width: 124px; height: 124px; margin: 0 auto; display: block } .menu .app a .layer-qrcode .txt { margin-top: 22px; font-weight: bold; color: #394043; display: block } .menu .app a .layer-qrcode .sub-txt { margin-top: 8px; font-size: 12px; color: #999; display: block } .menu .app a:hover .layer-qrcode { display: block } form { margin: 0 } .header { background-color: #f5f5f6; line-height: 1; padding: 20px 0 20px } .header .search { margin: 0 auto; float: left; } .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: 640px; height: 45px; line-height: 5px; padding: 0 22px; border: 0; border-radius: 2px; font-size: 15px; } .header .search .input input:focus { outline: none } .header .search .input input::-ms-clear { display: none } .header .search .input .inputRightPart { position: absolute; right: 0; top: -13px; width: 38px; height: 37px; } .header .search .input .inputRightPart .save { text-align: right; display: none; cursor: pointer } .header .search .input .inputRightPart .save .downArrow { display: inline-block; background-image: url(../img/sprite.png); background-position: -502px -164px; 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: url(../img/sprite@2x.png); background-size: 606px 356px } } .header .search .input .inputRightPart .searchButton { position: absolute; width: 50px; height: 45px; line-height: 45px; text-align: center; top: 13px; right: 0; margin: 0; width: 78px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #c00; color: #ffffff; font-size: 15px; font-weight: 700; } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .header .search .input .inputRightPart .searchButton i { background-image: url(../img/sprite@2x.png); 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 .sug_region { width: 40px; height: 18px; line-height: 18px; text-align: center; background: #F5F5F5; border-radius: 2px; font-size: 12px; color: #A0A3A5; margin-right: 4px; display: inline-block } .header .search .input .searchMsg ul li a .sub-text { font-size: 12px; color: #9399a5; margin-left: 4px } .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 } .xiaoquListItem .img { float: left; width: 232px; height: 174px } .xiaoquListItem .img img { width: 100%; height: 100% } .xiaoquListItem .info { float: left; margin-left: 36px; 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: #c00 } .xiaoquListItem .info .houseInfo { margin-top: 19px } .xiaoquListItem .info .houseInfo .houseIcon { display: inline-block; background-image: url(../img/sprite.png); background-position: -441px -220px; width: 14px; height: 14px; margin-right: 15px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .xiaoquListItem .info .houseInfo .houseIcon { background-image: url(../img/sprite@2x.png); 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: url(../img/sprite.png); background-position: -552px -130px; width: 15px; height: 14px; margin-right: 10px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .xiaoquListItem .info .positionInfo .positionIcon { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .xiaoquListItem .info .positionInfo .gonglueIcon { display: inline-block; background-image: url(../img/sprite.png); background-position: -385px -238px; 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: url(../img/sprite@2x.png); background-size: 606px 356px } } .xiaoquListItem .info .agentInfo { font-family: PingFangSC-Regular; margin-top: 14px; height: 24px; line-height: 24px; font-size: 14px; color: #666666 } .xiaoquListItem .info .agentInfo .agentIcon { display: inline-block; margin-right: 10px; background-image: url(../img/sprite.png); background-position: -413px -220px; width: 14px; height: 17px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .xiaoquListItem .info .agentInfo .agentIcon { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .xiaoquListItem .info .agentInfo .agentName { margin-right: 22px; display: inline-block; height: 24px; vertical-align: top; color: #666666 } .xiaoquListItem .info .agentInfo .agent_chat { cursor: pointer; width: 76px; height: 22px; font-size: 12px; display: inline-block; border: 1px solid #00AE66; color: #00AE66; border-radius: 2px } .xiaoquListItem .info .agentInfo .agent_chat .chatIcon { display: inline-block; background-image: url(../img/sprite.png); background-position: -474px -185px; width: 18px; height: 18px; transform: scale(.75); margin-right: -3px; margin-left: 3px; position: relative; top: 1px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .xiaoquListItem .info .agentInfo .agent_chat .chatIcon { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .xiaoquListItem .info .agentInfo .agent_chat span { display: inline-block; height: 22px; vertical-align: top; line-height: 22px } .xiaoquListItem .info .tagList { margin-top: 14px } .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: 150px; margin-top: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right } .xiaoquListItemPrice .totalPrice { font-size: 14px; color: #db4c3f; 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 } .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); 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: #c00 } .m-filter .position dl:first-child a.selected .arrow { background-image: url(../img/sprite.png); background-position: -474px -164px; 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: url(../img/sprite@2x.png); background-size: 606px 356px } } .m-filter .position dl:first-child a .arrow { display: inline-block; margin-left: 9px; vertical-align: 2px; background-image: url(../img/sprite.png); background-position: -484px -164px; width: 10px; height: 5px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .m-filter .position dl:first-child a .arrow { background-image: url(../img/sprite@2x.png); 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: #c00 } .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: 130px; 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 { 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: url(../img/sprite.png); background-position: -483px -220px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .m-filter dd .checkbox { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .m-filter dd .checkbox.checked { background-image: url(../img/sprite.png); 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: url(../img/sprite@2x.png); 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: url(../img/sprite.png); background-position: -494px -164px; width: 8px; height: 4px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .m-filter .btn-more .arrow { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .m-filter .btn-more .upArrow { display: inline-block; vertical-align: 3px; margin-left: 7px; background-image: url(../img/sprite.png); background-position: -594px -160px; width: 8px; height: 4px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .m-filter .btn-more .upArrow { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .top_sem_card { display: none; position: fixed; top: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 0 0 #FAFAFA; box-sizing: border-box; z-index: 99 } .top_sem_card * { box-sizing: border-box } .top_sem_card .cardAgentIM { position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 5 } .top_sem_card .sem_container { width: 1150px; margin: 0 auto } .top_sem_card #agent_pic { display: inline-block; vertical-align: top } .top_sem_card .sem_agent_avatar { display: inline-block; width: 45px; height: 45px; border-radius: 50%; overflow: hidden; margin-right: 12px; position: relative; top: 13px } .top_sem_card .sem_agent_info { position: relative; display: inline-block; top: 18px } .top_sem_card .sem_agent_name { font-weight: 700; display: inline-block; font-size: 18px; color: #333333 } .top_sem_card .sem_agent_desc { margin-top: 5px; font-size: 12px; color: #999999 } .top_sem_card .sem_phone { font-weight: 700; display: inline-block; font-size: 22px; color: #D44D38; margin-left: 19px; line-height: 70px } .top_sem_card .sem_phone .sem_phone_label { font-family: HiraginoSansGB-W3; color: #333333 } .top_sem_card .sem_block { display: inline-block; float: right; font-weight: 700 } .top_sem_card .sem_block_name { font-size: 18px; color: #333333; line-height: 70px; margin-right: 15px } .top_sem_card .sem_block_price { font-size: 18px; line-height: 70px; color: #4A4E59 } .top_sem_card .agent_chat { top: 2px; position: relative; margin-left: 27px; display: inline-block; width: 102px; height: 34px; padding: 9px 12px 7px; background: #00AE66; border-radius: 2px; vertical-align: middle; cursor: pointer } .top_sem_card .agent_chat i { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(../img/chaticon.png); background-size: cover } .top_sem_card .agent_chat span { font-family: PingFangSC-Medium; font-size: 14px; color: #FFFFFF; letter-spacing: 0; vertical-align: middle } .top_sem_card .to_chat { position: absolute; left: 23px; font-size: 12px; color: #4285F4; top: 3px } .agentCardPush { line-height: 1; margin-top: 18px; font-family: PingFangSC-Medium; font-size: 16px; border: 1px solid #EEEEEE; letter-spacing: 0; *zoom: 1 } .agentCardPush:before, .agentCardPush:after { display: table; content: "" } .agentCardPush:after { clear: both } .agentCardPush a { cursor: pointer; color: #000000 } .agentCardPush a:focus { outline: none } .agentCardPush a:visited { color: #000000 } .agentCardPush .agentCardSemInfo { padding: 0 50px } .agentCardPush .agentCardSemInfo .agentCardSemInfoTop .agentCardSemInfoName { border-bottom: 1px solid #EAEAEA; position: relative } .agentCardPush .agentCardSemInfo .agentCardSemInfoTop .agentCardSemInfoName .agentCardResblockTitle { font-size: 30px; color: #000000; display: inline-block; margin-top: 30px; margin-bottom: 24.8px } .agentCardPush .agentCardSemInfo .agentCardSemInfoTop .agentCardSemInfoName .agentCardResblockSubTitle { opacity: .5; font-family: PingFangSC-Regular; font-size: 14px; color: #000000; display: inline-block } .agentCardPush .agentCardSemInfo .agentCardSemInfoTop .agentCardSemInfoName .agentCardResblockLink { color: #00AE66; position: absolute; right: 0; top: 35px } .agentCardPush .agentCardSemInfo .agentCardDetail .agentCardDetailItem { display: inline-block; width: 24%; padding: 30px 0 28px 0; color: #000000 } .agentCardPush .agentCardSemInfo .agentCardDetail .agentCardDetailItem .agentCardDetailTitle { opacity: .5; font-family: PingFangSC-Regular; padding-bottom: 10px; line-height: 22px } .agentCardPush .agentCardAgentInfo { background: #FAFAFA; padding-left: 50px; position: relative; height: 100px } .agentCardPush .agentCardAgentInfo .agentCardAgentImg { display: inline-block; width: 66px; height: 66px; border-radius: 50%; margin-top: 16px; margin-bottom: 17px; overflow: hidden; vertical-align: middle } .agentCardPush .agentCardAgentInfo .cardAgentInfo { display: inline-block; margin-left: 20px; vertical-align: middle } .agentCardPush .agentCardAgentInfo .cardAgentInfo .cardAgentNameContainer { font-size: 20px; color: #192440; margin-bottom: 3px; display: inline-block } .agentCardPush .agentCardAgentInfo .cardAgentInfo .cardAgentNameContainer .cardAgentName { display: inline-block; color: #000000; margin-right: 5px; margin-bottom: 7px } .agentCardPush .agentCardAgentInfo .cardAgentInfo .cardAgentNameContainer .ico-vip { position: relative; top: 1px } .agentCardPush .agentCardAgentInfo .cardAgentInfo .cardAgentPhone { font-size: 20px; color: #DA4436; margin-left: 20px } .agentCardPush .agentCardAgentInfo .cardAgentInfo .cardAgentDesc { font-size: 14px; color: #4A5164; opacity: .5 } .agentCardPush .agentCardAgentInfo .agent_chat { position: absolute; right: 40px; top: 29px; padding-top: 11px; height: 42px; width: 120px; padding-left: 15px } .agentCardPush .agentCardAgentInfo .agent_chat span { font-size: 16px } .agentCardPush .agentCardAgentInfo .agent_chat i { width: 18px; height: 18px } .clear:after { content: ""; display: block; clear: both } .content { margin: 0 auto; margin-top: 26px; line-height: 1; width: 1150px; overflow: visible } .content .leftContent { float: left; width: 910px } .content .leftContent .orderFilter .orderTag { border-bottom: 2px solid #c00; line-height: 0 } .content .leftContent .orderFilter .orderTag ul { display: inline-block; width: 90%; 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 a .downArrow { display: inline-block; margin-left: 5px; vertical-align: -1px; background-image: url(../img/sprite.png); background-position: -417px -253px; width: 8px; height: 14px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .leftContent .orderFilter .orderTag ul li a .downArrow { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .content .leftContent .orderFilter .orderTag ul li a .upArrow { display: inline-block; margin-left: 5px; vertical-align: -1px; background-image: url(../img/sprite.png); background-position: -393px -253px; width: 8px; height: 14px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .leftContent .orderFilter .orderTag ul li a .upArrow { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .content .leftContent .orderFilter .orderTag ul li.selected { background-color: #c00 } .content .leftContent .orderFilter .orderTag ul li.selected a { color: #fff } .content .leftContent .orderFilter .orderTag ul li.selected a .downArrow { background-image: url(../img/sprite.png); background-position: -385px -253px; 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: url(../img/sprite@2x.png); background-size: 606px 356px } } .content .leftContent .orderFilter .orderTag ul li.selected a .upArrow { background-image: url(../img/sprite.png); background-position: -401px -253px; 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: url(../img/sprite@2x.png); background-size: 606px 356px } } .content .leftContent .orderFilter .orderTag .orderType { width: 10%; text-align: right; display: inline-block; vertical-align: middle } .content .leftContent .orderFilter .orderTag .orderType .list { display: inline-block; cursor: pointer; background-image: url(../img/sprite.png); background-position: -578px -173px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .leftContent .orderFilter .orderTag .orderType .list { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .content .leftContent .orderFilter .orderTag .orderType .list.selected { background-image: url(../img/sprite.png); background-position: -494px -173px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .leftContent .orderFilter .orderTag .orderType .list.selected { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .content .leftContent .orderFilter .orderTag .orderType .img { display: inline-block; margin-left: 15px; cursor: pointer; background-image: url(../img/sprite.png); background-position: -482px -173px; width: 12px; height: 12px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .leftContent .orderFilter .orderTag .orderType .img { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .content .leftContent .orderFilter .orderTag .orderType .img.selected { background-image: url(../img/sprite.png); 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: url(../img/sprite@2x.png); 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: url(../img/sprite.png); background-position: -590px -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: url(../img/sprite@2x.png); 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: url(../img/sprite.png); background-position: -483px -220px; 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: url(../img/sprite@2x.png); 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: url(../img/sprite.png); background-position: -566px -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: url(../img/sprite@2x.png); 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 #lessResultWrap { display: none } .content .leftContent .resultDes { line-height: 55px } .content .leftContent .resultDes .total { font-weight: bold; font-size: 22px; color: #394043 } .content .leftContent .resultDes .total span { color: #c00; 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: url(../img/sprite.png); 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: url(../img/sprite@2x.png); 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: url(../img/sprite.png); background-position: -568px -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: url(../img/sprite@2x.png); 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: url(../img/sprite.png); background-position: -554px -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: url(../img/sprite@2x.png); background-size: 606px 356px } } .content .leftContent .bigImgList .item .follow .star.followed { background-image: url(../img/sprite.png); background-position: -540px -185px; width: 14px; height: 13px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .leftContent .bigImgList .item .follow .star.followed { background-image: url(../img/sprite@2x.png); 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: url(../img/sprite.png); background-position: -385px -185px; width: 18px; height: 35px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .leftContent .bigImgList .item .leftArrow span { background-image: url(../img/sprite@2x.png); 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: url(../img/sprite.png); background-position: -403px -185px; width: 18px; height: 35px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .leftContent .bigImgList .item .rightArrow span { background-image: url(../img/sprite@2x.png); 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: #c00 } .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-bottom: 30px; } .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 .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: 210px } .content .rightContent>div { padding: 35.5px 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: url(../img/sprite.png); 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: url(../img/sprite@2x.png); 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: #c00 } .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: #db4c3f; 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: url(../img/sprite.png); background-position: -451px -205px; width: 7px; height: 7px; margin: 0 2px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .rightContent .suggestHouse .pointContainer .point { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .content .rightContent .suggestHouse .pointContainer .point.selected { background-image: url(../img/sprite.png); background-position: -458px -205px; width: 7px; height: 7px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .content .rightContent .suggestHouse .pointContainer .point.selected { background-image: url(../img/sprite@2x.png); 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: url(../img/nearbyentry.jpg); background-size: cover; display: block; width: 181.5px; height: 180px; margin: 0 auto } .content .rightContent .nearby_bj .pic { background-image: url(../img/nearbyentry_bj.jpg) } .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 { color: #ccd0d1; margin-top: 8px } .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: #db4c3f } .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: inline-block; color: #394043; line-height: 16px; text-align: justify; margin-bottom: 10px } .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: url(../img/sprite-new.png); background-image: -webkit-image-set(url("../img/sprite-new.png") 1x, url("../img/sprite-new@2x.png") 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: url(../img/spritev2.png); background-image: -webkit-image-set(url("../img/spritev2.png") 1x, url("../img/spriteV2@2x.png") 2x); background-position: -85px -45px; width: 16px; height: 14px; position: relative; top: -2px } .content .rightContent .xuequAgent .tel { color: #db4c3f; 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 } .lz { border: 1px solid #eee; padding: 32px 40px } .lz .title { font-size: 24px; color: #222; font-weight: 700 } .lz .sub_title { font-size: 14px; color: #999; margin-top: 10px } .lz .cun { padding-top: 24px } .lz .cun span { border: 1px solid #EBEBEB; padding: 10px 20px; height: 26px; line-height: 26px; margin-right: 16px; display: inline-block } .lz .cun span.button { width: 124px; text-align: center; color: #fff; font-size: 16px; background: #01AD65; border: 0; margin-right: 0; cursor: pointer; font-weight: 700 } .lz .cun span.button.disable { background: #99DEC1 } .lz .cun span.phone { padding-right: 0 } .lz .cun span label { display: inline-block; width: 100px; text-align: center; border-left: 1px solid #E3E3E3 } .lz .cun span label.disable { color: #999 } .lz .cun span input { height: 26px; line-height: 26px; border: 0; width: 230px; font-size: 16px } .lz .cun span input::-webkit-input-placeholder { color: #ccc } .lz .cun span input::-moz-placeholder { color: #ccc } .lz .cun span input::-moz-placeholder { color: #ccc } .lz .cun span input::-ms-input-placeholder { color: #ccc } .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: url(../img/success.jpg) 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: url(../img/save-bg.png) 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: url(../img/error.jpg) no-repeat } .saveerror .fl { background: url(../img/save-bg.png) 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: #db4c3f; font-weight: 700 } .newHousePush .newHousePushContainer ul li .area { color: #b0b3b4; font-size: 12px; margin-top: 11px } .footer { margin-top: 0 } .agent_chat { top: 2px; position: relative; margin-top: 6px; display: inline-block; width: 102px; height: 34px; padding: 9px 12px 7px; box-sizing: border-box; background: #00AE66; border-radius: 2px; vertical-align: middle; cursor: pointer } .agent_chat i { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(../img/chaticon.png); background-size: cover } .agent_chat span { font-family: PingFangSC-Medium; font-size: 14px; color: #FFFFFF; letter-spacing: 0; vertical-align: middle } .listContentLine { border-bottom: 1px solid #f1f1f1 } .sellListContent { line-height: 1; font-size: 0; margin-bottom: 36px } .sellListContent li { position: relative; padding: 35px 0; border-bottom: 1px solid #f1f1f1 } .sellListContent li .img { position: relative; float: left; width: 232px; height: 174px } .sellListContent li img { display: block; width: 100%; height: 100%; border-radius: 4px; } .sellListContent li .img .vdo_vr{ position: absolute; bottom: 12px; left:12px; } .sellListContent li .img .video-p{ width: 22px; height:22px; margin-right: 5px; display: inline-block; } .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 { float: right; width: 670px; vertical-align: top; color: #616669; font-size: 14px; max-width: 670px } .sellListContent li .info .title { font-weight: bold; color: #394043; height: 22px; overflow: hidden; width: 500px } .sellListContent li .info .title:after { content: ""; display: block; clear: both } .sellListContent li .info .title a { float: left; max-width: 420px; text-decoration: none; font-size: 22px; color: #394043; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .sellListContent li .info .title a b { font-weight: 700; color: #db4c3f } /*.sellListContent li .info .title a:visited { color: #9c9fa1 }*/ .sellListContent li .info .title a:hover { color: #c00 } .sellListContent li .info .title .tagBlock { float: left; margin-left: 5px; padding: 0 5px; text-align: center; color: #fff; font-size: 12px; line-height: 21px; display: inline-block; height: 27px; vertical-align: top } .sellListContent li .info .title .tagBlock.goodhouse_tag { background-color: #D53C3C } .sellListContent li .info .title .tagBlock.new { background-color: #4285f4 } .sellListContent li .info .title .tagBlock.yezhushuo { background-color: #c00 } .sellListContent li .info .title .tagBlock.yishou { background-color: #999999 } .sellListContent li .info .title .tagBlock.reduse { background-color: #db4c3f; 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: 20px } .sellListContent li .info .address .houseInfo { width: 510px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; line-height: 1.5; } .sellListContent li .info .address .houseInfo a { color: #394043; margin-left: -6px } .sellListContent li .info .address .houseInfo a b { color: #db4c3f } .sellListContent li .info .address .houseInfo .houseIcon { background-image: url(../img/sprite.png); background-position: -441px -220px; 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: url(../img/sprite@2x.png); background-size: 606px 356px } } .sellListContent li .info .address .houseInfo a.no_resblock_a { cursor: default } .sellListContent li .info .address .houseInfo a.no_resblock_a:hover { text-decoration: none } .sellListContent li .info .flood { margin-top: 18px; line-height: 1.5; } .sellListContent li .info .flood .positionInfo { display: inline-block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .sellListContent li .info .flood .positionInfo a { color: #394043 } .sellListContent li .info .flood .positionInfo .positionIcon { background-image: url(../img/sprite.png); background-position: -398px -238px; width: 13px; height: 15px; display: inline-block; vertical-align: -2px; margin-right: 12px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .sellListContent li .info .flood .positionInfo .positionIcon { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .sellListContent li .info .followInfo { margin-top: 18px } .sellListContent li .info .followInfo .starIcon { background-image: url(../img/sprite.png); background-position: -552px -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: url(../img/sprite@2x.png); background-size: 606px 356px } } .sellListContent li .info .agentInfoList { font-family: PingFangSC-Regular; margin-top: 14px; height: 24px; line-height: 24px; font-size: 0; color: #666 } .sellListContent li .info .agentInfoList .agentIcon { display: inline-block; margin-right: 10px; background-image: url(../img/sprite.png); background-position: -540px -146px; width: 18px; height: 18px; vertical-align: middle } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .sellListContent li .info .agentInfoList .agentIcon { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .sellListContent li .info .agentInfoList .agent_name { margin-right: 22px; display: inline-block; height: 24px; color: #666; vertical-align: middle; font-size: 14px; top: 1px; position: relative } .sellListContent li .info .agentInfoList .agent_chat_btn { cursor: pointer; width: 76px; height: 22px; font-size: 12px; display: inline-block; border: 1px solid #00AE66; color: #00AE66; border-radius: 2px; vertical-align: middle } .sellListContent li .info .agentInfoList .agent_chat_btn .chatIcon { display: inline-block; background-image: url(../img/sprite.png); background-position: -474px -185px; width: 18px; height: 18px; transform: scale(.75); margin-left: 3px; position: relative; top: 1px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .sellListContent li .info .agentInfoList .agent_chat_btn .chatIcon { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .sellListContent li .info .agentInfoList .agent_chat_btn span { display: inline-block; height: 22px; vertical-align: top; line-height: 22px } .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; float: left } .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 .tag .vr { background: #E8EEFD; color: #638FF9 } .sellListContent li .info .tag span:first-child{ background: #E8EEFD; color: #638FF9 } .sellListContent li .info .tag span:nth-child(2){ background: #ffece8; color: #FF8062; } .sellListContent li .info .tag span:nth-child(3){ background: #e1f5ed; color: #33BE85; } .sellListContent li .info .tag span:nth-child(4){ background: #E8EEFD; color: #638FF9 } .sellListContent li .info .tag span:nth-child(5){ background: #ffece8; color: #FF8062; } .sellListContent li .info .tag .good { width: 70px; padding: 0 } .sellListContent li .info .tag .good img { width: 100% } .sellListContent li .info .priceInfo { position: absolute; right: 0; top: 30% } .sellListContent li .info .priceInfo .totalPrice { margin-right: 20px; font-size: 14px; color: #db4c3f } .sellListContent li .info .priceInfo .totalPrice span { font-weight: bold; font-size: 26px; font-family: 'tahoma'; margin-right: 5px } .sellListContent li .info .priceInfo .unitPrice { text-align: right; margin-top: 18px; width: 130px; font-size: 12px; color: #394043; position: relative } .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 } .sellListContent li.list_guide .list_guide_bg { height: 174px; background-size: 100% auto; background-position: center; background-repeat: no-repeat; position: relative; display: block } .sellListContent li.list_guide .list_guide_bg .list_guide_cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6) } .sellListContent li.list_guide .list_guide_bg .list_guide_title { position: absolute; top: 50px; left: 0; width: 100%; text-align: center; line-height: 20px; font-size: 20px; color: #fff } .sellListContent li.list_guide .list_guide_bg .list_guide_title .big { font-size: 31px; line-height: 31px; margin-bottom: 20px; font-weight: bold } .listButtonContainer { *zoom: 1; display: none; position: absolute; top: 33px; 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: 50px } .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: url(../img/sprite.png); background-position: -451px -146px; width: 23px; height: 23px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .compareFlyIcon { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .focus_tag { position: absolute; width: 68px; height: 28px; background-image: url(../img/focus_tag.png); background-size: 100%; top: 6px; left: -4px } .hot_tag { position: absolute; width: 68px; height: 27px; background-image: url(../img/hot_tag.png); background-size: 100%; top: 6px; left: -3px } .sellListContent li .vr_item { width: 45px; height: 45px; position: absolute; left: 8px; bottom: 8px } .sellListContent .video_tag { width: 44px; height: 44px; position: absolute; top: 65px; left: 94px } .agent_tag { position: absolute; width: 222px; height: 34px; background: rgba(255, 255, 255, 0.8); bottom: 35px; padding: 0 5px } .agent_tag .new-talk { width: 50px; height: 20px; box-sizing: border-box; text-align: center; color: #4285f4; border-radius: 2px; font-size: 12px; line-height: 18px; background: none; text-decoration: none; border: 1px solid #4285f4; background: #fff; margin-top: 7px !important; float: right } .agent_tag .new-talk .im-icon { display: inline-block; background-image: url(../img/sprite.png); background-position: -469px -173px; width: 13px; height: 12px; vertical-align: -1px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .agent_tag .new-talk .im-icon { background-image: url(../img/sprite@2x.png); background-size: 606px 356px } } .agent_tag .new-talk:hover { background-color: #f5f8fd } .agent_tag img { width: 36px !important; height: 36px !important; border-radius: 50%; margin-top: -9px; display: inline-block !important } .agent_tag .text { color: #394043; font-weight: 700; font-size: 12px; line-height: 34px; margin-left: 6px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .focus_tag { background-image: url(../img/focus_tag@2x.png) } } .pagination_group_a { display: none } .list-baike .btn-more { color: #666; float: right; font-size: 14px } .list-baike .bd .item { position: relative; padding-top: 20px } .list-baike .bd .item.active .sub-tit { height: auto; margin-top: 10px } .list-baike .bd .item.active .arrow { top: 24px; border-color: transparent; border-bottom-color: #9c9fa1 } .list-baike .bd .tit { color: #394043; display: inline-block; width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .list-baike .bd .sub-tit { overflow: hidden; font-size: 12px; color: #999; line-height: 18px; height: 0 } .list-baike .bd .arrow { position: absolute; top: 24px; right: 0; width: 0; height: 0; border: 4px solid transparent; border-top-color: #d7d9d9 } .list_app_daoliu .daoliu_bg { height: 140px; border: 1px solid #f5f5f5; position: relative; background-image: url(../img/bitmap.png); background-size: 100% 100%; background-repeat: no-repeat } .list_app_daoliu .daoliu_bg .daoliu_close { color: #394043; position: absolute; right: 20px; top: 20px; font-size: 24px; cursor: pointer; font-weight: lighter } .list_app_daoliu .daoliu_bg .daoliu_close_good_house { width: 20px; height: 20px; right: 16px; top: 16px } .list_app_daoliu .daoliu_bg .ewm_frame { height: 80px; width: 80px; float: left; margin: 30px; margin-left: 72px } .list_app_daoliu .daoliu_bg .ewm_frame img { width: 100%; height: 100% } .list_app_daoliu .daoliu_bg .list_app_daoliu_content { margin-left: 130px; margin-top: 45px } .list_app_daoliu .daoliu_bg .list_app_daoliu_content p { font-size: 16px; color: #595959; margin-bottom: 12px } .list_app_daoliu .daoliu_bg .list_app_daoliu_content p.big { font-size: 24px; font-weight: bold } .list_goodhouse_daoliu img { display: block } .list_goodhouse_daoliu .daoliu_close { position: absolute; right: 0; top: 35px; cursor: pointer; width: 30px; height: 30px } .dialog { position: fixed; top: 0; right: 0; left: 0; bottom: 0; display: -webkit-box; display: flex; display: -moz-box; display: -ms-flexbox; -webkit-box-align: center; -webkit-align-items: center; background: rgba(0, 0, 0, 0.5); z-index: 99 } .dialog .content { margin: 0 auto; padding: 16px; border-radius: 5px; text-align: center } .dialog .content.verifyCode { background-color: #fff; padding: 30px; width: 235px } .dialog .content.verifyCode .title { color: #030303; font-size: 20px; height: 26px; line-height: 26px; font-weight: bold; margin-bottom: 30px } .dialog .content.verifyCode .input { height: 37px; margin-bottom: 30px } .dialog .content.verifyCode .input input { border: 1px solid #E4E6F0; background-color: #F8F8F9; padding: 8px 0 8px 10px; font-size: 20px; line-height: 26px; color: #101D37; width: 96px; vertical-align: middle; -webkit-appearance: none } .dialog .content.verifyCode .input img { width: 112px; height: 37px; margin-left: 8px; vertical-align: middle; display: inline-block; background-color: #F8F8F9; color: #ccc; text-align: center; line-height: 37px } .dialog .content.verifyCode .btns { overflow: hidden } .dialog .content.verifyCode .btns span { display: inline-block; width: 100%; text-align: center; border-radius: 5px; font-size: 16px; vertical-align: middle; font-weight: bold } .dialog .content.verifyCode .btns .ok { line-height: 45px; color: #fff; background: #01AD65; float: right } .List-aside-box { margin-bottom: 60px; margin-left: 7px; } .List-aside-hd { padding-bottom: 12px; border-bottom: 1px solid #eee; } .List-aside-box .List-aside-hd .List-aside-hd-title { font-size: 18px; font-weight: 700; color: #121212; padding: 0; background-color: #fff; height: auto; border: 0; line-height: unset; } .LpList-aside { padding: 8px 0; } .LpList-aside-block { display: block; padding: 8px 0; overflow: hidden; } .LpList-aside-img { position: relative; float: left; width: 100px; height: 75px; overflow: hidden; margin-right: 10px; } .LpList-aside-img img, .LpList-img img, .LpList-row-img img, .LpListRow-img img { display: block; width: 100%; height: 100%; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border-radius: 4px; } .LpList-aside-cont { min-height: 75px; overflow: hidden; } .ellipsis, .ellipsisLineTwo { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ellipsis { max-width: 100%; white-space: nowrap; } .LpList-aside-name { line-height: 1.35; font-size: 15px; font-weight: 700; } .LpList-aside-type { padding-top: 6px; font-size: 14px; color: #666; text-align: left; } .LpList-aside-price { line-height: 1; font-size: 12px; text-align: left; color: #ef0000; } .LpList-aside-price strong { font-family: Verdana; padding-right: 2px; font-size: 16px; font-weight: normal; } .menu .main-right-wrapper{ float: left; } .menu .main-right-wrapper .on { color: #c00; } .menu .main-right-wrapper .main-nav-item { margin-top: 4px; font-size: 18px; font-weight: 700; line-height: 38px; } .banner-right .login-link em{ margin: 0 5px 0 5px; } .vz { background: url(../images/newgif.gif) repeat-x 0 -666px; } .newnavnr { width: 1200px; height: 50px; margin: 0 auto; background: url(../images/newgif.gif) repeat-x 0 -666px; } .newnavnr .s5, .newnavnr .s6, .newnavnr .s7 { position: relative; padding: 0 12px; height: 35px; text-align: center; float: left; padding-top: 12px; font-size: 14px; color: #fff; text-shadow: 0 0px 1px #fff; _width: 30px; } .newnavnr .s5 .s4Box, .newnavnr .s6 .s4Box, .newnavnr .s7 .s4Box { height: 35px; line-height: 1.9; overflow: hidden; } .newnavnr .s5 .s4Box a,.newnavnr .s6 .s4Box a ,.newnavnr .s7 .s4Box a{ color: #ffffff; } .newnavnr .s5.on,.newnavnr .s6.on,.newnavnr .s7.on{background:#b30000 url(../images/navjt.gif) no-repeat center bottom;box-shadow:inset 0 0 20px rgba(0,0,0,0.1);} .newnavnr .s5 .listBox, .newnavnr .s6 .listBox, .newnavnr .s7 .listBox { position: absolute; top: 50px; left: 0; z-index: 999; text-align: center; width: 140px; border: 1px solid #cccccc; display: none; background-color: #fff; border: 1px solid #b2b2b2; border-top: none; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b2b2b2')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b2b2b2'); -moz-box-shadow: 1px 1px 2px #b2b2b2; -webkit-box-shadow: 1px 1px 2px #b2b2b2; box-shadow: 1px 1px 2px #b2b2b2; } .mobile_weix{ position: relative; height: 35px; padding: 12px 12px 0 12px; font-size: 14px; color: #FFF; margin-right: 10px; } .mobile_weix .listBox{ position: absolute; top: 50px; left: 0; z-index: 999; text-align: center; width: 238px; height: 160px; padding: 0 8px; border: 1px solid #cccccc; display: none; background-color: #fff; border: 1px solid #b2b2b2; border-top: none; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b2b2b2')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b2b2b2'); -moz-box-shadow: 1px 1px 2px #b2b2b2; -webkit-box-shadow: 1px 1px 2px #b2b2b2; box-shadow: 1px 1px 2px #b2b2b2; } .mobile_weix:hover{ background: #b30000 url(../images/navjt.gif) no-repeat center bottom; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1); } .mobile_weix:hover .listBox{ display: block; } .newnavnr .s7 .listBox.mob { width: 228px; height: 160px; padding: 0 8px; } .mobilel.pama { padding-right: 9px; border-right: 1px dashed #ddd; margin-right: 10px; } .mobilel { float: left; width: 109px; height: 150px; margin: 5px 0; } .mobilel .title { height: 40px; line-height: 20px; text-align: center; font-size: 12px; color: #333; margin-bottom: 5px; } .qrcode { background: url(../images/qrcodel1.jpg) no-repeat; position: relative; height: 180px; } .mobilel .qrcode { width: 98px; height: 98px; text-align: center; padding: 2px; margin: 0 auto; background: #f1f1f1; color: #c00; border: 1px solid #dadada; } .login-panel a{ color: #ffffff; } #footer { clear: both; background: url(../images/footer-bg.jpg) no-repeat center bottom #333; padding: 40px 0 50px; color: #999; font: 14px/2 tahoma,arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,sans-serif; } .footer-friendlink-con { font-size: 13px; text-align: center; } .footer-friendlink-con a { display: inline-block; color: #999; margin-bottom: 10px; } .footer-friendlink-con span { margin: 0 11px; } .clearit { clear: both; _width: 0px; _height: 0px; overflow: hidden; } .copyright { text-align: center; line-height: 200%; } .copyright a { color: #999; } .navlogo{ width: 200px; float: left; margin-right: 15px; margin-top: 7px; } .bb_navBox { width: 48px; position: fixed; right: 50px; /* margin: -225px 0 0 620px; */ bottom: 14%; z-index: 200; } .bb_navList { background-color: #fff; border-radius: 4px; box-shadow: 0 0 6px rgba(0,0,0,.2); border-style: solid; border-width: 4px 1px 1px; border-color: #f1324c #ebebeb #ebebeb; border-left: 0 rgba(0,0,0,.2); border-right: 0 rgba(0,0,0,.2); border-bottom: 0 rgba(0,0,0,.2); } .bb_navList>li { text-align: center; padding-top: 13px; position: relative; } .bb_navList>li i { width: 20px; height: 19px; display: inline-block; } .bb_navList>li:hover i { background-position: -30px 0 } .bb_navList>li:hover .txt { color: #f23650 } .bb_navList>li.li03 i { width: 19px; background-position: 0 -60px; } .bb_navList>li.li03:hover i { background-position: -30px -60px } .bb_navList>li>a { display: inline-block; padding-bottom: 9px; } .bb_navList>li .ztt_codeLy { background: url(../images/z_telBg.png) no-repeat; } .bb_navList>li .ztt_codeLy { position: absolute; left: -196px; top: -158px; width: 194px; height: 206px; text-align: center; z-index: 100; display: none; } .bb_navList>li .ztt_codeLy img { width: 140px; height: 140px; vertical-align: top; display: inline-block; margin-top: 25px; } .bb_navList>li .ztt_codeLy .info { font-size: 14px; color: #f2304a; margin-top: 5px; } .bb_navBox .z_goTop i, .bb_navList>li i, .bb_navList>li .ztt_codeLy .info i, .bb_navList .z_share_ly li a i, .bb_navList .z_share_ly .arrow, .tyy_erwei>em, .tyy_erwei .p1 .s { background: url(../images/z_tools_new.png) no-repeat 0 0; } .bb_navList>li .ztt_codeLy .info i { display: inline-block; margin: 4px 8px 0 0; background-position: -9px -310px; width: 13px; height: 13px; vertical-align: top; } .bb_navList>li:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -12px; display: block; width: 24px; height: 1px; background-color: #edeef2; } .bb_navList>li:first-child:before { display: none } .bb_navList>li.li04 i { height: 20px; background-position: 0 -90px; } .bb_navList>li.li04:hover i { background-position: -30px -90px } .bb_navList>li p { font-size: 12px; line-height: 18px; color: #485a75; } .bb_navList>li.li05 i { height: 23px; background-position: 0 -120px; } .bb_navList>li.li05:hover i { background-position: -30px -120px } .bb_navBox .z_goTop { margin-top: 18px; width: 48px; height: 31px; box-shadow: 0 0 6px rgba(0,0,0,.2); border: 1px solid #ebebeb; border: 0 rgba(0,0,0,.2); display: block; border-radius: 4px; text-align: center; padding: 9px 0 0; background-color: #fff; } .bb_navBox .z_goTop i { display: inline-block; width: 22px; height: 24px; background-position: 0 -190px; line-height: 100px; overflow: hidden; } .bb_navBox .z_goTop:hover i { background-position: -30px -190px } .bb_navList .li03:hover .tyy_erwei,.bb_navList .li03:hover .ztt_codeLy,.bb_navList .li02:hover .ztt_codeLy,.bb_navList .li06:hover .ztt_codeLy { display: block }