﻿@charset "utf-8";

body { line-height: 1.5; margin: 0 auto; }
* { padding: 0; margin: 0; }
body, blockquote, dd, dl, figure, form, p, pre, h1, h2, h3, h4, h5, h6 { margin: 0; }

menu, ul, ol { list-style: none; margin: 0; padding: 0; }

body {
    line-height: 1.5;
    font-size: 14px;
    color: #000000;
}

body, h1, h2, h3, h4, h5, h6, input, button, select, textarea { font-size: 14px; font-weight: normal; }

body, input, button, select, optgroup, option, textarea, pre { font-family: "Microsoft YaHei", Arial,Roboto,"Droid Sans","Hiragino Sans GB","Simsun",STXihei,"sans-serif"; }

iframe { vertical-align: top; }

a {
    text-decoration: none;
    color: #000000;
}

    a:hover { text-decoration: none; }

img { vertical-align: top; }

a img { border: 0 none; border-radius: 2px; }

i, em { font-style: normal; }

fieldset { margin: 0; padding: 0; }

legend { color: windowtext; }

button, input.ie6 { overflow: visible; padding: 0; /* padding:.1em .25em; */ cursor: pointer; }

input[type="button"], input[type="submit"], input[type="reset"] { overflow: visible; cursor: pointer; }

input, select, option, textarea { outline: none; -webkit-outline: none; -ms-outline: none; -moz-outline: none; -o-outline: none; }

    input:focus, select:focus, option:focus, textarea:focus { outline: none; -webkit-outline: none; -ms-outline: none; -moz-outline: none; -o-outline: none; }

select { border: 1px inset; }

textarea { overflow: auto; vertical-align: text-bottom; *vertical-align: auto; border: 1px solid; resize: vertical; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, caption { padding: 0; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bfbfbf; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #bfbfbf; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #bfbfbf; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bfbfbf; }

.clearfix:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; font-size: 0; }

.clearfix { *+height:1%; }

.w1200 { width: 1200px; margin: 0 auto; }

.mod890 { float: left; width: 890px !important; }

.mod880 { float: left; width: 900px !important; }

.mod760 { float: left; width: 760px !important; }

.mod770 { float: left; width: 770px !important; }

.mod390 { float: right; width: 390px !important; }

.mod380 { float: right; width: 380px !important; }
/*.mod276{float: right; width: 276px;}*/
.mod270 { float: right; width: 270px !important; }

.mod260 { float: right; width: 260px !important; }

.mtop40 { margin-top: 40px; }
.mtop24 {
    margin-top: 24px;
}

/*悬浮侧边栏*/
.fix-siderbox {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 56px;
    z-index: 999;
}

.fix-sider { padding-top: 109px;}

    .fix-sider.fix-sider-bottom { position: absolute; bottom: 0; right: 0; padding-top: 0; }

    .fix-sider li { position: relative; margin-top: 2px; }

    .fix-sider .icon {
        position: relative;
        display: block;
        width: 46px;
        height: 42px;
        border-radius: 5px;
        cursor: pointer;
    }

.icon.ifs-calculator { background: #7a6e6e url(/content/images/fix_ico.png) center 0 no-repeat; }

.icon.ifs-collect { background: #7a6e6e url(/content/images/fix_ico.png) center -33px no-repeat; }

.icon.ifs-consult { background: #7a6e6e url(/content/images/fix_ico.png) center -69px no-repeat; }

.icon.ifs-scan { background: #7a6e6e url(/content/images/fix_ico.png) center -105px no-repeat; }

.icon.ifs-return { background: #7a6e6e url(/content/images/fix_ico.png) center -144px no-repeat; width: 40px; height: 40px; }

.icon.ifs-contrast {
    background: #7a6e6e url(/content/images/fix_ico.png) center -176px no-repeat;
}

.fix-sider li:hover .icon { background-color: #f73b3c; }

.subsider .item {
    display: block;
    min-width: 80px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #f73b3c;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 20px;
    border-radius: 5px;
}

.fix-sider .subsider { position: absolute; top: 0; right: 62px; display: none; }

.sider-hotline { width: 200px; font-size: 24px; }

.sider-wx, .sider-phone { width: 160px; background: #fff; text-align: center; padding: 8px 0; webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); }

.sider-wx-qr, .sider-phone-qr { width: 120px; height: 120px; margin: 0 auto; border: 5px solid #fff; text-align: center; }

    .sider-wx-qr img, .sider-phone-qr img { width: 120px; height: 120px; }

.sider-wx p, .sider-phone p { /* margin-top: 8px; */ height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sider-qq { position: relative; width: 130px; padding-right: 70px; font-size: 24px; line-height: 28px; }

    .sider-qq .qq-consult { position: absolute; top: 0; right: 0; display: block; width: 62px; height: 28px; line-height: 28px; border-radius: 14px; cursor: pointer; background: #ff5000; color: #fff; font-size: 14px; }

.contrast-number {
    position: absolute;
    top: -2px;
    left: -1px;
    right: 8px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #c7c7c7;
    color: #7a6e6e;
}

.fix-sider li:hover .contrast-number { color: #f73b3c; }

.sider-contrast {
    width: 308px;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgb(202 198 198 / 50%);
    -ms-box-shadow: 0 0 10px 1px rgba(202,198,198,.5);
    -moz-box-shadow: 0 0 10px 1px rgba(202,198,198,.5);
    -o-box-shadow: 0 0 10px 1px rgba(202,198,198,.5);
    box-shadow: 0 0 12px 1px rgb(202 198 198 / 50%);
}

.sc-head { padding: 12px 0 12px 20px; border-bottom: 1px solid #e8e8e8; }

    .sc-head h2 { height: 16px; line-height: 16px; border-left: 3px solid #f73b3c; padding-left: 5px; font-size: 14px; font-weight: 600; }

    .sc-head .subtitle { font-weight: 400; color: #9c9fa1; font-size: 12px; margin-left: 10px; }

.sc-body { padding: 15px 20px 20px; }

.sc-null { text-align: center; margin-top: 5px; }

.sc-main p { position: relative; line-height: 26px; min-height: 26px; _height: 26px; margin-top: 8px; }

    .sc-main p:hover { background: #f8f8f9; }

    .sc-main p * { vertical-align: middle; }

    .sc-main p a { display: inline-block; max-width: 240px; height: 26px; line-height: 26px; }

        .sc-main p a:hover { color: #f73b3c; }

.sc-main .del { position: absolute; top: 3px; right: 0; display: block; width: 20px; height: 20px; background: url(/content/images/fix_ico.png) 0 -216px no-repeat; cursor: pointer; }

.sc-btnbox { margin-top: 20px; }

    .sc-btnbox a { display: block; width: 116px; height: 38px; line-height: 38px; text-align: center; border-radius: 2px; cursor: pointer; }

        .sc-btnbox a:hover { text-decoration: underline; }

        .sc-btnbox a.clear-btn { float: left; border: 1px solid #e8e8e8; color: #9c9fa1; }

        .sc-btnbox a.link-btn { float: right; border: 1px solid #f73b3c; background: #f73b3c; color: #fff; }

/*底部 footerbox*/
.footerbox { min-width: 1200px; _width: 1200px; margin: 0 auto; background: #394043; color: #ccc; font-size: 12px; margin-top: 70px; }

    /*.app-downloadbox + .footerbox {
    margin-top: 0;
}*/

    .footerbox a { color: #ccc; }

        .footerbox a:hover { color: #fff; }

.subfooter1 { position: relative; min-height: 80px; _height: 80px; }

.footer-us { width: 924px; padding-top: 25px; font-size: 16px; }

    .footer-us li { float: left; height: 30px; line-height: 30px; padding-right: 20px; }

        .footer-us li a { color: #feffff; }

            .footer-us li a:hover { text-decoration: underline; }

.footer-service { position: absolute; top: 15px; right: 0; width: 186px; padding-left: 62px; color: #fefefe; background: url(/content/images/foot_ico_service.png) 12px center no-repeat; }

    .footer-service .tel { font-size: 24px; }

.subfooter2 { position: relative; min-height: 120px; _height: 120px; padding: 30px 0; border-top: 1px solid #4d575b; }

.footer-link { width: 924px; }

    .footer-link + .footer-link { margin-top: 20px; }

    .footer-link li { float: left; display: inline-block; height: 30px; line-height: 30px; padding-right: 20px; }


.footer-qr-code { position: absolute; top: 26px; right: 0; width: 248px; text-align: center; }

.footer-qr { height: 100px; height: 100px; margin: 0 auto 12px; }

    .footer-qr img { height: 100px; height: 100px; }

.subfooter3 { padding: 16px 0; border-top: 1px solid #4d575b; }

.copyright { margin-top: 15px; line-height: 28px; text-align: center; }

/*广告 advert*/
.advert1200 { width: 1200px; margin: 0 auto; }

    .advert1200 .advert { position: relative; display: block; width: 1200px; min-height: 58px; }

        .advert1200 .advert img { width: 1200px; min-height: 58px; }

.advert-hint { position: absolute; bottom: 6px; right: 6px; display: block; width: 35px; height: 20px; line-height: 20px; text-align: center; color: #fff; background: rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000,endcolorstr=#33000000); border-radius: 10px; font-size: 12px; z-index: 1; }

.adverth368 .advert { position: relative; display: block; width: 270px; min-height: 368px; }

    .adverth368 .advert img { width: 270px; min-height: 368px; }

.adverth207 .advert { position: relative; display: block; width: 270px; min-height: 207px; }

    .adverth207 .advert img { width: 270px; min-height: 207px; }

.adverth138 .advert { position: relative; display: block; width: 270px; min-height: 138px; }

    .adverth138 .advert img { width: 270px; min-height: 138px; }

.aside-advert { margin-bottom: 20px; }

    .aside-advert .advert { position: relative; display: block; width: 260px; height: 194px; }

        .aside-advert .advert img { width: 260px; height: 194px; }

.advertwh138 .advert { position: relative; display: block; width: 1200px; /*height: 138px;*/ }

    .advertwh138 .advert img { width: 1200px; height: 138px; }

.topbar-advertbox .advert1200 { margin: 5px auto; }

.contentbox .advert1200 { margin-top: 20px; }

.advert-villa { margin-top: 22px; }

.advert-zk-data { margin-top: 36px; }

.advert-renting { margin-top: 10px; }

.nhouse-advert { margin: 10px 0 35px; }

div { border-radius: 2px; }


/*对联广告*/
.advert_couplets .advert { z-index: 10001; position: fixed; top: 360px; }
    .advert_couplets .advert:nth-child(1) { left: 6px; }
    .advert_couplets .advert:nth-child(2) { right: 6px; }
    .advert_couplets .advert .advert-x { cursor: pointer; font-size: 14px; position: absolute; top: 3px; z-index: 2; border: 1px solid #fff; width: 14px; height: 14px; line-height: 12px; text-align: center; color: #fff; }
    .advert_couplets .advert:nth-child(1) .advert-x { left: 2px; }
    .advert_couplets .advert:nth-child(2) .advert-x { right: 2px; }
/*topbarbox   #0384d2*/
.topbarbox {
    position: relative;
    min-width: 1200px;
    _width: 1200px;
    margin: 0 auto;
    background-color: #f73b3c;
    box-shadow: 0 2px 5px rgb(0 0 0 /15%);
    /*background-color: #d60608;
    background-image: -webkit-linear-gradient(top, #d60608, #f73b3c);*/
    color: #fff;
    font-size: 12px;
    z-index: 20;
}

.index-topbarbox.topbarbox { background: #394043; }

.topbar-wrap {
    position: relative;
    height: 50px;
    line-height: 50px;
}

.index-topbarbox.topbarbox .topbar-wrap {
    height: 50px;
    line-height: 50px;
}

.topbar { }

    .topbar span { display: inline-block; }

    .topbar .tel {
        padding-left: 20px;
        margin-left: 50px;
        background: url(/content/images/ico_topbar.png) 0px 11px no-repeat;
    }

.topbar-other { position: absolute; top: 0; right: 0; color: #fff; }

.index-topbarbox .topbar-other { color: #ccc; }

.topbar-other li {
    position: relative;
    float: right;
    padding: 0 10px;
    border-right: 1px solid #ef6768;
}

.index-topbarbox .topbar-other li {
    border-right: 1px solid #5a5a5a;
}

.topbar-other li.last-child { border-right: none; }

.topbar-other li a { color: #fff; }

.index-topbarbox .topbar-other li a { color: #ccc; }

.topbar-other li:hover a { color: #fff; }

.topbar-other a.down { display: block; padding-right: 10px; background: url(/content/images/ico_topbar.png) right -169px no-repeat; }

/*.index-topbarbox .topbar-other a.down { background: url(/content/images/ico_topbar.png) right -60px no-repeat; }

.topbar-other li:hover a.down { background: url(/content/images/ico_topbar.png) right -80px no-repeat; }*/

.index-topbarbox .topbar-other li:hover a.down { background: url(/content/images/ico_topbar.png) right -53px no-repeat; }

.topbar-other .downbox { position: absolute; top: 40px; /*left: 0;*/ right: 0; background: #fff; -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); box-shadow: 0 0 7px 1px rgba(0,0,0,0.2); color: #9c9fa1; z-index: 21; display: none; }

.index-topbarbox .topbar-other .downbox { top: 47px; }

.downbox-public { width: 120px; padding: 5px 0 0; text-align: center; line-height: 26px; }

    .downbox-public .qr-code { width: 110px; height: 110px; margin: 0 auto; }

        .downbox-public .qr-code img { width: 110px; height: 110px; }

.downbox-logged { width: 130px; text-align: center; }

.down-logged + .down-logged { margin-top: 5px; border-top: 1px solid #e8e8e8; }

.down-logged p { height: 30px; line-height: 30px; padding: 0 10px; overflow: hidden; }

    .down-logged p:hover { background: #f8f8f9; }

    .down-logged p a { display: inline-block; max-width: 100%; height: 30px; line-height: 30px; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.topbar-other li:hover .down-logged a { color: #394043; }

.downbox-app { width: 150px; padding: 10px 10px 10px 120px; height: 100px; position: relative; }
.downbox-wxgzh { width: 193px; height: 150px; }
    .downbox-wxgzh .qr-code { text-align: center; }
        .downbox-wxgzh .qr-code img { width: 110px; height: 110px; margin: 0px auto; }
.wg1 { float: left; height: 100%; padding: 0 8px; }
.wg2 { float: left; height: 100%; background-color: #f7f7f7; width: 21px; padding: 0 8px; line-height: 19px; text-align: center; }
    .wg2 a { padding-top: 20px; color: red !important; display: block; }
.downbox-app .qr-code { position: absolute; top: 10px; left: 10px; width: 100px; height: 100px; }

    .downbox-app .qr-code img { width: 100px; height: 100px; }
.downbox-app.more h2 { height: 30px !important; line-height: 30px !important; }
.downbox-app.more p { line-height: 20px; }

.downbox-app h2 { height: 56px; line-height: 56px; font-size: 16px; font-weight: 600; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.topbar-nav { font-size: 14px; }

    .topbar-nav li.li { position: relative; float: left; padding: 0 8px; }

        .topbar-nav li.on, .topbar-nav li.li:hover { background: #b10304; }

    .topbar-nav a.item { display: inline-block; height: 40px; line-height: 40px; color: #fff; }

.topbar-menu { position: absolute; top: 59px; left: 50%; margin-left: -62px; width: 124px; padding: 8px 0; background: #fff; -webkit-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); box-shadow: 0 3px 7px 1px rgba(0,0,0,0.2); display: none; }

    .topbar-menu:after { position: absolute; top: -10px; left: 50%; margin-left: -7px; display: block; content: ""; width: 14px; height: 10px; background: url(/content/images/header_triangle.png) center no-repeat; }

    .topbar-menu li { padding: 0 10px; }

        .topbar-menu li a { display: block; height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

            .topbar-menu li a:hover { color: #f73b3c; }

/*headerbox*/
.headerbox {
    position: relative;
    min-width: 1200px;
    _width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    /*border-bottom: 1px solid #ededed;*/
    /* -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);*/
    -webkit-box-shadow: inset 0 -1px 0 0 rgb(61 61 61 / 15%);
    box-shadow: inset 0 -1px 0 0 rgb(61 61 61 / 15%);
    z-index: 10;
}

.index-headerbox.headerbox { -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.15); -ms-box-shadow: 0 3px 15px rgba(0,0,0,.15); -moz-box-shadow: 0 3px 15px rgba(0,0,0,.15); -o-box-shadow: 0 3px 15px rgba(0,0,0,.15); box-shadow: 0 3px 15px rgba(0,0,0,.15); }

.header-wrap { position: relative; height: 80px; }

.header-sign { padding-left: 158px; height: 80px; }

.header-logo { position: absolute; top: 0; left: 0; display: block; width: 148px; height: 80px; }

.header-address { position: relative; padding-top: 24px; width: 76px; }

    .header-address .current-city { position: relative; width: 74px; border: 1px solid #fff; text-align: center; z-index: 12; }

    .header-address:hover .current-city { border: 1px solid #e8e8e8; border-bottom: 1px solid #fff; }

    .header-address .current-city .city { display: inline-block; max-width: 64px; height: 36px; line-height: 36px; padding-right: 10px; background: url(/content/images/ico_topbar.png) right -117px no-repeat; }

    .header-address:hover .current-city .city { background: url(/content/images/ico_topbar.png) right -147px no-repeat; }

.header-citybox {
    position: absolute;
    box-shadow: 0 12px 20px 4px rgba(0,0,0,.1);
    top: 61px;
    left: 0;
    width: 344px;
    padding: 5px 20px 10px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px;
    z-index: 11;
    display: none;
}

    .header-citybox a { cursor: pointer; }

        .header-citybox a:hover { text-decoration: underline; }

.hcity-hot h2 { height: 36px; line-height: 36px; font-size: 14px; font-weight: 600; }

.hch-hot a { display: inline-block; height: 24px; line-height: 24px; color: #f73b3c; margin-right: 8px; }

    .hch-hot a:last-child { margin-right: 0; }

.hcity-all { border-top: 1px solid #e8e8e8; margin-top: 8px; padding-top: 10px; }

.hcity-letter { }

    .hcity-letter li { float: left; width: 33.33%; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

        .hcity-letter li.item2 { text-align: center; }

        .hcity-letter li.item3 { text-align: right; }

        .hcity-letter li.on { color: #f73b3c; }

.subhcname { }

    .subhcname dl { position: relative; line-height: 22px; min-height: 22px; _height: 22px; padding-left: 15px; margin-top: 10px; }

    .subhcname dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .subhcname dd a { display: inline-block; margin: 2px 5px; }

.hcity-more { border-top: 1px solid #e8e8e8; margin-top: 12px; padding-top: 10px; }

    .hcity-more a { color: #9c9fa1; }

.header-nav { position: absolute; top: 20px; right: 0; font-size: 16px; }

    .header-nav li.li { position: relative; float: right; padding: 0 15px; height: 60px; }

    .header-nav a.item { display: inline-block; height: 36px; line-height: 36px; border-bottom: 3px solid #fff; }
.header-new-house i.mi_yh {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 29px;
    height: 20px;
    background: url(/Content/images/yh_icon.png);
}
.header-new-Look {
 position:relative;
}
.header-new-Look i.mi_hot {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 20px;
    background: url(/Content/images/hot_icon.png);
}




.header-nav li.on a.item {
    color: #f73b3c;
    border-bottom: 3px solid #f73b3c;
}

    .header-nav a.item:hover, .header-nav li.li:hover a.item { color: #f73b3c; }

.header-menu { position: absolute; top: 59px; left: 50%; margin-left: -90px; width: 180px; background: #fff; border: 1px solid #e8e8e8; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); display: none; }

    .header-menu ul { padding: 8px 0; }

    .header-menu:after { position: absolute; top: -10px; left: 50%; margin-left: -7px; display: block; content: ""; width: 14px; height: 10px; background: url(/content/images/header_triangle.png) center no-repeat; }

    .header-menu.hsecond-menu:after { display: none; }

    .header-menu li {
        padding: 0;
        border-bottom: 1px solid #efefef;
        margin: 0 8px;
    }
        .header-menu li:last-child {
            border-bottom: 0;
        }

        .header-menu li a {
            display: block;
            height: 45px;
            line-height: 45px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
        }

            .header-menu li a:hover {
                color: #f73b3c;
                background-color: whitesmoke; font-weight:bold; border-radius:5px;
            }

.hsecond-menu { position: absolute; top: 59px; left: 50%; /*margin-left: -442px;*/ margin-left: -277px; /*改导航的话记得改我的值哟*/ width: 1200px; background: #fff; font-size: 14px; -webkit-box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; -ms-box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; -moz-box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; -o-box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; box-shadow: 0 3px 7px 1px rgba(0,0,0,0) !important; /*display: none;*/ z-index: 11; }
    /*.hsecond-menu:before{position: absolute; left: -1000px; right: -1000px; display: block; content: ""; height: 214px; background:#abc; z-index: -1;}*/
    .hsecond-menu .bgbox { position: absolute; height: 100%; +*height:208px; left: 0px; right: 0px; background: #fff; z-index: 21; /*border: 1px solid #e8e8e8;*/ -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); padding: 0px 0px 19px 0; }
    .hsecond-menu .hsmenu { position: relative; z-index: 22; }

.topbar-nav .header-menu { top: 48px !important; *+top: 48px !important; margin-left: -90px !important; }

.hsmenu { float: left; padding-top: 18px; }

    .hsmenu a { cursor: pointer; }

        .hsmenu a:hover { color: #f73b3c; }

.hsmenu1 { width: 152px; }

.hsmenu2 { width: 160px; }

.hsmenu3 { width: 582px; }

.hsmenu4 { float: right; width: 276px; }

.hsmenu .title { padding-bottom: 6px; }

    .hsmenu .title h2 { height: 24px; line-height: 24px; color: #000; font-size: 14px; }

    .hsmenu .title .line { border-bottom: 1px solid #000; display: inline-block; }

.hsmenu-link { width: 125px; }

    .hsmenu-link li { height: 28px; line-height: 28px; padding: 0; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .hsmenu-link li a { display: inherit; height: 28px; line-height: 28px; text-align: left; background-color: #f5f5f5; padding-left: 8px; }

.hsmenu-filter { }

    .hsmenu-filter dl { position: relative; min-height: 26px; _height: 26px; line-height: 26px; padding-left: 50px; margin-top: 10px; }

    .hsmenu-filter dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .hsmenu-filter dd a { display: inline-block; margin-right: 20px; }

        .hsmenu-filter dd a:last-child { margin-right: 0; }

.hsmenu-trend { margin-top: 10px; }

    .hsmenu-trend .trend { width: 276px; height: 140px; background: #fcf; }

.head-searchbox {
    position: absolute;
    left: 248px;
    top: 16px;
    padding: 0;
    width: 636px;
    height: 48px;
    background: #fff;
    /* border: 2px solid #e1e1e1; */
    /*border-radius: 48px;*/
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 1px 15px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 1px 15px 0 rgb(0 0 0 / 10%);
}

.hsearch-text {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding-left: 106px;
    border: none;
    background: none;
    border-radius: 48px;
}

.hsearch-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 118px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    color: #9d9d9d;
    border: none;
    /*border-radius: 48px;*/
    font-size: 16px;
}

    .hsearch-btn:hover {
        background: red;
        color: #fff;
    }

.headerbox .link-btn { position: absolute; top: 20px; right: 0; display: block; width: 100px; height: 40px; line-height: 40px; color: #f06667; background: #fce2e2; border-radius: 2px; font-size: 16px; text-align: center; }

    .headerbox .link-btn * { vertical-align: middle; }

    .headerbox .link-btn:hover { background: #fad6d6; }

    .headerbox .link-btn .i-map { display: inline-block; width: 15px; height: 20px; background: url(/content/images/icon.png) -300px -60px no-repeat; margin-right: 4px; }

.head-search-item {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 70px;
    height: 46px;
    z-index: 23;
    cursor: pointer;
}

.hsi-text {
    display: block;
    width: 42px;
    height: 48px;
    line-height: 48px;
    padding-right: 28px;
    padding-left: 10px;
    border: none;
    background: url(/content/images/hsi_text0.png) center right no-repeat;
    border-right: 1px solid #b8b8b859;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .hsi-text.on { background: url(/content/images/hsi_text1.png) center right no-repeat; }

.hsi-ul {
    position: absolute;
    width: 80px;
    height: 410px;
    border: 1px solid #f5f5f5;
    background: #fff;
    z-index: 23;
    text-align: center;
}

    .hsi-ul li {
        height: 39px;
        line-height: 39px;
        padding: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
    }

        .hsi-ul li.on, .hsi-ul li:hover {
            color: #f5f5f5;
            background: #f73b3c;
        }

.hsearch {
    position: relative;
    background-color: #fff;
    border-radius: 46px;
}
.h_s_all {
    position: relative;
    width: 100%;
    background-color: #fff;
    height: 458px;
    margin-top: 1px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    display: none;
    transition: all 100ms ease 100ms;
    overflow: auto;
}
.close_s {
    position: absolute;
    bottom: 0;
    height: 45px;
    line-height: 46px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #fff;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.div_close span {
    font-size: 14px;
    color: #a2a2a2;
}


.hsearch-tipsbox, .hsearch-resultbox {
    position: absolute;
    top: 39px;
    right: -10px;
    width: 398px;
    max-height: 300px;
    _height: 300px;
    background: #fff;
    font-size: 13px;
    border: 1px solid #e8e8e8;
    border-top: none;
    overflow: auto;
    z-index: 22;
    display: none;
}

.hsearch-result ul { }

.hsearch-result li, .hsearch-tipsbox li { padding: 3px 10px; }

    .hsearch-result li:hover, .hsearch-tipsbox li:hover { background: #f8f8f9; }

.hsearch-tipsbox h5 { padding: 0 10px; font-size: 14px; color: #f73b3c; height: 32px; line-height: 32px; }

.hsearch-tips li a { display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hsearch-tips .region { color: #9c9fa1; font-size: 12px; margin-left: 4px; }

.hsearch-result li a { position: relative; display: block; padding-right: 120px; }

.hsearch-result h6 { height: 30px; line-height: 30px; overflow: hidden; }

.hsearch-result .neme { display: inline-block; }

.hsearch-result .subname { color: #666; font-size: 12px; margin-left: 4px; }

.hsearch-result .address { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9c9fa1; }

.hsearch-result .state, .hsearch-result .price { position: absolute; right: 0; color: #9c9fa1; font-size: 12px; }

.hsearch-result .state { display: inline-block; line-height: 30px; top: 0; }

.hsearch-result .price { display: inline-block; line-height: 20px; bottom: 0; }

.hsearch-result .keyword { color: #f73b3c; }

/*positionbox*/
.positionbox { }

.position { width: 1200px; height: 30px; line-height: 30px; margin: 11px auto 0; color: #999; font-size: 12px; }

    .position a { color: #9c9fa1; }

        .position a:hover { color: #666; text-decoration: underline; }

    .position span.link { padding: 0 2px 0 3px; }

/*cartebox*/
.cartebox {
    background: #f3f3f3;
    border: 1px solid #e7e7e7;
    margin-top: 10px;
}
.fix-cartebox { position: fixed; top: 0; left: 0; right: 0; width: 1200px; margin: 0 auto; z-index: 21; background: #fcf }
.cartebox li { float: left; position: relative; border-right: 1px solid #f8f8f8; }
    .cartebox li a { display: block; width: 96px; height: 38px; line-height: 38px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
    .cartebox li.on {
        background: #f73b3c;
    }
    .cartebox li a i.mi_hot { position: absolute; top: -10px; right: -10px; width: 30px; height: 20px; background: url(/Content/images/hot_icon.png); }
    .cartebox li:first-child { border-left: none !important; }

    .cartebox li.on a {
        color: #ffffff;
        font-weight: bold;
    }
    .cartebox li a:hover {
        color: red;
        font-weight: bold;
    }
        .cartebox li.on a:hover {
            color: #ffffff !important;
            font-weight: bold;
        }
     

    .cartebox li .line { position: absolute; left: 0; right: 0; display: block; width: 100%; height: 2px; z-index: 1; display: none; }

        .cartebox li .line.up {
            top: -1px;
            background: #f73b3c;
        }

        .cartebox li .line.down {
            bottom: -2px;
            background: #ffb3b4;
        }

    .cartebox li.on .line { display: block; }

.time-menubox { position: relative; padding: 0 32px; /* margin-top: 40px;*/ }

    .time-menubox .prev, .time-menubox .next { position: absolute; top: 0; display: block; width: 30px; height: 30px; border: 1px solid #e8e8e8; cursor: pointer; z-index: 1; }

    .time-menubox .prev { left: 0; background: url(/content/images/icon.png) -210px -150px no-repeat; }

    .time-menubox .next { right: 0; background: url(/content/images/icon.png) -210px -180px no-repeat; }

        .time-menubox .prev:hover, .time-menubox .next:hover { background-color: #f8f8f9; }

.time-menu { height: 30px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 12px; text-align: center; color: #9c9fa1; overflow: hidden; }

    .time-menu li { float: left; width: 135px; height: 30px; line-height: 30px; border-left: 1px solid #e8e8e8; }

        .time-menu li a { color: #747575; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }

        .time-menu li.on a { background: #f73b3c; color: #fff; }

        .time-menu li a:hover { text-decoration: underline; }

.substreamer { width: 700px; }

.isearchbox { width: 480px; }

.str-title { padding: 10px 30px; color: #fff; }
/*.index-searchbox{padding: 0 30px;}*/

/* 提示弹窗 */
.pop-alertbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11111; }

.alert-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4C000000,endcolorstr=#4C000000); /* z-index: 10000;*/ }

.alertbox { position: fixed; top: 20%; left: 50%; margin-left: -260px; width: 520px; background: #fff; /*z-index: 10001;*/ }

.subalert { font-size: 16px; }

.alert-head { position: relative; height: 46px; line-height: 46px; padding: 0 56px 0 20px; border-bottom: 1px solid #f5f5f5; }

    .alert-head h2 { height: 46px; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; font-size: 16px; }

    .alert-head .close { position: absolute; top: 10px; right: 10px; display: block; width: 26px; height: 26px; background: url(/content/images/ico_popup.png) 0 0 no-repeat; cursor: pointer; }

        .alert-head .close:hover { background: #f8f8f9 url(/content/images/ico_popup.png) 0 0 no-repeat; }

.alert-body { padding: 34px 20px; border-bottom: 1px solid #f5f5f5; }

.alert-comment * { vertical-align: middle; }

.alert-comment .icon { display: inline-block; width: 24px; height: 24px; margin-right: 10px; }

    .alert-comment .icon.warning { background: url(/content/images/ico_popup.png) 0 -30px no-repeat; }

.alert-foot { padding: 20px 0; text-align: right; }

    .alert-foot a { cursor: pointer; }

    .alert-foot .btn { display: inline-block; min-width: 60px; height: 40px; line-height: 40px; padding: 0 10px; margin: 0 10px; border-radius: 2px; text-align: center; }

        .alert-foot .btn.redbg { color: #fff; background: #f73b3c; }

.success-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgb(0,0,0,0.3); z-index: 10000; }

.successbox { position: fixed; top: 22%; left: 50%; margin-left: -200px; width: 400px; background: #fff; z-index: 10001; }

.subsuccess { font-size: 16px; }

.success-body { padding: 15px 20px; border-bottom: 1px solid #f5f5f5; text-align: center; }

.success-comment .icon { display: block; width: 80px; height: 80px; margin: 15px auto; }

    .success-comment .icon.success { background: url(/content/images/ico_popup.png) -90px 0 no-repeat; }

.success-foot { padding: 20px 0; text-align: right; }

    .success-foot a { cursor: pointer; }

    .success-foot .btn { display: block; width: 200px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 2px; text-align: center; }

        .success-foot .btn.redbg { color: #fff; background: #f73b3c; }

/*右侧 侧边栏*/
/*侧边 380*/
.house-dynatown-wrap { }

.house-dynatown { color: #9c9fa1; height: 306px; overflow: hidden; }

    .house-dynatown li { position: relative; padding: 0 90px 6px; min-height: 76px; _height: 76px; margin-top: 20px; }

.asidebox .house-dynatown { padding: 0 0 10px !important; }

.house-dynatown .avatar { position: absolute; top: 0; left: 0; display: block; width: 76px; height: 76px; overflow: hidden; border-radius: 50%; }

    .house-dynatown .avatar img { width: 76px; height: 76px; }

.house-dynatown .tel { position: absolute; top: 50%; right: 0; margin-top: -15px; display: block; width: 74px; height: 28px; line-height: 28px; border-radius: 2px; border: 1px solid #f73b3c; color: #f73b3c; text-align: center; }

    .house-dynatown .tel:hover { background: #f73b3c; color: #fff; cursor: pointer; }

.hdynatown-info h2 { height: 30px; line-height: 30px; font-size: 18px; margin-bottom: 18px; }

    .hdynatown-info h2 * { vertical-align: middle; }

    .hdynatown-info h2 a.name { display: inline-block; }

        .hdynatown-info h2 a.name:hover { color: #f73b3c; }

    .hdynatown-info h2 a.online { display: inline-block; width: 70px; height: 20px; margin-left: 10px; background: url(/content/images/ico_online_consulting.png) center no-repeat; cursor: pointer; }

/*侧边 270*/
.asidebox {
    margin-bottom: 20px;
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 0 6px #f5f5f5;
    box-shadow: 0 0 6px #f5f5f5;
}

.aside-title { height: 18px; line-height: 18px; padding: 17px 10px; }

    .aside-title h2 { font-size: 18px; color: #000; }
    /*.aside-title a.line{display: inline-block; height: 18px; line-height: 18px; border-left: 4px solid #f73b3c; padding-left: 10px;}*/
    .aside-title a.line { position: relative; display: block; height: 18px; line-height: 18px; border-left: 4px solid #f73b3c; padding-left: 10px; }

        .aside-title a.line .more { position: absolute; top: 0; right: 0; font-size: 12px; color: #9c9fa1; }

    .aside-title a:hover .more { text-decoration: underline; }

.aside-hd { position: absolute; top: -44px; right: 10px; height: 20px; line-height: 20px; }

    .aside-hd * { vertical-align: middle; }

    .aside-hd a.prev, .aside-hd a.next { display: inline-block; width: 20px; height: 20px; cursor: pointer; }

    .aside-hd a.prev { background: url(/content/images/icon.png) -30px -240px no-repeat; }

    .aside-hd a.next { background: url(/content/images/icon.png) -30px -270px no-repeat; }

.pageState { margin: 0 6px; }

.aside-body {
    position: relative;
    padding: 0 15px 0 15px;
}

    .aside-body.aside-problembox { margin-top: 0; }

.aside-problem { }

    .aside-problem li { padding: 5px 0 5px 12px; border-bottom: 1px dashed #e8e8e8; background: url(/content/images/ico_list_style.png) left 3px no-repeat; }

        .aside-problem li:last-child { border-bottom: none; }

        .aside-problem li:hover { background: #f8f8f9 url(/content/images/ico_list_style.png) left 3px no-repeat; }

    .aside-problem h2 { line-height: 26px; max-height: 52px; overflow: hidden; font-size: 14px; }

        .aside-problem h2 a:hover { color: #f73b3c; }

.aproblem-foot { position: relative; color: #9c9fa1; font-size: 12px; line-height: 24px; }

    .aproblem-foot .number { position: absolute; top: 0; right: 0; }

.aside-quizbox { }

.aside-quiz { padding: 15px 15px 30px; text-align: center; }

    .aside-quiz h2 { font-size: 24px; color: #f73b3c; line-height: 44px; }

    .aside-quiz h6 { font-size: 14px; line-height: 24px; margin-top: 5px; }

.aquiz-btnbox { margin-top: 40px; }

    .aquiz-btnbox .link { display: block; width: 212px; height: 38px; line-height: 38px; border: 1px solid #f73b3c; border-radius: 2px; margin: 0 auto; color: #f73b3c; font-size: 16px; }

        .aquiz-btnbox .link:hover { background: #f73b3c; color: #fff; }

.aside-rankbox { }

.aside-rank { color: #9c9fa1; font-size: 12px; }

    .aside-rank li { margin-bottom: 10px; }

        .aside-rank li a { position: relative; padding-left: 25px; display: block; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .aside-rank li a * { vertical-align: middle; }

            .aside-rank li a:hover { background: #f8f8f9; }

    .aside-rank .number { position: absolute; top: 3px; left: 0; display: block; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #9c9fa1; background: #e8e8e8; border-radius: 2px; }

    .aside-rank li.li0 .number, .aside-rank li.li1 .number, .aside-rank li.li2 .number { color: #fff; background: #f73b3c; }

    .aside-rank span { float: left; display: block; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .aside-rank span.name { width: 150px; }

            .aside-rank span.name a { display: inline-block; max-width: 100%; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

                .aside-rank span.name a:hover { color: #f73b3c; }

        .aside-rank span.price { position: absolute; top: 0; right: 0; }

.aside-formbox { }

.aside-form-hint { font-size: 12px; line-height: 24px; }

.aside-intention { padding-bottom: 20px; font-size: 12px; }

.asinten-itembox .item { display: inline-block; margin-right: 28px; }

    .asinten-itembox .item:last-child { margin-right: 0 !important; }

.asinten-itembox li { float: left; min-height: 20px !important; margin: 0 8px 0 0 !important; padding: 0 !important; }

    .asinten-itembox li:last-child { margin-right: 0 !important; }

.asi-radio { display: none; }

.asi-label { display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; cursor: pointer; background: url(/content/images/ico_index.png) left -45px no-repeat; }

.asi-radio:checked + label.asi-label { background: url(/content/images/ico_index.png) left -75px no-repeat; }

.asinten-itembox li.on .asi-label { background: url(/content/images/ico_index.png) left -75px no-repeat; }

.aside-intention li { position: relative; min-height: 40px; _height: 40px; margin-top: 14px; }

.asinten-text { width: 226px; height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #e8e8e8; font-size: 12px; }

.asinten-text-short { width: 128px; height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #e8e8e8; font-size: 12px; }

.asinten-areabox { border: 1px solid #e8e8e8; padding: 0 10px; }

.asinten-area { width: 100%; height: 114px; line-height: 38px; resize: none; border: none; }

.asinten-auth-code { position: absolute; top: 0; right: 0; width: 86px; height: 38px; border: 1px solid #e8e8e8; font-size: 12px; }

.asinten-btnbox { margin-top: 18px; }

.asinten-btn { box-shadow: 0 5px 20px rgba(232, 0, 0, 0.18); display: block; width: 100%; height: 40px; line-height: 40px; background: #f73b3c; color: #fff; font-size: 16px; text-align: center; border-radius: 2px; border: none; }

.aside-intention .optionsbox { height: 38px; line-height: 38px; }

    .aside-intention .optionsbox h6 { height: 38px; line-height: 38px; }

    .aside-intention .optionsbox ul { top: 38px; }

        .aside-intention .optionsbox ul li { height: 38px; line-height: 38px; margin-top: 0; }
.aside-tourbox { height: 340px; overflow: hidden; }
.aside-tour { *+position:relative; height: 340px; overflow: auto; }
.aside-tourbox-1 { padding: 0; margin: -20px 0 0; }

.aside-tour li { padding: 15px 0 20px; border-bottom: 1px dashed #e8e8e8; }

    .aside-tour li.li0 { padding: 0 0 20px; }

.aside-tour h2 { line-height: 26px; max-height: 52px; font-size: 14px; overflow: hidden; }

    .aside-tour h2 a:hover { color: #f73b3c; }

.tour-body { font-size: 12px; margin-top: 10px; margin-left: 3px; border-left: 1px solid #e8e8e8; padding-left: 14px; padding-bottom: 10px; }

.tour-see { position: relative; height: 20px; line-height: 20px; color: #9c9fa1; }

    .tour-see .more { position: absolute; top: 0; right: 0; color: #f73b3c; }

    .tour-see .spot { position: absolute; top: 0; left: -20px; display: block; width: 12px; height: 20px; background: url(/content/images/ico_index_kft.png) center top no-repeat; }

.tour-body dl { position: relative; min-height: 76px; _height: 76px; padding-left: 110px; margin-top: 10px; }

.tour-body dt { position: absolute; top: 0; left: 0; }

.tour-body .img, .oct-body .img img { display: block; width: 100px; height: 76px; overflow: hidden; }

.tour-body h3 { height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; }

    .tour-body h3 a { display: inline-block; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tour-body p { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; }

.tour-body .price { color: #f73b3c; }

.tour-body .location { color: #9c9fa1; padding-left: 16px; background: url(/content/images/ico_index.png) left -245px no-repeat; }

.tour-foot { position: relative; height: 24px; line-height: 24px; color: #9c9fa1; font-size: 12px; margin-top: 10px; }

.aside-tour li.li0 .tour-foot { margin-top: 0; padding-left: 18px; background: url(/content/images/ico_index_kft.png) left -18px no-repeat; }

.tour-foot .number { }

.tour-foot .enroll { position: absolute; top: 0; right: 0; display: block; width: 62px; height: 22px; line-height: 22px; color: #f73b3c; border: 1px solid #f73b3c; border-radius: 2px; text-align: center; font-size: 12px; cursor: pointer; }

    .tour-foot .enroll:hover { background: #f73b3c; color: #fff; }

.aside-trend { height: 190px; margin-bottom: 10px; }

.aside-plate { padding-top: 8px; height: 384px; overflow: hidden; }

 .aside-plate li, .aestate-main { position: relative; min-height: 76px; _height: 76px; padding-left: 110px; margin-bottom: 20px; }

.aestate-main { margin-bottom: 10px; }

.aside-plate li:hover { background: #f8f8f9; }
.aside-plate li:active {
    background: rgba(51, 181, 229, 0.2);
    border-radius: 3px;
}

.aside-plate .img, .aestate-main .img { position: absolute; top: 0; left: 0; display: block; width: 100px; height: 76px; overflow: hidden; }

    .aside-plate .img img, .aestate-main .img img { width: 100px; height: 76px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

        .aside-plate .img img:hover, .aestate-main .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.aplate-info { font-size: 12px; }

    .aplate-info h2 { height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; }

        .aplate-info h2 a { display: inline-block; max-width: 100%; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .aplate-info h2 a:hover { color: #f73b3c; }

    .aplate-info .price, .aplate-info .number { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f73b3c; margin-top: 8px; }

    .aplate-info .location { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9c9fa1; margin-top: 8px; }

        .aplate-info .location * { vertical-align: middle; }

        .aplate-info .location .i-location { display: inline-block; width: 14px; height: 18px; background: url(/content/images/icon.png) 0 -122px no-repeat; margin-right: 4px; }

.aestate-other { font-size: 12px; }

    .aestate-other dl { position: relative; padding-left: 50px; line-height: 24px; margin-bottom: 5px; }

    .aestate-other dt { position: absolute; top: 0; left: 0; color: #9c9fa1; }

    .aestate-other dd { }

    .aestate-other .tel { color: #5680a6; }

.aestate-interfix { font-size: 12px; }

    .aestate-interfix li { margin-bottom: 6px; }

        .aestate-interfix li a { display: block; height: 26px; line-height: 26px; overflow: hidden; }

            .aestate-interfix li a:hover { background: #f8f8f9; }

            .aestate-interfix li a * { vertical-align: middle; }

    .aestate-interfix .name { display: inline-block; width: 90px; max-width: 90px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .aestate-interfix li a:hover .name { color: #f73b3c; }

    .aestate-interfix .region, .aestate-interfix .price { display: inline-block; width: 74px; max-width: 85px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

    .aestate-interfix .price { text-align: right; color: #9c9fa1; }

.aside-codebox { margin-top: 20px; border-top: 1px solid #e8e8e8; }

.aside-code { text-align: center; padding: 30px 0; font-size: 12px; }

    .aside-code h2 { height: 30px; line-height: 30px; font-size: 16px; }

    .aside-code .img { width: 90px; height: 90px; margin: 15px auto 2px; }

        .aside-code .img img { width: 90px; height: 90px; }

.ctour-groom { padding: 0 6px; }

    .ctour-groom li { margin-bottom: 15px; }

    .ctour-groom .img { display: block; width: 236px; height: 177px; overflow: hidden; }

        .ctour-groom .img img { width: 236px; height: 177px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

            .ctour-groom .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.ctgroom-info { position: relative; height: 52px; line-height: 26px; overflow: hidden; margin-top: 8px; }

    .ctgroom-info h2 { font-size: 14px; }

        .ctgroom-info h2 a { display: inline-block; max-height: 52px; _height: 52px; overflow: hidden; }

            .ctgroom-info h2 a:hover { color: #f73b3c; }

    .ctgroom-info .number { position: absolute; bottom: 0; right: 0; display: block; width: 90px; height: 26px; line-height: 26px; background: #fff; color: #9c9fa1; font-size: 12px; text-align: right; }

.aside-shopper { }

    .aside-shopper li { height: 26px; line-height: 26px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 13px; background: url(/content/images/ico_list_style.png) left 0 no-repeat; }

        .aside-shopper li:hover { background: #f8f8f9 url(/content/images/ico_list_style.png) left 0 no-repeat; }

        .aside-shopper li a { display: inline-block; max-width: 100%; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .aside-shopper li a:hover { color: #f73b3c; }

        .aside-shopper li .name { display: inline-block; height: 16px; line-height: 16px; color: #5680a6; padding-right: 6px; margin-right: 6px; border-right: 1px solid #5680a6; }

        .aside-shopper li.has-img { height: auto; background: none; padding-left: 0; }

            .aside-shopper li.has-img:hover { background: #f8f8f9; }

    .aside-shopper .imgbox a.img { display: block; height: auto; /*height: 118px;text-align: center;*/ }

        .aside-shopper .imgbox a.img img { max-width: 100%; }

.aside-body.aside-dynatownbox { margin-top: 0; }

.aside-dynatown { /*padding-bottom: 5px;*/ padding: 0 10px 5px; }

    .aside-dynatown table { width: 100%; text-align: center; }

        .aside-dynatown table thead { color: #9c9fa1; text-align: center; }

            .aside-dynatown table thead th { border-bottom: 1px solid #e8e8e8; height: 40px; line-height: 40px; font-weight: 400; }

        .aside-dynatown table tbody { padding: 5px 0; }

            .aside-dynatown table tbody tr:hover { background: #f8f8f9; }

            .aside-dynatown table tbody tr * { vertical-align: middle; }

            .aside-dynatown table tbody td { padding: 3px 0; line-height: 26px; }

    .aside-dynatown .name { display: inline-block; max-width: 110px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .aside-dynatown .name:hover { color: #f73b3c; }

    .aside-dynatown .price { color: #9c9fa1; }

    .aside-dynatown .number { color: #f73b3c; }

.aside-field { padding: 10px 0 30px; font-size: 12px; color: #9c9fa1; }

    .aside-field li { float: left; width: 50%; text-align: center; }

    .aside-field h3 { font-size: 18px; font-weight: 600; color: #000; height: 38px; line-height: 38px; margin-bottom: 5px; }

    .aside-field p { height: 26px; line-height: 26px; overflow: hidden; }

.aside-enlist { font-size: 12px; color: #6b7072; height: 216px; overflow: hidden; }

    .aside-enlist li { height: 26px; line-height: 26px; margin-bottom: 10px; overflow: hidden; }

        .aside-enlist li * { vertical-align: middle; }

        .aside-enlist li:hover { background: #f8f8f9; }

    .aside-enlist span.phone { display: inline-block; width: 40%; }

    .aside-enlist span.state { display: inline-block; width: 30%; text-align: center; }

    .aside-enlist span.time { display: inline-block; text-align: right; width: 25%; }

.aside-tel { text-align: center; font-size: 12px; color: #9c9fa1; font-style: italic; padding-bottom: 20px; }

    .aside-tel h3 { height: 46px; line-height: 46px; font-size: 30px; font-weight: 600; color: #f73b3c; /*letter-spacing: 4px*/ }

        .aside-tel h3 * { vertical-align: middle; }

    .aside-tel i.tel { display: inline-block; width: 30px; height: 30px; background: url(/content/images/icon.png) -240px -150px no-repeat; margin-right: 12px; }

    .aside-tel .time { padding-left: 36px; }

.no-databox { padding: 160px 0; }

.no-data { text-align: center; }



/**/

.house-head-layout { min-height: 90px; }
    .house-head-layout .tel-li { display: none; }
.h_top_menu { min-height: 46px; }

.fixed-layout .house-head-warp, .fixed-layout .house-body { position: fixed; top: 0; left: 0; width: 100%; height: 90px; z-index: 99999; }
/*.fixed-layout .house-body { transition: all 200ms; }*/
.fixed-layout .house-head-warp {
    background: #FFFFFF;
    border-bottom: 1px solid #e8e8e8;
  
    /*-webkit-box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6); 
                                 -ms-box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6); -moz-box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6);
                                 -o-box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6); box-shadow: 0 0px 10px rgba(204, 204, 204, 0.6); */
}
.fixed-layout .house-body { top: 50px; height: 46px; margin-top: 0; }
.fixed-layout .list-itembox, .fixed-layout .house-head { width: 1114px; margin: 0 auto; padding-left: 86px; }
/*transition: all 200ms;*/
.nav-fixed-layout .list-label {
    display: none;
}
.fixed-layout .list-item { border: 0; }
.fixed-layout .time { display: none; }
.fixed-layout .tel-li { display: block; }

.house-head-s400 { display: none; top: 35px; }
.fixed-layout .house-head-s400 {
    display: block;
    position: absolute;
    right: 0px;
    top: 46px;
    color: red;
    font-size: 14px;
    transition: all 200ms;
    font-weight: bold;
}

.fixed-layout .list-item-wrap, .fixed-layout .filter-box-center, .fixed-layout .list-itembox-center { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; -webkit-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); -ms-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); -moz-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); -o-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); box-shadow: 0 3px 15px rgba(93, 91, 91, 0.17); transition: all 200ms; }
.fixed-layout .list-item-wrap { background: #FFFFFF; }
.fixed-layout .filter-box-center { background: none; }
.fixed-layout.list-item-wrap-layout {
    margin-bottom: 18px;
}
.fixed-layout .filter-box-center .filter { padding-top: 0; margin-top: -1px; border-radius: 0; }
.fixed-layout .filter-box-center dl { display: none; }
.filter-box-center .filterbox { width: 1200px; margin: 0 auto; background: #FFFFFF; border-radius: 0; }

.fixed-layout #filterCondition { background-color: transparent; }
.fixed-layout .filterbox .filter { border: 1px solid #fff; }
.newhouse-listbox .fixed-layout .list-itembox { background: #FFFFFF; margin: 0 auto; width: 1158px; padding-left: 20px; padding-right: 20px; border-radius: 0; transition: none; border: 1px solid #DDDDDD; border-top: 0; }
    .newhouse-listbox .fixed-layout .list-itembox .arrowbox { right: 10px; }

.fixed-layout .last { width: 1200px; margin: 0 auto !important; padding: 0px !important; padding: 13px !important; border-top: 0px !important; transition: all 200ms; }
    .fixed-layout .last dt { float: left; }
.fixed-layout .filter dd { float: left; margin-left: 62px; }
#filterCondition_layout { background-color: #f8f8f9; background-image: -webkit-linear-gradient(top, #ffffff, #f7f6f6ba); }
.fixed-layout #filterCondition_layout { position: absolute; width: 100%; left: 0px; -webkit-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); -ms-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); -moz-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); -o-box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); box-shadow: 0 3px 15px rgba(93, 91, 91, 0.23); transition: all 200ms; }

.topbarbox_layout { width: 100%; height: 50px; }
    .topbarbox_layout .topbarbox { position: fixed; top: 0; width: 100%; left: 0; z-index: 11; transition: transform 10ms; }
.fixed-layout .topbarbox { z-index: 100000;  }
/*transform: translateY(-100%);*/
.fixed-layout.show-fixed .topbarbox {
    top: 0;
    transform: translateY(0);
}
.fixed-layout .topbar-wrap { height: 41px; line-height: 41px; }
/*.topbarbox_layout.show-fixed ~ .contentbox .list-item-wrap { transform: translateY(100%); transition: transform 250ms; }*/
.list-item-wrap-is-fixed .topbarbox { box-shadow: none; }

.downbox-map { width: 180px; padding: 10px; text-align: center; font-size: 13px; }
    .downbox-map h2 { height: 30px; line-height: 30px; font-size: 16px; font-weight: 600; color: #394043; }
    .downbox-map .go-download { display: block; height: 28px; line-height: 28px; color: #f73b3c; border-radius: 2px; border: 1px solid #f73b3c; color: #f73b3c !important; width: 130px; margin: 5px auto; }
        .downbox-map .go-download:hover { text-decoration: underline; }

.banner-switchbox li .advert-hint, .full_top .advert-hint, .posterbox .advert-hint { left: 6px; right: auto !important; }

.full_top { width: 100%; height: 460px; margin: 0 auto; overflow: hidden; display: none; text-align: center; position: relative; }
    .full_top .link { width: 100%; height: 460px; display: block; z-index: 10; }
    .full_top .up { display: block; width: 120px; height: 12px; background: url(/Content/images/arrow.jpg) no-repeat left bottom; position: absolute; left: 50%; bottom: 0; z-index: 20; margin-left: -60px; }
    .full_top .down { display: block; width: 120px; height: 12px; background: url(/Content/images/arrow.jpg) no-repeat left top; position: absolute; left: 50%; top: 57px; z-index: 20; margin-left: -60px; }

.error_page { height: 400px; background: url(/Content/images/error1.png) no-repeat center; background-size: cover; position: relative; text-align: center; }
    .error_page div { height: 40px; line-height: 40px; bottom: 150px; padding-top: 220px; padding-left: 200px; color: #525252; }
        .error_page div em { font-size: 22px; color: #f08300; padding: 5px; }
    .error_page a { height: 40px; line-height: 40px; padding-left: 30px; text-decoration: underline; position: absolute; bottom: 100px; background: url(/Content/images/return.png) no-repeat left center; }

.banner-switchbox .prev, .banner-switchbox .next { position: absolute; top: 220px; z-index: 2; display: block; width: 60px; height: 80px; background-color: #fcf }
.banner-switchbox .next { right: 50%; margin-right: -600px; background: url(/Content/images/banner_btn.png) center 0 no-repeat; }
    .banner-switchbox .next:hover { background: url(/Content/images/banner_btn.png) center -80px no-repeat; }
.banner-switchbox .prev { left: 50%; margin-left: -600px; background: url(/Content/images/banner_btn.png) center -160px no-repeat; }
    .banner-switchbox .prev:hover { background: url(/Content/images/banner_btn.png) center -240px no-repeat; }


/*global.css 新增0530*/
.index-topbarbox.topbarbox .topbar-other .vip-entry a.down {
    color: #debb82;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
}
.topbar-other .vip-entry a.down { color: #debb82; font-size: 16px; height: 40px; line-height: 40px; }

    .topbar-other .vip-entry a.down * { vertical-align: middle; }
.topbar-other .vip-entry .i-vip { display: inline-block; width: 20px; height: 16px; background: url(/Content/vip/images/ico_vip20.png) center top no-repeat; margin-right: 3px; }
.downbox.downbox-vip { background: transparent; padding-top: 2px; box-shadow: none; }
.member-entry { width: 218px; padding: 20px 15px; background: rgba(0,0,0,0.7); font-size: 16px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
.member-items { margin-top: 12px; }
    .member-items .item { float: left; display: block; width: 50%; height: 30px; line-height: 30px; color: #fff !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; }
        .member-items .item * { vertical-align: middle; }
        .member-items .item .icon { display: inline-block; width: 22px; height: 22px; margin-right: 3px; }
    .member-items .icon.i-home { background: url(/Content/vip/images/sy_01.png) center no-repeat; }
    .member-items .icon.i-service { background: url(/Content/vip/images/sy_02.png) center no-repeat; }
    .member-items .icon.i-diamond { background: url(/Content/vip/images/sy_03.png) center no-repeat; }
    .member-items .icon.i-bus { background: url(/Content/vip/images/sy_04.png) center no-repeat; }
.member-more { text-align: center; }
    .member-more .more { display: inline-block; color: #9c9fa1; }
        .member-more .more:hover { text-decoration: underline; }
.member-btn { margin-top: 20px; text-align: center; }
    .member-btn .btn { display: inline-block; width: 216px; height: 38px;cursor:pointer; line-height: 38px; border-radius: 19px; background: url(/Content/vip/images/btn_216.png) center no-repeat; color: #4a2e2e !important; }
.member-center { width: 175px; background: rgba(0,0,0,0.7); font-size: 16px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; font-size: 16px; padding-bottom: 20px; }
.member-links { text-align: center; }
    .member-links p { border-bottom: 1px solid #aaaaaa; }
    .member-links .item { color: #fff !important; display: block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-center .member-btn .btn { width: 140px; }

.buyvip-tips { position: relative; background: url(/Content/vip/images/buy_successbg.png) center top no-repeat; width: 440px; height: 474px; margin: 0 auto;margin-top:100px; }
    .buyvip-tips .close { position: absolute; top: 0; right: 0; cursor: pointer; width: 32px; height: 32px; background: url(/Content/vip/images/ico_close2.png) center no-repeat; }
.buy-tips { padding-top: 220px; width: 320px; margin: 0 auto; }
    .buy-tips .words { font-size: 18px; line-height: 30px; color: #b6985f; }
    .buy-tips .go { display: block; width: 302px; height: 50px; line-height: 50px; text-align: center; margin: 60px auto 0; color: #4a2e2e; font-size: 18px; font-weight: 600; background: url(/Content/vip/images/btn_300.png) center no-repeat; }

    /*户型添加*/
.house-huxing .img a{position: relative; cursor: pointer;}
.house-huxing .mask-vr{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 45px; height: 20px; background: url(/Content/images/icon_vrmask.png) center no-repeat;}

.huxing-particulars{width: 500px !important;}
.binfo-call{font-size: 20px !important;}
.huxing-bannerbox{position: relative; float: left; width: 648px; padding-bottom: 20px; border:1px solid #e8e8e8;}
.huxbannerbox { position: relative; height: 502px; overflow: hidden; text-align: center; background-color: #f7f5f5; }
    .huxbannerbox .img { max-width: 648px; max-height: 502px; object-fit: contain; }
    .huxbannerbox .txt { position: absolute; bottom: 0; left: 0; right: 0; height: 60px; line-height: 60px; padding: 0 5px; text-align: center;color: #fff; font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000); }
    
.huxbannerbox .vr-mask{position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;}
.huxbannerbox .vr-mask .vr{display: block; height: 66px; background: url(/Content/images/vr_mask.png) center no-repeat; }

.huxbanner-page{position: relative; height: 84px; margin-top: 20px;/* padding: 0 24px;*/}
.huxing-banner a.sPrev,.huxing-banner a.sNext{position: absolute; top: 10px; display: block; width: 22px; height: 50px; cursor: pointer; z-index: 1;}
.huxing-banner a.sPrev{left: 12px; background: url(/Content/images/huxingbtn_switch.png) 0 -50px no-repeat;}
.huxing-banner a.sPrev.prevStop{background: url(/Content/images/huxingbtn_switch.png) 0 0 no-repeat;}
.huxing-banner a.sNext{right: 12px; background: url(/Content/images/huxingbtn_switch.png) 0 -150px no-repeat;}
.huxing-banner a.sNext.nextStop{background: url(/Content/images/huxingbtn_switch.png) 0 -100px no-repeat;}
.hux-subbanner{width: 556px; height: 77px; margin: 0 auto; overflow: hidden;}
.hux-subbanner ul{margin-right: -20px; *zoom:1;}
.hux-subbanner li{position:relative; float: left; width: 98px; height: 75px; border:1px solid #e8e8e8; margin-right: 14px; _display:inline-block; *zoom:1; cursor: pointer;}
.hux-subbanner .img{width: 98px; height: 75px;}
    .hux-subbanner .txt { position: absolute; bottom: 0; left: 0; right: 0; height: 22px; line-height: 22px; padding: 0 5px; text-align: center; font-size: 12px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000); }

.hux-subbanner li.on{border:1px solid #f73b3c;}


.posterbox { position: relative;z-index:20; }
    .posterbox .toggle-poster { position: absolute; left: 50%; bottom: 0; z-index: 2; margin-left: -60px; display: block; width: 120px; height: 12px; background: url(/Content/images/poster_arrow.jpg) 0 -12px no-repeat; cursor: pointer; }
    .posterbox.toggle .toggle-poster { background: url(/Content/images/poster_arrow.jpg) 0 0 no-repeat; }
.poster-bannerbox { position: relative; }
.poster-banner { }
    .poster-banner li { }
        .poster-banner li a { display: block; height: 460px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.poster-other { display: none; }
    .poster-other li { display: none; }
        .poster-other li.on { display: block; }
        .poster-other li a { display: block; height: 69px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.posterbox.toggle .poster-banner { display: none; }
.posterbox.toggle .poster-other { display: block; }
.poster-spot { position: absolute; left: 50%; bottom: 22px; z-index: 3; margin-left: -320px; width: 640px; height: 2px; font-size: 0; text-align: center; }
    .poster-spot li { display: inline-block; width: 20px; height: 2px; border-radius: 0; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff); margin: 0 5px; *display: inline; *zoom: 1; vertical-align: middle; cursor: pointer; }
        .poster-spot li.on { background: #fff; }


/* 空占位 */
.nullbox { padding: 2.5rem 1.5rem; line-height: 2.2rem; font-size: 1.3rem; color: #9c9fa1; text-align: center; }
    .nullbox .null-icon { width: 15rem; margin: 0 auto; }
    .nullbox h2 { }

.nodatabox { padding: 2.5rem 1.2rem; line-height: 2.6rem; font-size: 1.2rem; color: #9c9fa1; text-align: center; }
    .nodatabox h2 { font-size: 1.6rem; color: #394043; }
    .nodatabox h4 { font-size: 1.4rem; color: #394043; }
    .nodatabox .icon { width: 18rem; margin: 0 auto; }


/*  20191226 预约看房底部弹窗 */

.fix-purpose-thumbnail { position: fixed; bottom: 0; left: -100px; z-index: 100; width: 100px; height: 150px; background: url(/Content/images/purpose_thumbnail.png) center no-repeat; cursor: pointer; }
.fix-purposebox { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; height: 70px; background: rgba(4,17,31,0.8); }
.purposebox { position: relative; width: 940px; height: 70px; padding-left: 260px; margin: 0 auto; }
.purpose-icon { position: absolute; left: 0; bottom: 0; z-index: 110; width: 260px; height: 180px; background: url(/Content/images/purpose_icon.png) center bottom no-repeat; }
.purpose-close { position: absolute; right: 145px; bottom: 20px; display: block; width: 30px; height: 30px; background: url(/Content/images/purpose_close.png) center center no-repeat; cursor: pointer; }
.purpose-form { height: 54px; padding-top: 16px; padding-left: 196px; background: url(/Content/images/purpose_bg.png) left top no-repeat; }
    .purpose-form li { float: left; margin-left: 10px; }
.purpose-text { height: 38px; line-height: 38px; text-indent: 10px; width: 160px; background: #fff; border: none; font-size: 14px; }
    .purpose-text.w80 { width: 80px; }
.purpose-btn { width: 80px; height: 38px; line-height: 38px; border: none; background: #f73b3c; color: #fff; font-size: 16px; cursor: pointer; }
    .purpose-btn:hover { text-decoration: underline; }


pre { white-space: pre-wrap !important; word-wrap: break-word !important; *white-space: normal !important; }

.nodata-mian { padding: 20px 0 20px 200px; margin-bottom: 10px; background: url(/Content/images/client_logo_zp.png) 20px 20px no-repeat; background-color: #F7F7F7; }
    .nodata-mian res { margin-bottom: 8px; font-size: 14px; }
    .nodata-mian p { font-size: 12px; line-height: 26px; word-wrap: break-word; }
        .nodata-mian p a { color: #22b5f7; cursor: pointer; text-decoration: underline; }
    .nodata-mian .hotword a { color: #f73b3c; margin: 0 5px; text-decoration: underline; }

.tips_price { width: 18px; height: 18px; background: url(/Content/Images/icon_tips.png) no-repeat; background-size: 100%; display: inline-block; margin-left: 2px; border-radius: 50%;  cursor: pointer; }

/*20231211*/
.newhouse_info_bm {
    font-size: 14px;
    font-weight: 200;
    color: #827f7f;
    padding-left: 8px;
    padding-right: 4px;
    position: relative;
    top: 5px;
}

.esf-u-type { height: 18px; line-height: 18px; color: #fff; padding: 0 8px; border-radius: 0 0 0 5px; top: 0; right: 0; position: absolute; z-index: 1;background: #02c26e; background: -webkit-gradient(linear, left top, right top, color-stop(10%, #76d569), color-stop(90%, #02c26e)); background: -webkit-linear-gradient(left, #76d569 10%, #02c26e 90%); background: linear-gradient(to right, #76d569 10%, #02c26e 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76d569', endColorstr='#02c26e', GradientType=1); }
.esf-u-type1 { display: inline-block; background-color: #e93b3d; height: 26px; line-height: 26px; color: #fff; font-size: 16px; padding: 0 8px; border-radius: 3px; margin-top: -4px; margin-right: 3px; color: #fff; background: #02c26e; background: -webkit-gradient(linear, left top, right top, color-stop(10%, #76d569), color-stop(90%, #02c26e)); background: -webkit-linear-gradient(left, #76d569 10%, #02c26e 90%); background: linear-gradient(to right, #76d569 10%, #02c26e 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76d569', endColorstr='#02c26e', GradientType=1); }
