.coverpic-type {
    position: absolute;
    display: block;
    color: hsla(0,0%,100%,.5);
    font-size: 12px
}

.coverpic-pos-lt {
    left: 12px;
    top: 12px
}

.coverpic-pos-rt {
    right: 12px;
    top: 12px
}

.coverpic-pos-lb {
    left: 12px;
    bottom: 12px
}

.coverpic-pos-rb {
    right: 12px;
    bottom: 12px
}

.coverpic-pos-rtf {
    right: 20px;
    top: 20px
}

.sidead-left {
    position: fixed;
    left: 50%;
    bottom: 10px;
    margin-left: -500px;
    z-index: 100
}

.wrapper-xinfang {
    width: 1150px;
    margin: 0 auto
}

.nav-border {
    width: 1px;
    height: 28px;
    margin: 0 16px;
    background: #ccc
}

.nav-border,.s-city {
    display: inline-block;
    vertical-align: middle
}

.s-city {
    height: 26px;
    padding: 0 8px;
    line-height: 26px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    text-decoration: none;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

.s-city:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 2px 0 0 8px;
    border: 4px solid transparent;
    border-top-color: #999;
    vertical-align: middle
}

.xinfang-disclaimer-box {
    position: fixed;
    z-index: 1008;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center
}

.xinfang-disclaimer-box .dis-close {
    display: inline-block;
    position: fixed;
    top: 78px;
    right: 42px;
    z-index: 1004;
    width: 28px;
    height: 28px;
    background: url(../../pages/detail/img/hu-close.png?096c68d700cff4739cce) no-repeat;
    background-size: contain
}

.xinfang-disclaimer-box .disclaimer-inner {
    width: 640px;
    margin: 99px auto;
    background: #fff;
    border-radius: 10px;
    overflow: auto
}

.xinfang-disclaimer-box .disclaimer-inner .title {
    padding-left: 40px;
    height: 176px;
    font-family: PingFangSC-Semibold;
    font-size: 46px;
    color: #222;
    letter-spacing: 0;
    line-height: 46px;
    display: flex;
    align-items: center;
    background: url(../../pages/detail/img/dis-dun.png?5901241ca2b60c605255) no-repeat;
    background-size: contain
}

.xinfang-disclaimer-box .disclaimer-inner .desc-box {
    padding: 0 40px 40px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px
}

.xinfang-disclaimer-box .disclaimer-inner .strong {
    font-family: PingFangSC-Semibold
}

.xinfang-disclaimer-box .disclaimer-inner .title-20 {
    margin-top: 36px;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 20px
}

.xinfang-disclaimer-box .disclaimer-inner .mt20 {
    margin-top: 20px
}

.xinfang-disclaimer-box .disclaimer-inner .sub-title {
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px
}

.disclaimer-strong {
    font-family: PingFangSC-Semibold;
    color: #3072f6
}

.disclaimer-click {
    cursor: pointer
}

.focus-mes-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000
}

.focus-mes-box span {
    margin-bottom: 5px;
    display: inline-block
}

.focus-mes-box div {
    font-size: 12px;
    vertical-align: middle;
    background: rgba(0,0,0,.8);
    padding: 13px 20px;
    color: #fff;
    border-radius: 10px;
    width: 162px;
    position: absolute;
    left: 50%;
    top: 50%
}

.component-comment-agent-img {
    width: 20px;
    height: 15px;
    vertical-align: bottom
}

.question-comment-agent-img {
    vertical-align: unset
}

.find-house-modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1004
}

.find-house-modal-wrap .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5
}

.find-house-modal-wrap .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 44px 45px 22px;
    width: 445px;
    height: 591px;
    box-sizing: border-box
}

.find-house-modal-wrap .modal-content .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    box-sizing: content-box;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAGFBMVEUAAAARHjgQHTcQHjgRHTgSHzgSHzkQHTebbBjcAAAAB3RSTlMAkLBsX2Fj5oi/PQAAAItJREFUKM+N0j0KgDAMhmFFD+DmAURcxcXVzd1LOPsDub4BIa/yUWiHtDaP0KQtMkfVf7+mxcNqDTulXR4HO9hq7fQ4mzUgu9/pAHmamey7ALGKHJ4ULDIwECwQLBAsEAwEA+mW/giC6SH0qFqQlp1ujrZQG63XASK7/642/QAcwW6PdfetdhuLvPEAL4RF7N1/LngAAAAASUVORK5CYII=");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    border: 20px solid transparent;
    cursor: pointer;
    background-color: transparent
}

.find-house-modal-wrap .modal-content .fl {
    float: left
}

.find-house-modal-wrap .modal-content .fr {
    float: right
}

.find-house-modal-wrap .modal-content .h2-flows {
    margin-bottom: 8px
}

.find-house-modal-wrap .modal-content .h2-flows h2 {
    float: left;
    padding: 0;
    display: block;
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #101d37;
    letter-spacing: -.41px
}

.find-house-modal-wrap .modal-content .nodes {
    position: relative;
    margin-top: 37px;
    margin-bottom: 78px
}

.find-house-modal-wrap .modal-content .nodes .hr {
    background: #f3f4f5;
    border-radius: 5px;
    border-width: 0;
    height: 2px;
    margin: 0
}

.find-house-modal-wrap .modal-content .nodes .icon-container {
    position: absolute;
    white-space: nowrap;
    width: 100%;
    height: 52px;
    top: -11px;
    left: 0;
    text-align: center
}

.find-house-modal-wrap .modal-content .nodes .icon-container .icon {
    position: relative;
    display: inline-block;
    margin-left: 66px
}

.find-house-modal-wrap .modal-content .nodes .icon-container .icon p {
    position: absolute;
    font-family: PingFangSC-Medium;
    left: 50%;
    bottom: -20px;
    color: #d0d0d0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.find-house-modal-wrap .modal-content .nodes .icon-container .icon:before {
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    background: url(images/default_node@2x.png?e9290f6f809f0434b72b) no-repeat 50%;
    background-size: 100%
}

.find-house-modal-wrap .modal-content .nodes .icon-container .icon-current:before {
    background-image: url(images/current_node@2x.png?a2d3973a95afd6138830)
}

.find-house-modal-wrap .modal-content .nodes .icon-container .icon-current p {
    color: #3072f6
}

.find-house-modal-wrap .modal-content .price {
    display: block
}

.find-house-modal-wrap .modal-content .price:before {
    display: block;
    content: "\60A8\7684\9996\4ED8\9884\7B97\662F\591A\5C11\FF1F";
    font-family: PingFangSC-Medium;
    font-size: 17px;
    color: #101d37;
    letter-spacing: .2px;
    margin-bottom: 18px
}

.find-house-modal-wrap .modal-content .price .price-text {
    margin-bottom: 16px;
    text-align: center
}

.find-house-modal-wrap .modal-content .price .price-text span {
    font-family: PingFangSC-Medium;
    font-size: 22px;
    color: #3072f6;
    letter-spacing: 0;
    text-align: center
}

.find-house-modal-wrap .modal-content .price .slid-container {
    position: relative;
    height: 5px;
    width: 349px;
    background: #d0d0d0;
    border-radius: 4px
}

.find-house-modal-wrap .modal-content .price .slid-container .slid-container-float-top {
    position: absolute;
    background: #3072f6;
    height: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px
}

.find-house-modal-wrap .modal-content .price .slid-container .drag-icon {
    position: absolute;
    width: 0;
    height: 0
}

.find-house-modal-wrap .modal-content .price .slid-container .drag-icon:hover {
    cursor: pointer
}

.find-house-modal-wrap .modal-content .price .slid-container .drag-icon.left {
    left: 0;
    bottom: 0
}

.find-house-modal-wrap .modal-content .price .slid-container .drag-icon.left .display-icon {
    left: -17.5px
}

.find-house-modal-wrap .modal-content .price .slid-container .drag-icon.right {
    right: 0;
    bottom: 0
}

.find-house-modal-wrap .modal-content .price .slid-container .drag-icon.right .display-icon {
    right: -17.5px
}

.find-house-modal-wrap .modal-content .price .slid-container .drag-icon .display-icon {
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../../pages/list/img/move@2x.png?93025958899876f8d0e0) 50% no-repeat;
    background-size: 100%;
    top: -20px;
    z-index: 2
}

.find-house-modal-wrap .modal-content .price .price-range-text {
    margin-top: 12px
}

.find-house-modal-wrap .modal-content .price .price-range-text span {
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #9399a5;
    letter-spacing: 0;
    text-align: center;
    line-height: 15px
}

.find-house-modal-wrap .modal-content .price .price-range-text .min {
    float: left
}

.find-house-modal-wrap .modal-content .price .price-range-text .max {
    float: right
}

.find-house-modal-wrap .modal-content .house-area-items {
    height: 188px;
    overflow-y: auto;
    overflow-x: hidden
}

.find-house-modal-wrap .modal-content .house-area-items .item {
    width: 70.4px;
    height: 34px;
    line-height: 34px;
    margin-right: 15.5px;
    margin-bottom: 15px;
    background: #f8f8f9;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #101d37;
    letter-spacing: .14px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    transition: all .1s ease-in;
    border: 1px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.find-house-modal-wrap .modal-content .house-area-items .item:hover {
    border: 1px solid #dfe3ea
}

.find-house-modal-wrap .modal-content .house-area-items .item.select {
    border: 1px solid #101d37;
    background: #fff
}

.find-house-modal-wrap .modal-content .house-type {
    display: block
}

.find-house-modal-wrap .modal-content .house-type:before {
    display: block;
    content: "\60A8\7684\6237\578B\8981\6C42\FF1F";
    font-family: PingFangSC-Medium;
    font-size: 17px;
    color: #101d37;
    letter-spacing: .2px;
    margin-bottom: 34px
}

.find-house-modal-wrap .modal-content .house-type .house-type-items {
    height: 188px;
    overflow-y: auto;
    overflow-x: hidden
}

.find-house-modal-wrap .modal-content .house-type .house-type-items .item {
    width: 70.4px;
    height: 34px;
    line-height: 34px;
    margin-right: 15.5px;
    margin-bottom: 15px;
    background: #f8f8f9;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #101d37;
    letter-spacing: .14px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    transition: all .1s ease-in;
    border: 1px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.find-house-modal-wrap .modal-content .house-type .house-type-items .item:hover {
    border: 1px solid #dfe3ea
}

.find-house-modal-wrap .modal-content .house-type .house-type-items .item.select {
    border: 1px solid #101d37;
    background: #fff
}

.find-house-modal-wrap .modal-content .area {
    display: block
}

.find-house-modal-wrap .modal-content .area:before {
    display: block;
    content: "\60A8\7684\610F\5411\8D2D\623F\533A\57DF\662F\54EA\91CC\FF1F";
    font-family: PingFangSC-Medium;
    font-size: 17px;
    color: #101d37;
    letter-spacing: .2px;
    margin-bottom: 34px
}

.find-house-modal-wrap .modal-content .area .area-items {
    height: 188px;
    overflow-y: auto;
    overflow-x: hidden
}

.find-house-modal-wrap .modal-content .area .area-items .item {
    width: 70.4px;
    height: 34px;
    line-height: 34px;
    margin-right: 15.5px;
    margin-bottom: 15px;
    background: #f8f8f9;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #101d37;
    letter-spacing: .14px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    transition: all .1s ease-in;
    border: 1px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.find-house-modal-wrap .modal-content .area .area-items .item:hover {
    border: 1px solid #dfe3ea
}

.find-house-modal-wrap .modal-content .area .area-items .item.select {
    border: 1px solid #101d37;
    background: #fff
}

.find-house-modal-wrap .modal-content .login-submit:before {
    display: block;
    content: "\60A8\7684\8054\7CFB\65B9\5F0F\FF1F";
    font-family: PingFangSC-Medium;
    font-size: 17px;
    color: #101d37;
    letter-spacing: .2px;
    margin-bottom: 13px
}

.find-house-modal-wrap .modal-content .login-submit .private-info {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #9399a5;
    letter-spacing: -.27px;
    margin-bottom: 16px
}

.find-house-modal-wrap .modal-content .login-submit .bordered-items {
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    overflow: hidden
}

.find-house-modal-wrap .modal-content .footerr {
    position: absolute;
    bottom: 45px;
    overflow: visible;
    left: 45px;
    right: 45px;
    width: auto
}

.find-house-modal-wrap .modal-content .footerr .btns {
    display: none;
    height: 40px;
    width: 120px;
    border-radius: 30px;
    cursor: pointer;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    letter-spacing: -.3px;
    text-align: center;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.find-house-modal-wrap .modal-content .footerr .submit {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #3072f6;
    border-radius: 2px
}

.find-house-modal-wrap .modal-content .footerr .submit:after {
    position: absolute;
    content: "\63D0\4EA4\540E\6709\65B0\623F\987E\95EE\81F4\7535\8054\7CFB\5E76\63D0\4F9B\670D\52A1";
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #9399a5;
    letter-spacing: -.2px;
    bottom: -23px;
    height: 17px;
    left: 0;
    line-height: 17px
}

.find-house-modal-wrap .modal-content .footerr .pre {
    background: #9399a5;
    float: left
}

.find-house-modal-wrap .modal-content .footerr .next {
    display: block;
    background: #3072f6;
    float: right
}

.phone-collect-input-group,.phone-collect-input-group input[type=button] {
    background-color: transparent
}

.phone-collect-input-group .input-wrap {
    position: relative;
    border: 1px solid transparent;
    box-sizing: border-box
}

.phone-collect-input-group .input-wrap.error {
    border: 1px solid #db4c3f!important;
    z-index: 1
}

.phone-collect-input-group .input-wrap .input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 18px;
    font-size: 18px;
    line-height: 24px;
    color: #101d37;
    border: none
}

.phone-collect-input-group .input-wrap .input::-webkit-input-placeholder {
    color: #ced2d6
}

.phone-collect-input-group .input-wrap .input::-ms-input-placeholder {
    color: #ced2d6
}

.phone-collect-input-group .input-wrap .input::placeholder {
    color: #ced2d6
}

.phone-collect-input-group .input-wrap+.input-wrap {
    border-top-color: #e4e6f0
}

.phone-collect-input-group .phone-wrap .phone-input {
    padding-right: 16px
}

.phone-collect-input-group .phone-wrap .phone-input:disabled {
    cursor: not-allowed
}

.phone-collect-input-group .phone-wrap .phone-clear-btn {
    cursor: pointer;
    display: none;
    border: none;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 22px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEUAAADNzc3Nzc3Nzc3MzMzMzMzOzs7Pz8/Nzc3Nzc3Nzc3MzMzMzMzOzs7V1dXT09PMzMzMzMzOzs7MzMxJL/92AAAAE3RSTlMAii31wqN9HZWP4N7ZFQYRKLovc8xuRgAAARxJREFUSMfVVdFuwzAInA3Gduo03fj/f900ZYMWnBT1qfcWdCeZ4wIfb4FMBQfAwEL5CXa/sMKlH2tqYYNSp/RrAnYA6erzV+QJcHVfv/AUS3b4wAcAo1gXPsSyPvSLfAK87zzxKdKd/3AuAD2Pwk+gKIek+lm3Jl99q6o5capLseqG6OfjpuT/ApW3TVlAv+2pJDov4iam0d6efRNZ99Ifv7ECiUdWIXzrE7oTsnzGvTzMTH0+j70OkxQ0M2xXIM2lmWBYvq8YftM0DTG6tu5+JkdR7ODUvBwFOdHo4k8yVmU3fEJKJnyTeDc9j+zEWxfxptdlq1n/QNFfNL4E4msmvsjiq1LwdbaM4+s+flDiJyt+FF8/u/awvwO+AWoLVkJy2Ju/AAAAAElFTkSuQmCC");
    background-size: 100% 100%
}

.phone-collect-input-group .sms-captcha-wrap .sms-captcha-input {
    padding-right: 146px
}

.phone-collect-input-group .sms-captcha-wrap .sms-hr {
    position: absolute;
    right: 120px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 16px;
    width: 1px;
    border: 0;
    background-color: #e4e6f0;
    margin: 0;
    padding: 0
}

.phone-collect-input-group .sms-captcha-wrap .sms-hr-inline {
    height: 16px;
    width: 1px;
    background-color: #e4e6f0;
    border: 0;
    padding: 0;
    display: inline-block;
    margin: 0 21px 0 0;
    vertical-align: -2px
}

.phone-collect-input-group .sms-captcha-wrap .sms-hint {
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20px
}

.phone-collect-input-group .sms-captcha-wrap .disabled-sms-send-btn,.phone-collect-input-group .sms-captcha-wrap .sms-send-btn {
    cursor: pointer;
    border: none;
    color: #3072f6;
    background: #fff
}

.phone-collect-input-group .sms-captcha-wrap .disabled-sms-send-btn {
    color: #ced2d6;
    cursor: not-allowed
}

.phone-collect-input-group .sms-captcha-wrap .sms-text {
    display: none;
    color: #ced2d6
}

.remind-modal-more-des {
    margin-top: 6px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #9399a5;
    letter-spacing: -.2px;
    margin-bottom: 10px
}

.find-house-modal-wrap .border_c {
    border: 1px solid #e4e6f0;
    margin-top: -1px
}

.find-house-modal-wrap .border_t {
    border: 1px solid #e4e6f0;
    border-radius: 2px 2px 0 0
}

.find-house-modal-wrap .border_b {
    border-radius: 0 0 2px 2px;
    border: 1px solid #e4e6f0;
    border-top: none
}

.find-house-modal-wrap .border_red {
    border: 1px solid #db4c3f;
    margin-top: -1px;
    z-index: 2
}

.find-house-modal-wrap .active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAYFBMVEVMaXE6h/YA//87h/U7hvVVqv87hvY6h/Q7h/Q6h/Q6h/U6h/U7hvY7hvQ6h/U6h/U6h/Q5iPU7h/M6h/Q6h/Q4hfI6hvU6h/U6h/U6h/U7h/U/f/87h/U6h/Q8hfM7h/VEXyMmAAAAH3RSTlMAOAGC8QM99flHcZtT/ojtfTJCd44U0U6joGkMvpMuWVrMyQAAAHJJREFUeNp10dcOgDAIBVC1atXWvSf//5cKiVoD8nR7SDqoJ5WdItHHBGapkyYAYH48X7jrx1fXG3TIMPZD8XrsOoC63Q/RW8obRuV6xRY1RfXdtr28xMAPPMg7dsVck/PHUu2BJ3ZMIA2UnJcVRi1/zglAzA109GHv+gAAAABJRU5ErkJggg);
    background-size: 12px 10px;
    background-position: 50%;
    background-repeat: no-repeat
}

.find-house-modal-wrap .remind_overlay_bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1003
}

.find-house-modal-wrap .panel_reminding {
    width: 398px;
    height: auto;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -222.5px;
    margin-top: -262.5px;
    padding-left: 47px;
    z-index: 10000;
    border-radius: 2px;
    box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    -o-box-shadow: 1px 3px 14px rgba(0,0,0,.3)
}

.find-house-modal-wrap .panel_reminding .panel_info {
    padding-top: 44px;
    width: 350px
}

.find-house-modal-wrap .panel_reminding .panel_info .close_reminding {
    cursor: pointer;
    padding: 4px;
    position: absolute;
    right: 15px;
    top: 15px
}

.find-house-modal-wrap .form-item.show_error {
    display: none;
    height: 14px;
    line-height: 14px;
    padding: 24px 0 0
}

.find-house-modal-wrap .form-item.show_error dd {
    color: #db4c3f;
    display: block;
    top: 0
}

.find-house-modal-wrap .bordered-items {
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    overflow: hidden
}

.find-house-modal-wrap .read_protocol .checkbox_btn {
    display: flex;
    align-items: center
}

.find-house-modal-wrap .form-item {
    color: #9399a5;
    clear: both;
    position: relative
}

.find-house-modal-wrap .form-item input {
    border: 0
}

.find-house-modal-wrap .form-item .the_input {
    padding-left: 16px;
    width: 330px;
    box-sizing: border-box
}

.find-house-modal-wrap .form-item .reminding_checkbox {
    float: none;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    cursor: pointer
}

.find-house-modal-wrap .form-item .send_verify_code {
    line-height: 60px
}

.find-house-modal-wrap .form-item .send_verify_code em {
    border-left: 1px solid #e4e6f0;
    padding: 0 16px;
    color: #101d37
}

.find-house-modal-wrap .form-item.send_verify_code_s {
    margin-left: 7px;
    color: #db4c3f;
    height: 30px;
    line-height: 30px
}

.find-house-modal-wrap .form-item.username {
    padding: 0;
    background: #fff;
    border-bottom: none
}

.find-house-modal-wrap .form-item.username i {
    background: -113px 0
}

.find-house-modal-wrap .form-item i {
    width: 14px;
    height: 19px;
    display: inline-block;
    float: left;
    margin-top: 6px;
    position: absolute;
    left: 15px;
    margin-right: 20px
}

.find-house-modal-wrap .form-item.checkVerimg {
    padding: 0
}

.find-house-modal-wrap .form-item.checkVerimg i {
    margin: 0;
    top: 10px;
    background-position: -136px -25px
}

.find-house-modal-wrap .form-item.checkVerimg .ver-img {
    width: 151px;
    line-height: 60px;
    height: 60px;
    float: left;
    padding-left: 16px
}

.find-house-modal-wrap .form-item.checkVerimg .verImg {
    float: right;
    width: 125px;
    height: 45px;
    margin-top: 7.5px
}

.find-house-modal-wrap .form-item.username input {
    width: 300px
}

.find-house-modal-wrap .form-item.username .close-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: none;
    background-image: url(../../pages/list/img/close.png?7e92419cd470e6e7e530);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.find-house-modal-wrap .form-item .verifycode {
    width: 200px
}

.find-house-modal-wrap .form-item.reminding_type {
    display: none;
    font-size: 0;
    border-bottom: 1px solid #e4e6f0;
    background-color: rgba(244,248,254,.6)
}

.find-house-modal-wrap .form-item.reminding_type label span {
    float: left;
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    position: relative;
    width: 16px
}

.find-house-modal-wrap .form-item.reminding_type .checkbox_btn {
    display: inline-block;
    width: 33.3%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #3072f6;
    background-color: rgba(244,248,254,.6);
    cursor: pointer
}

.find-house-modal-wrap .form-item.reminding_type .checkbox_btn span {
    left: 10px;
    top: 21px
}

.find-house-modal-wrap .form-item.read_protocol {
    height: 18px;
    line-height: 18px;
    padding: 23px 0;
    font-size: 16px;
    color: #9399a5
}

.find-house-modal-wrap .form-item.read_protocol label span {
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.find-house-modal-wrap .form-item.read_protocol a {
    float: none;
    color: #3072f6
}

.find-house-modal-wrap .form-item input {
    margin: 0;
    padding: 0
}

.find-house-modal-wrap .form-item.reminding_btn {
    padding: 0;
    overflow: hidden
}

.find-house-modal-wrap .form-item.reminding_btn .reminding_user_tel_btn {
    width: 350px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    background: #3072f6;
    color: #fff;
    text-align: center;
    border-radius: 2px
}

.find-house-modal-wrap .form-item.reminding_btn .reminding_user_tel_btn:hover {
    background: #3072f6;
    text-decoration: none
}

.find-house-modal-wrap .form-item input.topSpecial {
    border-radius: 3px 3px 0 0
}

.find-house-modal-wrap .form-item input.the_input:focus {
    outline: none;
    border-color: #e4e6f0;
    transition: all .3s ease-in-out
}

.find-house-modal-wrap .form-item .the_input {
    width: 282px;
    height: 60px;
    line-height: 60px;
    color: #333;
    font-size: 18px;
    padding: 16px;
    outline: none
}

.find-house-modal-wrap .form-item .the_input::-webkit-input-placeholder {
    color: #bbb
}

.find-house-modal-wrap .form-item .the_input:-moz-placeholder,.find-house-modal-wrap .form-item .the_input::-moz-placeholder {
    color: #bbb
}

.find-house-modal-wrap .form-item .the_input:-ms-input-placeholder {
    color: #bbb
}

.find-house-modal-wrap .form-item img {
    float: right;
    width: 85px;
    height: 41px
}

.find-house-modal-wrap .form-item a {
    color: #333;
    float: right
}

.find-house-modal-wrap .form-item a.voice_a {
    float: none;
    text-decoration: underline;
    color: #333;
    cursor: pointer
}

.find-house-modal-wrap .form-item .disabled {
    color: #bbb;
    cursor: default
}

.find-house-modal-wrap .form-item .disabled.hover {
    text-decoration: none
}

.find-house-modal-wrap .panel_reminding .fr {
    position: relative
}

.find-house-modal-wrap .success_icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-top: 81px;
    background: url(../../pages/list/img/remind_success@3x.png?a03719429fdcb9aedcd0);
    background: -webkit-image-set(url(../../pages/list/img/remind_success@2x.png?8daf5fefdf85384290db) 2x,url(../../pages/list/img/remind_success@3x.png?a03719429fdcb9aedcd0) 3x);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.find-house-modal-wrap #dialog_cancel .panel_tab,.find-house-modal-wrap #dialog_success .panel_tab {
    text-align: center
}

.find-house-modal-wrap #dialog_cancel {
    min-height: 400px
}

.find-house-modal-wrap .cancel_content .cancel_title,.find-house-modal-wrap .success_content .success_title {
    color: #101d37;
    font-size: 24px;
    height: 33px;
    line-height: 33px;
    margin-top: 36px
}

.find-house-modal-wrap .cancel_content .cancel_title {
    margin-top: 76px
}

.find-house-modal-wrap .cancel_content span,.find-house-modal-wrap .success_content span {
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
    float: none;
    margin-top: 7px;
    border: none;
    font-size: 16px;
    color: #9399a5;
    cursor: default
}

.find-house-modal-wrap .reminding_success_btn {
    width: 350px;
    height: 60px;
    line-height: 60px;
    display: block;
    margin-top: 73px;
    margin-bottom: 105px;
    background-color: #3072f6;
    color: #fff;
    border-radius: 2px
}

.find-house-modal-wrap .reminding_success_btn:hover {
    background: #3072f6;
    text-decoration: none
}

.find-house-modal-wrap .cancel_btn_box {
    margin-top: 53px;
    margin-bottom: 105px;
    overflow: hidden
}

.find-house-modal-wrap .reminding_cancel_btn,.find-house-modal-wrap .reminding_continue_btn {
    display: inline-block;
    width: 165px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    border-radius: 2px
}

.find-house-modal-wrap .reminding_cancel_btn:hover,.find-house-modal-wrap .reminding_continue_btn:hover {
    text-decoration: none
}

.find-house-modal-wrap .reminding_continue_btn {
    float: left;
    background-color: #3072f6
}

.find-house-modal-wrap .reminding_continue_btn:hover {
    background-color: #3072f6
}

.find-house-modal-wrap .reminding_cancel_btn {
    float: right;
    background-color: #656466
}

.find-house-modal-wrap .reminding_cancel_btn:hover {
    background-color: #656466
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a:hover {
    cursor: pointer
}

i {
    font-style: normal
}

@-webkit-keyframes vr {
    to {
        background-position-y: 100%
    }
}

@keyframes vr {
    to {
        background-position-y: 100%
    }
}

.vr-animation-forever {
    -webkit-animation: vr 3s steps(80) infinite;
    animation: vr 3s steps(80) infinite
}

::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
}

.clearfix {
    zoom:1}

.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both
}

.main-nav-container {
    margin-bottom: 20px;
    background: #f5f5f6;
    box-shadow: 0 1px 0 0 #eee;
    border-top: 1px solid #eee;
    padding-bottom: 4px
}

.main-nav {
    width: 1150px;
    margin: 0 auto;
    padding-bottom: 9px
}

@-webkit-keyframes slide-down {
    0% {
        height: 0
    }

    to {
        height: 500px
    }
}

@keyframes slide-down {
    0% {
        height: 0
    }

    to {
        height: 500px
    }
}

.main-nav .slide-down {
    -webkit-animation-name: slide-down;
    animation-name: slide-down;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.main-nav .main-left-wrapper {
    float: left;
    margin-top: 22px;
    margin-right: 50px;
    font-size: 0
}

.main-nav .main-left-wrapper .logo {
    display: inline-block;
    width: 136px;
    height: 32px;
    line-height: 26px;
    vertical-align: middle
}

.main-nav .main-left-wrapper .logo img {
    width: 138px
}

.main-nav .main-left-wrapper .location {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    vertical-align: middle
}

.main-nav .main-left-wrapper .vertical-split {
    display: inline-block;
    width: 0;
    height: 100%;
    margin: 0 36px 0 20px;
    border-right: 1px solid #eee;
    vertical-align: middle
}

.main-nav .main-right-wrapper {
    float: left;
    height: 80px;
    line-height: 80px;
    font-size: 0
}

.main-nav .main-right-wrapper .main-nav-item {
    margin: 0 35px 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    vertical-align: middle
}

.main-nav .main-right-wrapper .main-nav-item:last-child {
    margin-right: 0
}

.main-nav .main-right-wrapper .main-nav-item.on {
    color: #3072f6
}

.main-nav .float-right-wrapper {
    float: left;
    position: relative;
    margin-top: 15px;
    cursor: pointer
}

.main-nav .float-right-wrapper .icon {
    display: inline-block;
    width: 14px;
    height: 18px;
    margin-right: 11px;
    vertical-align: middle;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAAXNSR0IArs4c6QAAALFJREFUOBFjNDEx8WRgYJj1//9/GSBNEDAyMj4BKkpjBGp8DNT0HiiwjqAuoAKg2iCgWkEWkE1AxtwzZ840EKMRaBFIcz0TMYqxqRnViC1UoGJkBw4LNkNhqQkqlwaM4+3o6nDZCE6CoMQB1DALXROIj0sjNrUoYrg0poESMwgDVaeh6IBysPoR6idZbBpgYrhshMnjpFlAzgFlFVCqJwaA1IL0gJwK8g8oFOuJ0QjzNwDbjTtSsrWSrgAAAABJRU5ErkJggg==") no-repeat;
    background-size: contain
}

.main-nav .float-right-wrapper .text {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    vertical-align: middle
}

.main-nav .float-right-wrapper:hover .qrcode-wrapper {
    display: block
}

.main-nav .float-right-wrapper:hover .text {
    border-bottom: 1px solid #333
}

.main-nav .float-right-wrapper .qrcode-wrapper {
    display: none;
    position: absolute;
    top: 55px;
    right: 0;
    width: 195px;
    padding: 30px 0;
    background: #fff;
    box-shadow: -2px 0 6px 0 rgba(0,0,0,.12);
    z-index: 2
}

.main-nav .float-right-wrapper .qrcode-wrapper .qrcode {
    width: 116px;
    height: 116px;
    margin: 0 auto
}

.main-nav .float-right-wrapper .qrcode-wrapper .text-top {
    margin-top: 25px;
    height: 17px;
    font-size: 12px;
    color: #101d37;
    line-height: 17px;
    font-weight: 700;
    text-align: center
}

.main-nav .float-right-wrapper .qrcode-wrapper .sub-text {
    margin-top: 5px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #9399a5;
    text-align: center
}

.sec-list-nav {
    width: 1150px;
    margin: 0 auto
}

.sec-list-nav .hotline {
    display: inline-block;
    float: right;
    padding: 16px 0;
    font-size: 16px;
    color: #101d37;
    font-weight: 700
}

.sec-list-nav .sec-list {
    float: left;
    margin-right: 35px;
    padding: 16px 0 10px
}

.sec-list-nav .sec-list a {
    font-size: 16px;
    color: #101d37;
    font-weight: 700
}

.sec-list-nav .sec-list-on {
    border-bottom: 2px solid #3072f6
}

.sec-list-nav .sec-list-on a {
    color: #3072f6
}

.search-container {
    width: 868px;
    margin: 0 auto
}

.search-container .search-wrapper {
    position: relative;
    float: left;
    width: 450px;
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    background: #fff;
    box-shadow: 0 2px 2px 0 hsla(0,0%,92.2%,.5)
}

.search-container .search-wrapper .search {
    display: block;
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: normal;
    font-size: 12px;
    border: none;
    vertical-align: middle;
    box-sizing: border-box
}

.search-container .search-wrapper .search::-webkit-input-placeholder {
    color: #d0d1d2;
    vertical-align: middle
}

.search-container .search-wrapper .search:-moz-placeholder,.search-container .search-wrapper .search::-moz-placeholder {
    color: #d0d1d2;
    vertical-align: middle
}

.search-container .search-wrapper .search:-ms-input-placeholder {
    color: #d0d1d2;
    vertical-align: middle
}

.search-container .search-wrapper .search-button {
    position: absolute;
    width: 50px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0
}

.search-container .search-wrapper .search-button:hover {
    cursor: pointer
}

.search-container .search-wrapper .search-button i.search-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAa5JREFUOBGtUztIA0EQndm7qCFa2dlYaGtnaxO0TQRBRMHCEEXFThEEK8HGlH5QiRCEkEpJ6mCKtFoFK7Ww0s5CxQjejTt7bG7vPFAOF8LNvnn7MjtvFsFYxWK178N5XwegDBAOqxTSPQDWklaqkMtlXw16IES9Ozotpx2iMyIY1Jj5RYRHC3FhOT97ZeI6Fhx4IlBXIohNYWGmC3oG+McxSIxzDkGdufqw+UXvOm8tJiKI3dXFmW1EdE0SEYmDk8oOgbvFlSWt3pHwNQX3RFcSJcKCLMw5XZnXR/OvAIQUyTIkBOyFKzGpnGOOh0kzQkvIbg8xZjvd16Hcj22Hox01GKrZxj52KAjggU9/WZ+jv6l0OGq2gmwhXagy5Lqwwe4E0/6Oc8zxEKz5GS8SPLFsKRCNKYsjxLT9zPHsTxXCQmqy/YEkZIvZHd1Yvo6qRIkgWQjjUdP9b0+kI8Sl6kfLs6XHAiIe7X7poh/a7U0C+3xtabrFZwNCDPxlHR6XJx2gS3n4RbZhYiU/dxNLqNFo2Ld3TxVpwhSLISbSsYS46qAYlmIL+WLP83bCbX4DpQbZ+LJh/xMAAAAASUVORK5CYII=") no-repeat;
    background-size: contain
}

.search-container .search-wrapper .search-result-wrapper {
    visibility: hidden;
    position: absolute;
    width: 450px;
    left: -1px;
    top: 46px;
    z-index: 100;
    box-shadow: 0 1px 2px -1px rgba(0,0,0,.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    transition: all .3s ease;
    opacity: 0;
    overflow: hidden;
    background: #fff
}

.search-container .search-wrapper .search-result-wrapper.show {
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.search-container .search-wrapper .search-result-wrapper .search-result-title-wrapper {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #f4f7f9;
    padding: 0 0 0 21px;
    box-sizing: border-box
}

.search-container .search-wrapper .search-result-wrapper .search-result-title-wrapper .search-result-title {
    font-size: 14px;
    color: #849aae;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .search-result-title-wrapper .clear-history {
    padding-right: 21px;
    font-size: 14px;
    color: #849aae;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .search-result-title-wrapper .clear-history:hover {
    text-decoration: underline
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper {
    width: 100%
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list {
    overflow: hidden;
    width: 100%;
    height: 42px;
    line-height: 42px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list .search-result {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 0 0 0 21px;
    font-size: 14px;
    vertical-align: middle;
    box-sizing: border-box
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list .search-result .resblock-name {
    display: inline-block;
    max-width: 340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list .search-result:hover {
    background: #f4f7f9
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list .search-result .area {
    color: #999;
    font-size: 12px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list .search-result .desc {
    height: 42px;
    padding-right: 20px;
    line-height: 42px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list .search-result .desc .price {
    font-size: 14px;
    color: #999;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list .search-result .desc .resblock-type {
    padding: 5px 10px;
    font-size: 14px;
    color: #666;
    vertical-align: middle;
    background: #eee;
    border-radius: 2px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item {
    height: 100px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .search-result {
    position: relative;
    z-index: 0
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .opacty-float {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: hsla(0,0%,100%,.17)
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .ad-img {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 100px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    border-radius: 8px;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .resblock-msg {
    display: inline-block;
    margin-left: 20px;
    height: 100px;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .resblock-msg .title {
    line-height: 22px;
    margin-top: 20px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .resblock-msg .title .resblock-name {
    font-size: 22px;
    color: #101d37;
    letter-spacing: 0;
    line-height: 22px;
    max-width: 222px;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .resblock-msg .title .desc {
    display: inline-block;
    height: 22px;
    font-size: 16px;
    color: #9399a5;
    line-height: 22px;
    vertical-align: middle;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .resblock-msg .tag-wrapper {
    line-height: 24px;
    margin-top: 12px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .resblock-msg .tag-wrapper .sale-status {
    display: inline-block;
    height: 24px;
    padding: 0 6px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    background-image: linear-gradient(-135deg,#3072f6,#6b99f6);
    border-radius: 2px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .resblock-msg .tag-wrapper .resblock-type {
    display: inline-block;
    height: 22px;
    padding: 0 4px;
    margin-left: 8px;
    line-height: 22px;
    font-size: 14px;
    color: #9399a5;
    border: 1px solid #9399a5;
    border-radius: 2px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .price-wrapper {
    position: absolute;
    right: 0;
    bottom: 50%;
    -webkit-transform: translateY(102%);
    transform: translateY(102%);
    line-height: 30px;
    height: 30px
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .price-wrapper .price {
    font-size: 24px;
    color: #ff0000;
    line-height: 30px;
    font-weight: 700;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .search-result-list-wrapper .search-result-list.ad-item .price-wrapper .price-desc {
    font-size: 16px;
    color: #ff0000;
    line-height: 30px;
    font-weight: 700;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .hot-search-has-history {
    width: 100%;
    height: 42px;
    line-height: 42px;
    overflow: hidden
}

.search-container .search-wrapper .search-result-wrapper .hot-search-has-history .hot-search-list-item {
    display: inline-block;
    height: 24px;
    margin: 0 10px;
    line-height: 24px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 2px;
    vertical-align: middle
}

.search-container .search-wrapper .search-result-wrapper .hot-search-has-history .hot-search-list-item:first-child {
    margin-left: 21px
}

.search-container .search-wrapper .search-result-wrapper .hot-search-has-history .hot-search-list-item a {
    display: inline-block;
    height: 24px;
    padding: 0 5px
}

.search-container .most-search {
    width: 360px;
    font-size: 0;
    letter-spacing: 0;
    padding: 15px 0 0;
    overflow: hidden;
    height: 17px;
    line-height: 17px;
    float: left;
    margin-left: 20px
}

.search-container .most-search .most-search-item {
    margin-right: 15px;
    font-size: 12px;
    display: inline-block
}

.search-container .most-search .most-search-item a {
    color: #9399a5
}

.resblock-list-container {
    position: relative;
    font-size: 0;
    width: 1174px;
    min-height: 1200px;
    margin: 20px auto 0
}

.resblock-list-container .resblock-list-nav-wrapper {
    width: 906px;
    padding-bottom: 25px
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list {
    display: inline-block
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item {
    display: inline-block;
    position: relative;
    margin-right: 30px;
    padding-bottom: 15px
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item:hover {
    cursor: pointer
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item:hover .checkbox-wrapper {
    display: block
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item:hover .title-wrapper .icon {
    background-position: -561px -190px
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .title-wrapper .title {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-right: 10px;
    vertical-align: middle
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .title-wrapper .icon {
    display: inline-block;
    width: 10px;
    height: 5px;
    vertical-align: middle;
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -571px -191px
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper {
    display: none;
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 2;
    width: 126px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.2)
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper.hide {
    display: none
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item {
    line-height: 36px;
    padding-left: 16px
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item:hover {
    background: #eee
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item.checked .desc,.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item.checked .number,.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item.on .desc,.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item.on .number {
    color: #3072f6
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item.checked .icon,.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item.on .icon {
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -403px -275px
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: middle;
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -403px -289px
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item .desc {
    margin-right: 4px;
    font-size: 12px;
    color: #101d37;
    vertical-align: middle
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .check-box .check-item .number {
    font-size: 12px;
    color: #9b9b9b;
    vertical-align: middle
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .option {
    line-height: 36px
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .option span:hover {
    cursor: pointer
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .option span.clear-option {
    font-size: 12px;
    color: #333;
    margin-left: 28px
}

.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .checkbox-wrapper .option span.sure {
    font-size: 12px;
    color: #3072f6;
    margin-left: 22px
}

.resblock-list-container .resblock-list-nav-wrapper .clear-all {
    float: right
}

.resblock-list-container .resblock-list-nav-wrapper .clear-all i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle;
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -424px -173px
}

.resblock-list-container .resblock-list-nav-wrapper .clear-all span {
    font-size: 14px;
    color: #333;
    vertical-align: middle
}

.resblock-list-container .resblock-have-find {
    width: 932px;
    font-size: 22px;
    color: #101d37;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1
}

.resblock-list-container .resblock-have-find .value {
    color: #3072f6
}

.resblock-list-container .resblock-have-find .clear-all {
    float: right
}

.resblock-list-container .resblock-have-find .clear-all i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle;
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -424px -173px
}

.resblock-list-container .resblock-have-find .clear-all span {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    vertical-align: middle
}

.resblock-list-container .sort-list-wrapper {
    width: 932px;
    margin-bottom: 20px;
    box-shadow: 0 2px 0 0 #3072f6
}

.resblock-list-container .sort-list-wrapper .sort-list-item {
    position: relative;
    display: inline-block;
    height: 50px;
    padding: 0 24px;
    line-height: 50px;
    font-size: 16px;
    color: #4a4a4a
}

.resblock-list-container .sort-list-wrapper .sort-list-item:hover {
    cursor: pointer
}

.resblock-list-container .sort-list-wrapper .sort-list-item.on {
    color: #fff;
    font-weight: 600;
    background: #3072f6
}

.resblock-list-container .sort-list-wrapper .sort-list-items.on.down i {
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -399px -219px
}

.resblock-list-container .sort-list-wrapper .sort-list-items.on.up i {
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -430px -219px
}

.resblock-list-container .sort-list-wrapper .sort-list-items i {
    display: inline-block;
    width: 8px;
    height: 14px;
    vertical-align: middle
}

.resblock-list-container .sort-list-wrapper .sort-list-items .desc {
    vertical-align: middle
}

.resblock-list-container .no-result-wrapper {
    width: 906px
}

.resblock-list-container .no-result-wrapper.show {
    display: block
}

.resblock-list-container .no-result-wrapper.hide {
    display: none
}

.resblock-list-container .no-result-wrapper .noresult {
    padding: 40px 0 0;
    text-align: center
}

.resblock-list-container .no-result-wrapper .noresult .noresult-title {
    display: inline-block;
    padding-left: 28px;
    font-size: 16px;
    color: #101d37;
    line-height: 22px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAABGdBTUEAALGPC/xhBQAABLZJREFUWAnNWD1sFEcU3pnzGWxMgeKAQHGFLWHgjJ1QpI2SJpEixF8o6SgiKkiZYH5a6BBFOgqKBEgURQpV+hR2/HM2tmS7MnIMAiEFCyPOvuF9c/etxruzu3frFWIl+828ee+bb/7evLkgaH4T03P3JqfnLqGq8O/f6ccGkp+GBSuUWkzHWaH0urMxmKg+fsWKmqjO1Y0xqtRV7ttcry1rpU5rKGBxbGDgCaRYPNQoRD+xVlehJNdPhw4r6wolsVF2PziNVAaveWkCgWh00oL0Pytp0ovIobmOIcfJ6twpDM9tRBk0IENDVKrVhYMbZuMv0a7IAL6Ajp81xMRh1FS6koh2Il0j8XzkGnL0sWnwTo3WN7xL4yKiXK/Xf2rJEMYxQ25MNLqfbIBgzVWYwHzl1lEudXfus9PDkUUNWMcAbdecKzZQSm9P2WYR2UAp8zoqi3CVdZ8E5U7du//Ikb1bqIeAaavoA3R1KlD3R4YGv4POAmYx4nBamhtswKzhuWzSyuhQ292cZtVmm8bRaNMn1bylfZOK4DTK4szY/bWj1Lvb0ceKCBlcmFhjU4G9KCtdCbcN9BKif5UjcDbJKUn/8Z7d3X19feto3wLoOsiK3ZD6j66OZTu07vKXx/r7n1FHmQgIA5xsifbfBoE5HhiFxRvrUB1XKpWBJQJEZQxwdvZZz9v68/+MCXqixm6dkd/VobwFMOvExJyVMsNHD5UEPLwvQ8C8C4JOJMTjgrOgdtvgskhbXWwb6XlLNHfZTs7Mb7JuAX03Dw0gcQGPDB3+xtW55WakGoVON7eH256rzAADht69lgcVkcsOOY+zz0ci1/VCAaWT48UCqmB/sYCS6rUMmHRju3MpW/tPJSekKpv6qNuQt4yYqbWEoSyArJMCf6YWGjEN0TYNFCdFd5UvpNng0rfANMq6c2nnk24oCxcFYdxnnKWzWYNkxLQLwxcVkrOvSnDdx3qaRAo/XBn8zbWJAaJxanFxb/117e+k1deSW0pgveICsewFZGNUoiPzZuOiqZuTSZ1FfVjHxaa0+l3t7Ljtu9xoF5WZBJvB/E6r0xrtIKmOnSqkv48uQdTeS3B5ebnr+cu1u2m3TBRoO3VsvN49PeeZe7hYMYLtXswu2HbL7nEjVkiwmX4s5l1KRCO+dacWFj7BQ5idtCOx9BJk+vmysATtKVt/u5SVG6V1FM1Ftxe4gjXd1XkQh8kGLhsCMhK3NHJFt2GiwAm42qanBd1ORRJFGAM33cidi4QuDgvcZIklsf9gPyM5V+PV8WFSFG44JGNFsJtaXd1FHLdMXU45ppBc10xtMSdAxE3901CYzyMNuaplVe7XeEwim8iFEHMCsWLIgZPlhj6Q6uCaifXXhoI/HCBgo9yGa8wUXJh+hVcdrBqZS/AAr7+YV4ZCHB4xT66v136Wx+3XGS6xZiGGjs+4GU6MCMhNVud/eV+ZDFkioxmuHDoHktRBxgiy0RKdmUeWO5pnRomTJptkrslyXo8So18iQRpANjKdF5flAPywnYQCWI33lbrZqT+6xYwF+qSvJYI+Z4SnTbNxQtbjM1mHA4GRP2UOWFsEf/xmaIIV6WC8pDr+SPvpyYdP3Tt2kvcC8672CwAAAABJRU5ErkJggg==") no-repeat 0;
    background-size: 20px 20px
}

.resblock-list-container .no-result-wrapper .noresult .result-want {
    margin-top: 7px
}

.resblock-list-container .no-result-wrapper .noresult .result-want p {
    font-size: 14px;
    line-height: 20px;
    color: #9399a5
}

.resblock-list-container .no-result-wrapper .noresult .result-want p span {
    color: #3072f6
}

.resblock-list-container .no-result-wrapper .noresult .result-want p span a {
    margin-right: 10px
}

.resblock-list-container .no-result-wrapper .noresult .result-want p .city-find a {
    margin-right: 0
}

.resblock-list-container .no-result-wrapper .noresult .result-want p a {
    font-size: 14px;
    color: #3072f6
}

.resblock-list-container .no-result-wrapper .do-you-like {
    font-size: 20px;
    font-weight: 700;
    color: #101d37;
    margin-top: 40px
}

.resblock-list-container .resblock-list-wrapper {
    width: 932px
}

.resblock-list-container .resblock-list-wrapper .loading-wrapper {
    font-size: 12px;
    color: #9c9fa1;
    text-align: center;
    margin: 100px 0
}

.resblock-list-container .resblock-list-wrapper .loading-wrapper .loading {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../../common/img/loading_green.gif?bf10c0210a965ce198d7);
    background-size: 100%;
    margin: 10px auto
}

.resblock-list-container .resblock-list-wrapper .resblock-lists {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #f1f1f1
}

.resblock-list-container .resblock-list-wrapper .resblock-list:last-child {
    border: none
}

.resblock-list-container .resblock-list-wrapper .resblock-list:hover .resblock-desc-wrapper .resblock-follow {
    display: block
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper {
    position: absolute;
    width: 236px;
    height: 178px;
    background: #f5f5f6;
    background-image: url(../../common/img/default_icon.png?4d16840e6265654f44c6);
    background-size: 40px 38px;
    background-repeat: no-repeat;
    background-position: 50%
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper img {
    width: 236px;
    height: 178px;
    background: transparent
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper img:not([src]),.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper img[src=""] {
    display: none
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper {
    position: absolute;
    bottom: 10px;
    left: 10px
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon {
    position: relative;
    display: none;
    line-height: 31px;
    margin-right: 15px;
    background: rgba(0,0,0,.6);
    border-radius: 100px;
    width: 42px;
    height: 42px;
    background: url(../../common/img/vr_animation.png?2bf0dc0a27f2172a2f50);
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid hsla(0,0%,100%,.8);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon:first-of-type,.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon:nth-of-type(2) {
    display: inline-block
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon.vr i {
    background-image: url(../../common/img/vr/VR.png?ecd02bb20a49bcf1f3b6);
    background-size: 100%
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon.aerial i {
    background-image: url(../../common/img/vr/aerial.png?cc334d3e6911e0e66175);
    background-size: 100%
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon.video i {
    background-image: url(../../common/img/vr/video.png?e1caa340b6e080c95127);
    background-size: 100%
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon.evaluate i {
    background-image: url(../../common/img/vr/evaluate.png?29796f3c229d197b1aa1);
    background-size: 100%
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon i {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    vertical-align: middle
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon .text {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    font-family: PingFangSC-Regular;
    vertical-align: middle
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .discount {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 23px;
    padding: 0 10px;
    line-height: 23px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #eb4d3a;
    border-radius: 100px
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .watermark {
    position: absolute;
    bottom: 12px;
    right: 12px;
    opacity: .8;
    font-size: 14px;
    color: #fff;
    font-weight: 300
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper {
    position: relative;
    margin: 0 0 0 275px;
    height: 178px
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .split {
    display: inline-block;
    font-size: 14px;
    color: #9399a5;
    vertical-align: middle
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 8px 0 4px;
    vertical-align: middle
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .icon.location-icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAAXNSR0IArs4c6QAAAiJJREFUKBVtUktoU1EQnbkvbfFT/EDULqwrETSIafNZazbuXbhQF02aNk2MTSm4EslKRCjGpnmNxkSouMnChaAVMdJlNC0prQWlgtSCluhCkVq1yRtnYm5IoXdz5p45Z2buB6FlRaPRjl+b1gUiOgMEdkD4ioivdrapR8lk8o+Wog6C4fCpWo0eEoGDyZ8EuIxARwmgExHeGgZeypjmvOjrJjFUq/QaAb+AQf1Z0yxwB25IGAiHfVDD+wTUZbOhV4yYz+eN6Zczb9hu37Oj/WQikfiuu2uMxWJ7f2z8XeDOlbO+015j9377OQAaBqUupieSC1rYisVi8bfT7VkGotEPH1cWbex28fzrRw7Zn2lh3+DQdZ47Rog3H6TNW8JLfuVzZV30ivcnePx38Xjc0ibGCF/IPqmsuUb+PTc4zib8BITdOimIhLf5jBUkdWcLD3CYJ1jFwECk3wIrY2tTjkwqtdQqao0DoSsOy9pcVKCCCna1P5aq1ao1KVfcKtSx8GRVJ0UneqNcLG70uL08Io0+eTrdWZ4rvdBijatr38b4nc6jUv7cxPisIYnybGnJ6fLIwUecLm/H/FypoA19g5EbQNZVfvjx3F1zTPi6SQIWPu/tdR/kiiM9bg9yoRl/KBznQtf4d6Rz98zLopO15Qz1bxOKZBgDLCww+hiz2XQqKN/qvwVA3qm5JNHddWCAcaphmGrsm4ameLvAPzR8bDteuH9wNuZv+LhpMAAAAABJRU5ErkJggg==") no-repeat;
    background-size: contain
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .icon.room-icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAAXNSR0IArs4c6QAAAbNJREFUKBWtUztLA0EQnrk7sFDRyqBFSlujQVNZCIKCimAhWFjkQTQJVygRLA/xBwhBxcRHKVgIYgQFwYBgE0PUXgtBixSCiQkIuR1nDasxRgtxYJnd+R53+3EH8Ev5guFFuX6hgP4TyMIlAlpifLDH3adnM+mzety6Br5gZIHFy4iYYFGW11yP21Nik4tak28G3mAkBCBWWLzrbG/ztTY3JfMvpU42nO92e3JXmfRltckXA/9sZJpIJBDg0NnhmLIsy06lUjQ+NnKQLxRdADTn7vXcZS/TN8qEuZUKzIQnbKI9Hpw1NhijsVjsVWGym6bZUHwtJwlgQEec3NxY25fzdwP/THhYEB3xoWCAoyMet0oSrK1oNNr4lC8+sEmzhjiytbF2jIGQ2W8L+wSIygja9XZ8tb9WWH3mgM8JRBcgGrqmDxlC2AEEukXSngnJribX35OtkXZDKFqk1uCk/ZJ4/5g7rS/4PuUHlZ3tjm6JGJx0WW74w5HtS3mDIb4uwE58/SNsRVA6TQ3+2v/PoBIgufgqqZ/epoKRqzpsQ5E1gphAMJE+fzAEtBSuOiFkJFed3wA7IqnNofrTLAAAAABJRU5ErkJggg==") no-repeat;
    background-size: contain
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .icon.agent-icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAmFJREFUKBWVU11IFGEUPTPfrELL+he5oxURQWhSK0ti9FDb0ktWSrTt0hIEEfTivgQ9LEKtkdW7vgQhkSil/VCUT7FsvYW2uWG6aRGhubNGlvvDks4303cHZvEtOg9z596555s795yRsAGxWExe0H4EDdMMM0lqF7FWlqRf3DTfijiyXd0yKnoMmyLZNxe7u3fyNeMRYHo319XpLXuaFZfLhXw+j48zs/rPlRUFkJKsQg7cHRj4SjyLTERTNycYYzWhwGnm9x1CsViEls1CdbvhdDoRT7zGw7HHnBvGb0mR2ugAiUb9trQ84XAonms9UdbYoOJVPIHnL8fRoLqR0bLoPN6Bo34fljIaem/c5Os6T+1orG9ju5paQqZpRsKhoLxvbwsWFhcx/GAUsZ6oIBzBwQPtGLw/hOam3di2tVFMsUn+MD3dkC+W0jIth76RRiWkP81jv7cV1dVVVk6RcqoT/L7DoH7iybRVWo71RFxqaqqtUe2cIo1OdRvUTzx6cy1t1Ya31YPV1RzuDQ1jMvneipRT3Qb1WzKSjiSHDbFxRK9cptEwMfnOipRT3Qb1E08hAwgdj4kH1ugZTcOzF+OYm5tHoVDA/Ocv+J7JoOtEh9i+avFJd+Ip5BxhgJPxxBs4FAVjT57iVFcnzp4JoKrKhVwuj+RUCr19t3H+XBilUglkGFmWR8o6K4y1KgqTrwqJVHe9PWE5atllXO+7hXVdN4RTpkhnmbzqqGRBzjl0cZmZTZcJG2+ornOdG9wwqZ94ZW9fikQ8a3/44L+8XVHJLtzp70/RwWUyJeK0//qr/gJ1DThTWn0FKwAAAABJRU5ErkJggg==") no-repeat;
    background-size: contain
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-name .name {
    display: inline-block;
    margin-right: 7px;
    max-width: 75%;
    font-size: 22px;
    color: #101d37;
    line-height: 22px;
    vertical-align: middle;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-name .name:hover {
    color: #2b66dc
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-name span {
    display: inline-block;
    padding: 6px 7px;
    margin-right: 7px;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    border-radius: 2px;
    letter-spacing: -.27px;
    text-align: center;
    font-weight: 400;
    color: #fff
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-name .resblock-type {
    color: #fff;
    background-image: linear-gradient(-135deg,#3072f6,#6b99f6)
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-name .sale-statuss {
    color: #9399a5;
    padding: 5px 7px;
    border: 1px solid #ced2d6;
    box-sizing: border-box
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-location {
    display: inline-block;
    margin-top: 15px;
    width: 470px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #9399a5;
    vertical-align: middle
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-location:hover {
    text-decoration: underline
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-location a,.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-location span {
    display: inline-block;
    font-size: 14px;
    color: #9399a5;
    vertical-align: middle
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-location a:hover {
    text-decoration: underline
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-room {
    display: block;
    height: 15px;
    margin-top: 16px;
    width: 470px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-room span {
    display: inline-block;
    font-size: 14px;
    color: #9399a5;
    vertical-align: middle
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-room span:hover {
    text-decoration: underline
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-room .area {
    margin-left: 18px
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-area {
    height: 16px;
    margin-top: 16px
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-area span {
    font-size: 14px;
    color: #666
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-agent {
    margin-top: 18px;
    height: 20px
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-agent .agent {
    font-size: 14px;
    line-height: 14px;
    color: #9399a5;
    vertical-align: middle
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-agent .consult {
    display: inline-block;
    height: 20px;
    line-height: 23px;
    width: 76px;
    vertical-align: middle;
    margin-left: 10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAoCAYAAAAYNNPaAAAAAXNSR0IArs4c6QAACyRJREFUeAHtXAt0FOUVvju7m00IzxCegSivnoAoRR4tAaRQQXmkWFCB09aqoJaHUHrq8VFKbHtEbY/gQbAtxyo9oKht8JBA0VQl0ABBQgV5SpDyBm0kBIhJdmd3e7/ZjDOzmZ3dmdmEQ517TrK7M/9r7v/99373/v8ZF7HkPV2b3ba1v6DycnhAdU3Ii2uOOBpIRANt0oVAZmvXvkuXU6YWPZ12ygUw1QXrj9fUhdyJNOCUcTSgp4H0VCGY6vb19MAyfXY+5B7Sx0MLJ6dTZhuXXnnnmqMBXQ1UVodp2YYa2l0hujt38RcIcHMo6YBJV1/OxTgagAECdiDAkiBzJscyxdGcczumBmTsAEtCzFLODUcDFjTgAMqC0pwqsTXgACq2bpw7FjTgAMqC0pwqsTXgACq2bq7JnWDomnSbtE49yWhJZCVsOxik0kMhOnw2hPBRapYzqNQ3S6AR/QS67SY3eZoIvksKAlT2aZBeX5hKrdKS8URN18bJ/4bJx1rv3K5xvi/EapvyfB3lsM6evy/F1CAwB699INL0ER5dHaz7l0h/3SLSiod91Ltz475NdWZQ2DagtjGIVm4O0NkvIyBS93W6MkynK4NUvC9IWe1FmjveS7cxuJIpgWAEzDndBF1FJrMvu20BMPnr/PQFJwMXT0uh735Lq4tdR0P05RWi7EyBLlQ11qfcv8B46NhWC4qDp0IE0GBhL3vQR5mt5dKRz43lQUrh2e7VSVtPW8r+L1fuYxelkRf/rq2p1sJc6+V3RekhzFScMdJDc+70kCtJzwVAP7XWT4vu8dKdAxPfPXpre5DKKxiNJmQ2L4ieOhNScjBEm3aL1KqFixbfa7wVWlVD9FyBn7YfCdH9Yzw08/uKLha97ie0FU/atSQqeiq1UbHDZ8L0xJp68rhdtPSBFLqhQ0TJn5wI0ZxVfgmEg3tpQRzdyL25HurdxfzkjPv1JakpyxbKCpjQI1YRZO54c12v2SrSzk8bK/t8VeTa33eIVLjbGCDZmS56Ykpkwi9eCdOZKKsa5EVyjtdXKnubDq0aK7U+IA290b+1JQE6cjZiUfKGuGlgj9iT1o6TynBnr7wv0uoPRcrmSR83wE17PgvRVl4cY252U26Ofv0Aq+7FogDldNW/37ebi/78Mx/Ne8VPc1fVSxSgTQuiv7FusIBh2f59vLEO8UD+QJguXiUaxdTECqBkpZib1YZasAoyMOSGzHyi7s03MK8y4f5OsfvcfzJEA27UKjMrQ6CsjPi9Hz0XovqAApLZbCXxpxZYj7xn6ujWngL9PkEOc+x8WAIT3FcZu6wiBrURoOT+Zt3uoeE5bgIIqngif/O2n25kcP2KLS04FjzAtBfqady33YSykLW8qODi50yIbQXBzZbPTJEACjBtYle35UCIZnIbD7BFjCXlx0L081f9pGgoVknj67F7iFEP5A+cya6gjdwcnymiDkWveMgcWZXH+fAf66kpIqjC8ojFnTXWS2IoQCUHgrQwz5sQnwOYIG9tF+lqLTH3SZHAhGtwX7CW3dtHyoBTwaJNYgvYo6PxtHfNcFHXDDdVnAvTC4UBGsRu7v7RxlMNfgexS0WMe4n0ofkP0qdHwDWFEviBNtAWTPz1KvWMpeKPgxLRzcly0YRb3YSV/h5fuzs3/nMBILsqmANO9VIf5i1qwrxpTwSo7Rtcb8s0F43sB2ultU5YJAeYkKulTbpLsnZL2T2mM9UCoF7eHGlPXQ7fH2ErLUXfDYCya6JMAwqpgWQJ2rIDqGgOFD0urFTwhqaSLfuDdLWO6MEGlzSqv5vSNwTY7YlxAQUO+sY2kUb0ZZfNVqh7pgLAnew6N3wUZHLNp0Be80vBBsh7/jQtmPBc6H8uE261jLpJoGd+lCIFP7V8a30ZA5fblEk6ylbVhKWIcta4CKDkWbWrLtOAQp4pWWKnLZG5xHTmGEZSyJFQBkdETSUIAjDpINUQuOQxt7glHnXodJj6ddefHliO9TuDEh/87YyUr0EPt/M2uz8Q9k6cFlg120cA7eotAfonp16mfIctFLvWFj7liWCBlnFEJ8uz7yh0BDwVsr6MqAtzq9XzlYrgsStVVgucDcIBoi0xDSg5aanudfksfiAe0Py/MKnjAa1+1EcnvghR/psB8rKu1/3CRzuOBGlpkdbs6rWlbjeR7yOZ2I+OcptlHA0W7zWO+BJp26gMEpQIx0f3F6ht5DiQVHzioAigiphb9euutSgAzHPrA/SPPUGJjCPaQ27oBLdVeojzdTzm45+HaRgT/MenpFD7ViRZuvHc5toSTtGUilIk+CRHqoN7R8ACdzWkjxKopGm7NHoEzT1wY0izcygoAGZUIw3oxjUZ6Zr7TfijZyfhawshd4OUQPFe+VfTfG5sSFFMHKxdk/2zBU5Muuh9tijzJ3opTTEeUpQGMMElIbEJi4bfyPTDNQ/k6DL/ex4a22Dx5JGns2F55A6PRA/y3/RL0Vi8qE2uK3+C78FqynLhkvId1+SAxR0xtnIx059abSRQPbuDIIXv6qKwTGr56XLFFSHMvfsPym91OWzNXI8Cd/vux6KUjR6qsg7ys0xgi/Kn90QJVMhLyTJ1mIe8rPHpw5VkJngXJnMEE27kqIykT1cXvTrPRys4Qh7ZV2nXqI5873MGECLdWBJEEo6l2V1eN159+0/GGpa569jnux5lG7sn5KzAn36whFlxlABwkEIm52pAwdLM4L02bEk9y65PLZs5MkxE5nG2/peTzfs1EP+VDykc6p1dkb09uU/Z5Xk99ha5aQs1mjOpm9lMJ0OwaXw9CvbFIHfwVo87xiPs+w9vlHMu6diFcKPN2Do26OBf2MaR0wLx9FD9VZiOcl7pSi0siflJh+VR7++1jNq58TfgGxbUjpiujm0B7FZDUXYEKwYnEOwKQu+CnVqy79f+tNuFpv55TjZ+xLkjRFAgx7HkQ47OFq+LpBCQ6NST+zjZeDtHhYkItmYWRFGLePWwzXJLQ6QXryy2dSDgyHbEUvV7eAMx2mSbHQROHtg5ziKwZZg23HgyUvXn0exQNeU3NljnScyTjARJyNZpASnJOYefFQS8OWUHbz4vesMvbRKj33Ocaf/xMoVDVUuWThlRLe/lQVJtjtNSdXu2iXkEnzgws4+nPLbyDVHRoxxFNacg7EcGG5vHyDcZCdIlY3kfroDzTSVsreAem0sOnQnR9sN+KWrs1ZnTKkz8e3TU982yy8Z+IgQnJuyIJUDhPI9VkY+vWK1vtR44gt2QGKcdKi8TjectFnU6INaYJg3ySIAqYs6lByi4zstM7hOR05XxE8oYG/b/EFlPHeaW0hYAjF7f0X1u5UADG8uJPFd0XfVvS4ACcQMHkuUqm8/qr+Rf+p8o3xQH7PR7ixyTqWELD7dazdsM4HwTBxtbCYTtpUui2Kqqg+HMH43uq4pKXxHmG5VHDgp/yRKRQ38kJh+7y0uThxo/614OGipYJyDrpYeDBG64IAbXMzM+S4D6ySgP4U8WuALsFWFTFBlyJM2QW2muI8DyONSfOJ/0wSfKZCGQuGuoMmZ12Wv1/fEf8gnWBAMTRIVP8kFCI4GFWbPAp1nsscoj7fHSxgBh7hBt4mhLXpwFF6st9XXLJzbVjTjfHQ3IJzb1mZqjH0cDFjXgAMqi4pxq+hpwAKWvF+eqRQ04gLKoOKeavgYcQOnrxblqUQMC3pGIungTmSOOBqxoQMYOsCTghZtoBK+1k29YadSp883UgPxKRDw9sOS8tPWbiYOkP7X80lYBrwLG21t7dXGXy+4v6b05Df7fagCYAXaAIWDpfw0i8mLjj2C/AAAAAElFTkSuQmCC") no-repeat;
    background-size: contain
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-tag {
    margin-top: 18px
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-tag span {
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    padding: 0 12px;
    line-height: 30px;
    font-size: 12px;
    color: #849aae;
    background: rgba(132,154,174,.1)
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-price {
    position: absolute;
    top: 51px;
    right: 0
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-price .main-price .number {
    font-family: Tahoma-Bold;
    font-size: 28px;
    line-height: 28px;
    color: #ff0000;
    vertical-align: bottom
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-price .main-price .desc {
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #ff0000;
    vertical-align: bottom
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-price .second {
    margin-top: 10px;
    font-size: 12px;
    color: #9399a5;
    text-align: right
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-follow {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 26px;
    padding: 0 10px;
    line-height: 26px;
    font-size: 12px;
    color: #666;
    font-weight: 600;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px
}

.resblock-list-container .resblock-list-wrapper .resblock-list .resblock-desc-wrapper .resblock-follow:hover {
    cursor: pointer
}

.resblock-list-container .resblock-list-wrapper .guess-you-love {
    margin: 20px 0 0;
    font-size: 24px;
    color: #101d37;
    height: 33px;
    line-height: 33px;
    font-weight: 700
}

.resblock-list-container .right-side-container {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff
}

.resblock-list-container .right-side-container .help-me-find-house {
    position: relative;
    background: url(images/help_me_find_house_img@2x.png?23) 50% no-repeat;
    background-size: 100%;
    width: 185px;
    height: 170px
}

.resblock-list-container .right-side-container .help-me-find-house .help-me-find-house-btn {
    position: absolute;
    opacity: .8;
    background: #3072f6;
    border-radius: 2px;
    width: 88px;
    height: 25px;
    line-height: 25px;
    font-family: PingFang-SC-Regular;
    font-size: 14px;
    color: #fff;
    letter-spacing: -.26px;
    text-align: center;
    bottom: 10px;
    left: 48px;
    cursor: pointer
}

.resblock-list-container .right-side-container .hot-activity-wrapper {
    padding-bottom: 30px;
    border-bottom: 1px solid #f1f1f1
}

.resblock-list-container .right-side-container .hot-activity-wrapper .title {
    font-size: 16px;
    color: #101d37;
    line-height: 22px;
    font-weight: 700
}

.resblock-list-container .right-side-container .hot-activity-wrapper .activity-list {
    margin-top: 20px
}

.resblock-list-container .right-side-container .hot-activity-wrapper .activity-list .activity-list-item {
    margin-top: 11px;
    width: 184px;
    height: 128px
}

.resblock-list-container .right-side-container .hot-activity-wrapper .activity-list .activity-list-item a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.resblock-list-container .right-side-container .hot-activity-wrapper .activity-list .activity-list-item a img {
    width: 100%
}

.resblock-list-container .right-side-container .hot-building-wrapper {
    margin-top: 30px
}

.resblock-list-container .right-side-container .hot-building-wrapper .title {
    font-size: 16px;
    color: #101d37;
    line-height: 22px;
    font-weight: 700
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list {
    margin-top: 20px
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item {
    width: 184px;
    margin-top: 20px
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link {
    position: relative;
    display: block
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link img {
    width: 100%;
    height: 128px
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link .building-wrapper {
    margin-top: 12px
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link .building-wrapper .name {
    display: inline-block;
    font-size: 14px;
    color: #18253e;
    max-width: 82px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link .building-wrapper i {
    float: right;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: 2px
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link .building-wrapper i.status {
    color: #3072f6;
    background: rgba(107,153,246,.11);
    margin-right: 4px
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link .building-wrapper i.type {
    border: 1px solid #ced2d6;
    color: #9399a5;
    line-height: 14px
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link .price-wrapper {
    margin-top: 10px
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link .price-wrapper .price {
    font-size: 14px;
    color: #ff0000;
    font-weight: 700
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link .price-wrapper .unit {
    font-size: 14px;
    color: #000019;
    font-weight: 700
}

.resblock-list-container .right-side-container .hot-building-wrapper .building-list .building-list-item .building-link .ad-tag {
    position: absolute;
    font-size: 12px;
    color: #fff;
    right: 12px;
    bottom: 58px
}

.resblock-list-container .quick-filter-wrapper {
    position: relative;
    margin-bottom: 30px
}

.resblock-list-container .quick-filter-wrapper .title {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 12px;
    color: #101d37;
    font-weight: 700
}

.resblock-list-container .quick-filter-wrapper .quick-filter-list {
    margin-left: 50px
}

.resblock-list-container .quick-filter-wrapper .quick-filter-list .quick-filter-item {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer
}

.resblock-list-container .quick-filter-wrapper .quick-filter-list .quick-filter-item .icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border: 1px solid #c8cfd2;
    vertical-align: middle;
    box-sizing: border-box
}

.resblock-list-container .quick-filter-wrapper .quick-filter-list .quick-filter-item .text {
    display: inline-block;
    font-size: 13px;
    color: #9399a5;
    line-height: 17px;
    vertical-align: middle
}

.resblock-list-container .quick-filter-wrapper .quick-filter-list .quick-filter-item .text.blue {
    color: #3072f6
}

.resblock-list-container .quick-filter-wrapper .quick-filter-list .quick-filter-item.on .icon {
    border: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAMNJREFUKBVjNCj69p+BBMBEglqwUqI0mKkyMTAxQowmqCHIgplhRjobQ3MkK6oNjEAT5EWhxkDdCVJcE8LKwAiUvPr4H0IDSHFDOCvD0gJ2Bj15iKXIirs3/GJYdvgvWAMLiASZy8LMwMDNwcgwLY2NYdWxPwwJjixgk5EVg9SCNfwDBmztst8gPoOXEQtOxSB5uKdhmp6+/Qc2effFP3BngBTCACN6xLEAjUh0YmGYvecPTA0KjaEBRRYLB+4kLHJYhQBsfzjUuQxpCQAAAABJRU5ErkJggg==") no-repeat;
    background-size: cover
}

.overlayBg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none
}

.find-house-filter-container {
    display: none;
    position: relative;
    z-index: 1;
    font-size: 0;
    width: 1174px;
    padding: 9px 26px 25px;
    background: #fbfbfb;
    box-shadow: 0 2px 2px 0 #ebebeb;
    border-radius: 1px;
    box-sizing: border-box;
    margin: 0 auto 20px
}

.find-house-filter-container .find-house-block {
    display: inline-block;
    margin-right: 40px;
    margin-top: 10px
}

.find-house-filter-container .find-house-block .title {
    font-family: PingFangSC-Semibold;
    font-size: 12px;
    color: #101d37;
    letter-spacing: 0;
    font-weight: 700;
    text-align: justify
}

.find-house-filter-container .find-house-block .area,.find-house-filter-container .find-house-block .price,.find-house-filter-container .find-house-block .room {
    border: 1px solid #c8cfd2;
    display: inline-block;
    padding: 0 10px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    margin-left: 20px
}

.find-house-filter-container .find-house-modify {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #3072f6;
    letter-spacing: 0;
    text-align: justify;
    cursor: pointer;
    margin-left: 20px
}

.filter-containers {
    position: relative;
    z-index: 1;
    font-size: 0;
    width: 1174px;
    margin: 0 auto;
    padding: 19px 26px 25px;
    background: #fbfbfb;
    box-shadow: 0 2px 2px 0 #ebebeb;
    border-radius: 1px;
    box-sizing: border-box
}

.filter-container .main-title {
    height: 17px;
    line-height: 17px;
    padding-bottom: 23px;
    border-bottom: 1px solid #f1f1f1
}

.filter-container .main-title span {
    margin-right: 26px;
    font-size: 12px;
    color: #333;
    line-height: 14px;
    vertical-align: middle
}

.filter-container .main-title span.desc {
    font-weight: 600
}

.filter-container .main-title span.title-item {
    position: relative;
    padding-right: 20px
}

.filter-container .main-title span.title-item:hover {
    cursor: pointer
}

.filter-container .main-title span.title-item i {
    position: absolute;
    width: 10px;
    height: 5px;
    right: 0;
    top: 5px;
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -571px -191px
}

.filter-container .main-title span.title-item.on {
    font-weight: 600;
    color: #3072f6
}

.filter-container .main-title span.title-item.on i {
    background-position: -561px -190px
}

.filter-container .filter-by-area-containers {
    padding: 0 0 17px 50px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 17px
}

.filter-container .filter-by-area-container .district-wrapper {
    padding-top: 5px
}

.filter-container .filter-by-area-container .district-wrapper .district-item {
    position: relative;
    display: inline-block;
    height: 17px;
    margin-right: 18px;
    padding: 5px 0;
    line-height: 17px;
    font-size: 12px;
    font-weight: 300;
    color: #101d37
}

.filter-container .filter-by-area-container .district-wrapper .district-item:hover {
    color: #2b66dc;
    cursor: pointer
}

.filter-container .filter-by-area-container .district-wrapper .district-item.on {
    color: #3072f6
}

.filter-container .filter-by-area-container .district-wrapper .district-item.last-click:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 2px;
    background: #3072f6
}

.filter-container .filter-by-area-container .bizcircle-container .bizcircle-wrapper {
    display: none
}

.filter-container .filter-by-area-container .bizcircle-container .bizcircle-wrapper .bizcircle-item {
    display: inline-block;
    height: 30px;
    margin-right: 20px;
    line-height: 30px;
    vertical-align: middle
}

.filter-container .filter-by-area-container .bizcircle-container .bizcircle-wrapper .bizcircle-item:hover {
    color: #3072f6;
    cursor: pointer
}

.filter-container .filter-by-area-container .bizcircle-container .bizcircle-wrapper .bizcircle-item.on {
    color: #3072f6
}

.filter-container .filter-by-area-container .bizcircle-container .bizcircle-wrapper .bizcircle-item.on .bizcircle-item-icon {
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -403px -275px
}

.filter-container .filter-by-area-container .bizcircle-container .bizcircle-wrapper .bizcircle-item .bizcircle-item-icon {
    display: inline-block;
    height: 14px;
    width: 14px;
    line-height: 14px;
    vertical-align: middle;
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -403px -289px
}

.filter-container .filter-by-area-container .bizcircle-container .bizcircle-wrapper .bizcircle-item .bizcircle-item-name {
    display: inline-block;
    margin-left: 6px;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    color: #666
}

.filter-container .filter-by-area-container .selected-container {
    display: none;
    margin: 20px 0 0
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper {
    display: inline-block;
    vertical-align: middle
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item {
    display: inline-block;
    line-height: 30px
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .selected-district {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 12px;
    line-height: 12px;
    color: #9b9b9b;
    vertical-align: middle
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list {
    display: inline-block;
    line-height: 30px;
    margin-right: 20px;
    vertical-align: middle
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list .bizcircle-list-item {
    display: inline-block;
    height: 24px;
    padding: 0 12px;
    margin-right: 10px;
    line-height: 24px;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 2px
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list .bizcircle-list-item:hover {
    border-color: #2b66dc;
    cursor: pointer
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list .bizcircle-list-item:hover .name {
    color: #2b66dc
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list .bizcircle-list-item:hover .delete {
    background-image: url(../../common/img/close-small-green@1x.png?9753697c3b154fe8dba4)
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list .bizcircle-list-item .name {
    margin-right: 3px;
    font-size: 12px;
    color: #4a4a4a;
    vertical-align: middle
}

.filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list .bizcircle-list-item .delete {
    display: inline-block;
    height: 6px;
    width: 6px;
    vertical-align: middle;
    background-image: url(../../common/img/close-small-white@1x.png?d129d0d0a93c1c13b200);
    background-size: 100%
}

.filter-container .filter-by-area-container .selected-container .clear-selected {
    display: inline-block;
    display: none;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    vertical-align: middle
}

.filter-container .filter-by-subway {
    padding-bottom: 30px;
    margin-bottom: 23px;
    border-bottom: 1px solid #f1f1f1;
    display: none
}

.filter-container .filter-by-subway .subway-line-wrapper .subway-line-item {
    position: relative;
    display: inline-block;
    height: 34px;
    margin-right: 30px;
    line-height: 34px;
    font-size: 12px;
    font-weight: 300;
    color: #101d37
}

.filter-container .filter-by-subway .subway-line-wrapper .subway-line-item:hover {
    color: #2b66dc;
    cursor: pointer
}

.filter-container .filter-by-subway .subway-line-wrapper .subway-line-item.on {
    color: #3072f6
}

.filter-container .filter-by-subway .subway-line-wrapper .subway-line-item.last-click:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 5px;
    background: #3072f6
}

.filter-container .filter-by-subway .subway-station-container {
    margin-bottom: 20px
}

.filter-container .filter-by-subway .subway-station-wrapper {
    display: none
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group {
    position: relative;
    margin-bottom: 14px
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .station-item {
    position: relative;
    display: inline-block;
    width: 74px;
    height: 40px
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .station-item.on .station-icon {
    width: 18px;
    height: 18px;
    -webkit-transform: translate(-2px,-2px);
    transform: translate(-2px,-2px);
    -ms-transform: translate(-2px,-2px);
    -o-transform: translate(-2px,-2px);
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -385px -293px;
    border: none
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .station-item.on .station-name {
    color: #3072f6
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .station-item:hover .station-icon {
    border-color: #2b66dc
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .station-item:hover .station-name {
    color: #2b66dc
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .station-item .station-name {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .station-item .station-icon {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 30px;
    top: 6px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 100px
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .subway-line-bg {
    position: absolute;
    top: 8px;
    left: 35px;
    right: 45px;
    height: 10px;
    z-index: -1;
    background-color: #e4e6f0
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .subway-line-bg-r {
    position: absolute;
    width: 50px;
    height: 44px;
    top: -46px;
    right: 0;
    z-index: -2;
    border-top: 10px solid #e4e6f0;
    border-bottom: 10px solid #e4e6f0;
    border-right: 10px solid #e4e6f0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.filter-container .filter-by-subway .subway-station-wrapper .station-group .subway-line-bg-l {
    position: absolute;
    top: -46px;
    left: 0;
    z-index: -2;
    width: 50px;
    height: 44px;
    border-top: 10px solid #e4e6f0;
    border-bottom: 10px solid #e4e6f0;
    border-left: 10px solid #e4e6f0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.filter-container .filter-by-subway .subway-selected-container {
    display: none;
    margin: 20px 0 0
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper {
    display: inline-block;
    vertical-align: middle
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item {
    display: inline-block;
    margin-right: 20px;
    line-height: 30px
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .selected-line {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    line-height: 12px;
    color: #9b9b9b;
    vertical-align: middle
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .station-list {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .station-list .station-list-item {
    display: inline-block;
    height: 24px;
    padding: 0 12px;
    margin-right: 10px;
    line-height: 24px;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 2px
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .station-list .station-list-item:hover {
    border-color: #2b66dc;
    cursor: pointer
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .station-list .station-list-item:hover .name {
    color: #2b66dc
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .station-list .station-list-item:hover .delete {
    background-image: url(../../common/img/close-small-green@1x.png?9753697c3b154fe8dba4)
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .station-list .station-list-item .name {
    margin-right: 3px;
    font-size: 12px;
    color: #4a4a4a;
    vertical-align: middle
}

.filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .station-list .station-list-item .delete {
    display: inline-block;
    height: 6px;
    width: 6px;
    vertical-align: middle;
    background-image: url(../../common/img/close-small-white@1x.png?d129d0d0a93c1c13b200);
    background-size: 100%
}

.filter-container .filter-by-subway .subway-selected-container .subway-clear-selected {
    display: inline-block;
    display: none;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    vertical-align: middle
}

.filter-container .common-filter {
    position: relative;
    transition: max-height .6s ease;
    overflow: hidden
}

.filter-container .common-filter.not-show {
    max-height: 0
}

.filter-container .common-filter.show {
    max-height: 100px
}

.filter-container .common-filter .title {
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 12px;
    color: #101d37;
    line-height: 17px;
    font-weight: 700
}

.filter-container .common-filter .common-filter-list {
    margin: 0 100px 0 50px;
    max-height: 27px;
    overflow: hidden;
    transition: max-height .6s ease
}

.filter-container .common-filter .common-filter-list .common-filter-list-item {
    display: inline-block;
    min-width: 160px;
    margin: 5px 0;
    vertical-align: middle
}

.filter-container .common-filter .common-filter-list .common-filter-list-item .list-wrapper {
    display: inline-block;
    cursor: pointer
}

.filter-container .common-filter .common-filter-list .common-filter-list-item .list-wrapper .icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border: 1px solid #c8cfd2;
    vertical-align: middle;
    box-sizing: border-box
}

.filter-container .common-filter .common-filter-list .common-filter-list-item .list-wrapper .text {
    display: inline-block;
    font-size: 13px;
    color: #101d37;
    line-height: 17px;
    vertical-align: middle
}

.filter-container .common-filter .common-filter-list .common-filter-list-item .list-wrapper.on .icon {
    border: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAMNJREFUKBVjNCj69p+BBMBEglqwUqI0mKkyMTAxQowmqCHIgplhRjobQ3MkK6oNjEAT5EWhxkDdCVJcE8LKwAiUvPr4H0IDSHFDOCvD0gJ2Bj15iKXIirs3/GJYdvgvWAMLiASZy8LMwMDNwcgwLY2NYdWxPwwJjixgk5EVg9SCNfwDBmztst8gPoOXEQtOxSB5uKdhmp6+/Qc2effFP3BngBTCACN6xLEAjUh0YmGYvecPTA0KjaEBRRYLB+4kLHJYhQBsfzjUuQxpCQAAAABJRU5ErkJggg==") no-repeat;
    background-size: cover
}

.filter-container .common-filter .common-filter-list .common-filter-list-item .list-wrapper.disable .icon {
    border: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAABGdBTUEAALGPC/xhBQAAAghJREFUSA3FVWlPAkEM7S5EFBBNPGKMB4iiooj+///gfaFG44kSQE1EJSGLvGrHmb2ERON8mE7b99pOd2bW2tw9bNPXsGWxvrpErBTyOdrePyYrHAa8BybBIKOYFuZmKZmIU7v9mREMdpyeX8JvDCOj7lFF6kasPY6NwjJj2AHFtm2C3No7+nZAKa4sKqMRSpAM70yBVQnALT1FuQHQ0T40B4MbgoVlWezYOSiR4zgwsQ47OihNUwQYXxqvvBlGdybY3HtQBIAkylrnQ+8engjPkL57CAKD+Tdd0mvyLUkHuNc/EoYGk3w2bNtibigB4Ln0NAOHUymTMJ+ZoVw2zUZMOvjy+o7qT8/s4++AdIPJBBtAeqhUVWQdDACX5Dht2jk4ZkIiPhAIVgQsdBL0SrWmyoAuw9g0SHtHJarWHum2XBGMIQ0CPK2WQ9d39wZIVzwE3em37vks+QUJs/VcUVgwP9+vJcBBwuGSIyrJjAstxl4kAmdmp/jJAa+4ssQviTwOvgnwDk1OjFH5oareJ3dSd2D48SRd3ZSN82ckQOBs53LJtRgfHaHG6xudXVypRN0GloI8pwg9zKZn+H8kIMj3ZpNifX2qFbD5VQy7PowdwIHbg/65E/XHYorXTWABexKIQxJFozblc/MUiUS44lr9KfQmCl9kYAIB4GqHvfqCC5K/dg/+LcEHuyLoJVaylKsAAAAASUVORK5CYII=") no-repeat;
    background-size: cover
}

.filter-container .common-filter .common-filter-list .common-filter-list-item.custom {
    font-size: 13px;
    color: #101d37;
    line-height: 18px
}

.filter-container .common-filter .common-filter-list .common-filter-list-item.custom input {
    display: inline-block;
    height: 18px;
    width: 35px;
    border: 1px solid #b7b7b7
}

.filter-container .common-filter .common-filter-list .common-filter-list-item.custom .confirm {
    display: none;
    width: 35px;
    padding: 0;
    border: 0;
    color: #fff;
    background-color: #101d37;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    cursor: pointer
}

.filter-container .common-filter .common-filter-list .common-filter-list-item.custom .confirm.on {
    display: inline-block
}

.filter-container .common-filter .common-filter-list.check-filter {
    max-height: 100px
}

.filter-container .common-filter .more {
    position: absolute;
    top: 7px;
    right: 0;
    font-size: 13px;
    color: #9399a5;
    cursor: pointer
}

.filter-container .open-or-close {
    text-align: center;
    margin-top: 10px
}

.filter-container .open-or-close span {
    position: relative;
    font-size: 12px;
    color: #9399a5;
    line-height: 17px;
    cursor: pointer
}

.filter-container .open-or-close span.close i {
    background-position: -571px -191px
}

.filter-container .open-or-close i {
    position: absolute;
    top: 5px;
    width: 10px;
    height: 5px;
    margin-left: 9px;
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -561px -190px
}

.filter-container .open-or-close a {
    color: #9399a5
}

.drag-brush {
    font-size: 0;
    width: 300px;
    margin-left: 10px
}

.drag-brush.hide {
    display: block;
    height: 0;
    overflow: hidden
}

.drag-brush .list-main-wrapper {
    position: relative
}

.drag-brush .list-main-wrapper .list-container {
    height: 60px;
    padding: 0;
    margin: 0;
    font-size: 0
}

.drag-brush .list-main-wrapper .list-container .list-item {
    display: inline-block;
    width: 30px;
    background: #f2f2f2;
    vertical-align: bottom
}

.drag-brush .list-main-wrapper .float-top {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap
}

.drag-brush .list-main-wrapper .float-top .list-container {
    position: relative
}

.drag-brush .list-main-wrapper .float-top .list-container .list-item {
    background: #3072f6
}

.drag-brush .slid-container {
    position: relative;
    height: 5px;
    background: #d0d0d0
}

.drag-brush .slid-container .slid-container-float-top {
    position: absolute;
    background: #3072f6;
    height: 5px;
    bottom: 0;
    left: 0;
    right: 0
}

.drag-brush .slid-container .drag-icon {
    position: absolute;
    width: 0;
    height: 0
}

.drag-brush .slid-container .drag-icon:hover {
    cursor: pointer
}

.drag-brush .slid-container .drag-icon.left {
    left: 0;
    bottom: 0
}

.drag-brush .slid-container .drag-icon.left .display-icon {
    left: -10px;
    bottom: -10px
}

.drag-brush .slid-container .drag-icon.right {
    right: 0;
    bottom: 0
}

.drag-brush .slid-container .drag-icon.right .display-icon {
    right: -10px;
    bottom: -10px
}

.drag-brush .slid-container .drag-icon .display-icon {
    position: absolute;
    width: 18px;
    height: 18px;
    z-index: 1;
    background: #fff;
    border: 1px solid #3072f6;
    box-shadow: 0 2px 4px 0 hsla(0,0%,44.7%,.5);
    border-radius: 100%
}

.drag-brush .number-reflect {
    position: relative;
    margin-top: 19px
}

.drag-brush .number-reflect .desc {
    font-size: 12px;
    color: #9c9fa1;
    vertical-align: bottom;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.drag-brush .number-reflect input {
    width: 58px;
    height: 24px;
    font-size: 12px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    vertical-align: bottom;
    text-align: center
}

.drag-brush .number-reflect input.min-value {
    margin-left: 34px
}

.drag-brush .number-reflect .division {
    margin: 0 6px;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    vertical-align: middle
}

.drag-brush .number-reflect .ok {
    display: none;
    position: absolute;
    font-size: 12px;
    color: #3072f6;
    top: 8px;
    right: -34px;
    font-weight: 600
}

.drag-brush .number-reflect .ok:hover {
    cursor: pointer
}

.price-area-container {
    position: relative;
    width: 1150px;
    margin: 0 auto;
    padding: 30px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 0
}

.price-area-container .price-nav {
    margin-bottom: 20px
}

.price-area-container .price-nav span {
    margin-right: 12px;
    font-size: 14px;
    color: #333;
    vertical-align: bottom
}

.price-area-container .price-nav span:hover {
    cursor: pointer
}

.price-area-container .price-nav span.on {
    font-size: 14px;
    color: #3072f6;
    font-weight: 600
}

.price-area-container .price-nav span i {
    margin-left: 5px;
    font-size: 12px;
    color: #666;
    vertical-align: bottom;
    text-decoration: none;
    font-weight: 300
}

.price-area-container .area-wrapper {
    position: absolute;
    top: 30px;
    left: 425px
}

.price-area-container .area-wrapper .area-title {
    margin-bottom: 20px
}

.price-area-container .area-wrapper .area-title .area-desc {
    margin-right: 5px;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.price-area-container .area-wrapper .area-title .unit {
    font-size: 12px;
    color: #666;
    font-weight: 300
}

.price-area-container .house-type-wrapper {
    position: absolute;
    top: 30px;
    right: 0;
    width: 300px
}

.price-area-container .house-type-wrapper .type-title {
    margin-bottom: 20px;
    position: relative
}

.price-area-container .house-type-wrapper .type-title .title-left .title-desc {
    margin-right: 5px;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.price-area-container .house-type-wrapper .type-title .title-left .unit {
    font-size: 12px;
    color: #666;
    font-weight: 300
}

.price-area-container .house-type-wrapper .type-title .title-right {
    position: absolute;
    right: 0;
    bottom: 0
}

.price-area-container .house-type-wrapper .type-title .title-right span {
    font-size: 14px;
    color: #333;
    font-weight: 300
}

.price-area-container .house-type-wrapper .rect-wrapper {
    white-space: nowrap;
    overflow: hidden
}

.price-area-container .house-type-wrapper .rect-wrapper .rect-item {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 110px;
    color: #101d37
}

.price-area-container .house-type-wrapper .rect-wrapper .rect-item:hover {
    cursor: pointer
}

.price-area-container .house-type-wrapper .rect-wrapper .rect-item.on {
    color: #3072f6
}

.price-area-container .house-type-wrapper .rect-wrapper .rect-item.on .rect {
    background: #3072f6
}

.price-area-container .house-type-wrapper .rect-wrapper .rect-item.on .house-type-item .type-icon {
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -403px -275px
}

.price-area-container .house-type-wrapper .rect-wrapper .rect-item .rect {
    position: absolute;
    height: 65px;
    width: 100%;
    bottom: 45px;
    left: 0;
    background: #f2f2f2
}

.price-area-container .house-type-wrapper .rect-wrapper .rect-item .house-type-item {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center
}

.price-area-container .house-type-wrapper .rect-wrapper .rect-item .house-type-item .type-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: #fff;
    vertical-align: middle;
    background-image: url(images/sprite-ershou.png?12067787ff458ed1281d);
    background-position: -403px -289px
}

.price-area-container .house-type-wrapper .rect-wrapper .rect-item .house-type-item .house-type {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 14px;
    vertical-align: middle
}

.page-container {
    position: relative;
    width: 1150px;
    margin: 0 auto
}

.page-container .bread-crumb {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #9399a5
}

.page-container .bread-crumb a {
    color: #9399a5
}

.page-box {
    margin-right: 244px;
    text-align: right
}

.page-box * {
    box-sizing: border-box
}

.page-box .next,.page-box a {
    line-height: 28px
}

.page-box a {
    height: 28px;
    padding: 0 10px;
    margin-left: 8px;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #555;
    display: inline-block;
    *display: inline;
    zoom:1;vertical-align: top;
    background: #f5f5f5
}

.page-box a:last-child {
    font-size: 12px;
    text-decoration: none;
    border: 0
}

.page-box span.active {
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    cursor: default;
    background-color: #101d37;
    color: #fff;
    padding: 0 10px;
    height: 28px;
    line-height: 28px
}

.page-box span {
    margin-left: 8px
}

.page-box .blue-btn {
    background: #1f6bdf;
    border-color: #1f66c3;
    color: #fff;
    width: auto;
    padding: 0 30px
}

.page-box .blue-btn:hover {
    background-position: 0 -90px;
    text-decoration: none
}

.se-link-container {
    width: 0;
    height: 0;
    overflow: hidden
}

.page-box {
    margin-bottom: 45px
}

.resblock-recommend-container {
    margin-top: 80px;
    padding: 50px 0 40px;
    background: #f5f5f6
}

.resblock-recommend-container .title {
    width: 1174px;
    margin: 0 auto 21px;
    font-size: 24px;
    color: #333;
    height: 33px;
    line-height: 33px;
    font-weight: 700
}

.resblock-recommend-container .resblock-list {
    width: 1174px;
    margin: 0 auto
}

.resblock-recommend-container .list-item {
    position: relative;
    display: inline-block;
    width: 216px;
    margin-right: 17px
}

.resblock-recommend-container .list-item:last-child {
    margin-right: 0
}

.resblock-recommend-container .list-item img {
    width: 100%
}

.resblock-recommend-container .list-item .resblock-name {
    margin-top: 12px
}

.resblock-recommend-container .list-item .resblock-name .name {
    font-size: 14px;
    color: #101d37;
    font-weight: 700;
    line-height: 20px
}

.resblock-recommend-container .list-item .resblock-name .status {
    display: inline-block;
    padding: 0 3px;
    font-size: 12px;
    color: #fff;
    height: 16px;
    line-height: 16px;
    background-image: linear-gradient(-135deg,#3072f6,#6b99f6);
    border-radius: 2px
}

.resblock-recommend-container .list-item .avg-price {
    position: absolute;
    top: 111px;
    left: 0;
    padding: 0 6px 0 10px;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    color: #fff;
    font-weight: 700;
    background: #FF0000;
    border-radius: 2px
}

.default-city,.distrct-search-span {
    display: inline-block;
    margin-left: -7px
}

.default-city {
    margin-right: -7px
}

.selected-tips {
    display: inline-block;
    font-size: 22px;
    color: #101d37;
    font-weight: 700
}

.res-unt {
    margin-left: -7px
}

.ad-wrapper {
    display: block;
    position: relative;
    width: 1174px;
    margin: 20px auto 0;
    height: 80px;
    background: #eee;
    overflow: hidden
}

.ad-wrapper img {
    width: 100%;
    height: 100%
}

.ad-wrapper .ad-tag {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    font-size: 12px
}

.prompt-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 275px;
    height: 50px;
    background: rgba(26,26,26,.95);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
    border-radius: 4px;
    z-index: 3
}

.prompt-box p {
    height: 50px;
    line-height: 50px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAABOVJREFUaAXtmc+LHUUQx/flopFV8RKDuYiL+QPUq7JePahZj0EQgj8uouYfmGWNt/0D9JKbCAkbECHXEG+iRjHkYEDISXI2e8nBPD/ffl1D9Uz3TM/bt4mBLajXXVXfqurp6Z/z1tbGaD6f3xCGct5infKPntErAK4Hr8QdTSJLgNb1E9CDP4AeDAISI+h/EsWYMBMAry2K5+C3ZrPZe9JlCeC38D348yxASoz1LVbEbiR033gd8rlWRjjfCrGCLulJxL0Eg6KBdxNlwTmHOUQdzdqA/4SvD6YBMINFTxqQ+tvwZZOTUshEMSR0wcgnu3h0F1pdxuGZ1hgrhjnWNUS59yINV3Iwe74k3b28ZaHFfhY+kWCsjYkSAf2xki3MZ4z78Gl4U0DobjfIYyTT/EbPMEL3sT9d/ViAbcwq7rPVjjVAAjaKCi0VGL8v5JzNhV7TUtTOti4Q2yn4967ey9g1SvpJ0GnO9w3OG/N2BeZlj/FT528X6yDVU0VnZYbOlADYPhGgZJdeduhmFoMhbJSUV7OAASU+YQpTJjPTd9Ea+90+rH0wvCjAd+CwL5ZiY9dCoqf6F34K995iWfINeny/VIAC3USfrlKD0Y6My/YA/XwevgbrTHMb/g5+adl4wY8AGrIKOEZfT05ExMZFzU487E/APwo3KQH4S3KCJk+20UQE3QqhC+ew0QBjgBj8zhiuZI/++XeC0WZscWkA8zNcXC2xld8JRtF+qXXSY/8NHkqgFy/asDjJYofyMzMUyl/RF68QLHT3o99XPf9F4vnpnsEpImbbqXrViLlthu4TrGpXa5fsboLXLPMBS3VloG6CT81wwPKHnj99p81jcNrH/v245xwV2M8UY2A4EQOcLQUY00f/8lkdwN0I6nbdWGzNkavRd3EXL3lEkIrqJGB3o19TitvqAR6PYBWD3YVdB2WdPESX2iA1FRysu+S8B2/C2oR0OzkH29GGarjq14RNMTjqxYfRpSgZ2kk9jqSjHvif9QCDVoN4Bx4ayJmxHVS3+L0AFzfgQ3lcEurg5Kc4YiBNa013TXFNeU13TXuxboVvwLJdgf0SgBjo4qE0WEEJr8Xv8iJP+6sFTlen4hmqpkH4vwnr8n68Bj8ZQ+AG9qRlv3qbmJxwVQ40Uq/eDxVthg+t4eSyt36Rev2HInUADpqc/t40uGeuqtN8HPJraBnpa1f9ZAfsV5V3feDaOjE+tOyUH9X6eRx++ipsdMvbinXQugob7RWBD8lAQ7RqGZX/brD2gLxmaMpN008t8X3fxflgqr/hiaHl1+i66a3MTUp/8/jFgEuU7e0P3xeX8DeX8F9YFF4xpZW5B/B3sxcM+AhL3wbfttCk3AP4Xn/9ETbcUvs2+LaZPS0ZbBs24Ci15Re/XqeeqYTftouznVrrJOWG/bHDD8tyEJx0QDO6QWXycQGfk7A+x/wEP1/Olrfgo/uYchvt5JEFLV6NeVLq3LPUnxSF8INq5Yo5KQKN31ZzEXHVyfPBIkb43c3hVqkji85aRsq9daD4BNCrtA+bFljnopW9EcWCFdOTck4eusWHVTC4gf0bQQzjVN9sqie7sLB8/BhHDLEbytU1PPdEJNBJVYn8gQ9xKVKMBl7P5RrTrexJaYCWuHfgV2FtPsZU17QBGevb4Pd8Tv1LhiN63HvgP9PYUTyE+B07AAAAAElFTkSuQmCC") no-repeat 18px;
    background-size: 24px 24px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    padding-left: 48px
}

@media only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .filter-container .bizcircle-container .bizcircle-wrapper .bizcircle-item .bizcircle-item-icon,.filter-container .bizcircle-container .bizcircle-wrapper .bizcircle-item.on .bizcircle-item-icon,.filter-container .filter-by-subway .subway-station-wrapper .station-group .station-item.on .station-icon,.filter-container .main-title span.title-item.on i,.filter-container .main-title span.title-item i,.main-nav .main-left-wrapper .search-wrapper .search-button i.search-icon,.price-area-container .house-type-wrapper .rect-wrapper .rect-item .house-type-item .type-icon,.price-area-container .house-type-wrapper .rect-wrapper .rect-item.on .house-type-item .type-icon,.resblock-list-container .resblock-list-nav-wrapper .clear-all i,.resblock-list-container .resblock-list-nav-wrapper .nav-list .nav-list-item .title-wrapper .icon,.resblock-list-container .right-side-container .map-wrapper a i,.resblock-list-container .sort-list-wrapper .sort-list-items.on.down i,.resblock-list-container .sort-list-wrapper .sort-list-items.on.up i {
        background-image:url(images/sprite-ershou@2x.png?c9ee2a48db531318cf8d);
        background-size: 606px 356px
    }

    .filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list .bizcircle-list-item .delete {
        background-image: url(../../common/img/close-small-white@2x.png?221ad487a50f74a400b8)
    }

    .filter-container .filter-by-area-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list .bizcircle-list-item:hover .delete,.filter-container .selected-container .selected-wrapper .selected-wrapper-item .bizcircle-list .bizcircle-list-item:hover .delete {
        background-image: url(../../common/img/close-small-green@2x.png?ac9615cb6b2ac45c65f5)
    }

    .resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon.video i {
        background-image: url(../../common/img/vr/video@2x.png?998111bcd1f960432b12)
    }

    .resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon.evaluate i {
        background-image: url(../../common/img/vr/evaluate@2x.png?5f905ec0b39c8cf71d4b)
    }

    .resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon.vr i {
        background-image: url(../../common/img/vr/VR@2x.png?85dda0a62dcd88999e95)
    }

    .resblock-list-container .resblock-list-wrapper .resblock-list .resblock-img-wrapper .icon-wrapper .icon.aerial i {
        background-image: url(../../common/img/vr/aerial@2x.png?95a2c59deb4a4f704b18)
    }

    .filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .station-list .station-list-item .delete {
        background-image: url(../../common/img/close-small-white@2x.png?221ad487a50f74a400b8)
    }

    .filter-container .filter-by-subway .subway-selected-container .subway-selected-wrapper .subway-selected-wrapper-item .station-list .station-list-item:hover .delete {
        background-image: url(../../common/img/close-small-green@2x.png?ac9615cb6b2ac45c65f5)
    }
}

.list-bottom-banner-wrap {
    position: relative;
    z-index: 1003
}

.list-bottom-banner-wrap input[type=button] {
    background-color: transparent
}

.list-bottom-banner-wrap .phone-banner-wrap {
    display: none
}

.list-bottom-banner-wrap .phone-banner-wrap .banner-bg-img {
    width: 100%
}

.list-bottom-banner-wrap .phone-banner-wrap .page-padding-placeholder {
    opacity: 0;
    font-size: 0;
    max-width: 1409px;
    min-width: 1174px
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-bg-color {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-bg-color.hide-right {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw)
}

@media screen and (min-width: 1409px) {
    .list-bottom-banner-wrap .phone-banner-wrap .block-banner-bg-color {
        background-image:linear-gradient(180deg,transparent 18px,#f4f8ff 0,#f4f8ff)
    }
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-wrap {
    position: relative;
    max-width: 1409px;
    min-width: 1174px;
    margin: 0 auto;
    font-size: 0
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content {
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 17.8%
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .banner-close-btn {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 38px;
    right: 150px;
    border: none;
    padding: 0;
    background-color: transparent;
    background-image: url(images/banner_close_icon.png?491633186d751a2541be);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap {
    margin-bottom: 2.4%
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap .label {
    font-size: 16px;
    line-height: 22px;
    color: #16345b;
    font-weight: 400;
    opacity: .6;
    margin: 0
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap .input-wrap {
    margin-top: 8px;
    height: 46px;
    display: flex;
    align-items: center
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap .input-wrap .input-and-clear {
    position: relative;
    height: 100%
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap .input-wrap .input-and-clear .banner-phone-input {
    width: 279px;
    height: 100%;
    border: 1px solid #16345b;
    box-sizing: border-box;
    font-size: 16px;
    color: #16345b;
    padding-left: 12px
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap .input-wrap .input-and-clear .banner-phone-input::-webkit-input-placeholder {
    color: #999
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap .input-wrap .input-and-clear .banner-phone-input::-ms-input-placeholder {
    color: #999
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap .input-wrap .input-and-clear .banner-phone-input::placeholder {
    color: #999
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap .input-wrap .input-and-clear .phone-clear-btn {
    display: none;
    border: none;
    padding: 0;
    position: absolute;
    top: 15px;
    right: 12px;
    width: 16px;
    height: 16px;
    background-image: url(images/phone_clear_icon.png?65287905fe1a2765b1bd);
    background-size: 100% 100%
}

.list-bottom-banner-wrap .phone-banner-wrap .block-banner-content .phone-collect-wrap .input-wrap .phone-confirm-btn {
    margin-left: 4px;
    width: 120px;
    height: 100%;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: none;
    padding: 0;
    background: #16345b
}

.list-bottom-banner-wrap .phone-banner-wrap .modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

.list-bottom-banner-wrap .phone-banner-wrap .modal-wrap .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5
}

.list-bottom-banner-wrap .phone-banner-wrap .modal-wrap .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 44px 48px 45px
}

.list-bottom-banner-wrap .phone-banner-wrap .modal-wrap .modal-content .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    box-sizing: content-box;
    background-image: url(images/modal_close_icon.png?a711f4079329a3dc16d6);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    border: 20px solid transparent
}

.list-bottom-banner-wrap .phone-banner-wrap .complete-modal-wrap {
    padding-top: 26px;
    text-align: center
}

.list-bottom-banner-wrap .phone-banner-wrap .complete-modal-wrap .complete-icon {
    width: 100px;
    height: 100px;
    background-image: url(images/complete_icon.png?0abd9eb45c2995b36a20);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto
}

.list-bottom-banner-wrap .phone-banner-wrap .complete-modal-wrap .title {
    font-size: 24px;
    line-height: 33px;
    color: #101d37;
    font-weight: 700;
    margin-top: 22px;
    text-align: center
}

.list-bottom-banner-wrap .phone-banner-wrap .complete-modal-wrap .sub-title {
    font-size: 16px;
    line-height: 22px;
    color: #9399a5;
    font-weight: 400;
    margin-top: 7px;
    letter-spacing: -.27px;
    text-align: center
}

.list-bottom-banner-wrap .phone-banner-wrap .complete-modal-wrap .confirm-btn {
    margin-top: 60px;
    border: none;
    width: 350px;
    background: #3072f6;
    border-radius: 2px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    padding: 17px 0;
    text-align: center
}

.list-bottom-banner-wrap .phone-banner-wrap .side-float-btn {
    width: 178px;
    height: 92px;
    position: fixed;
    right: 38px;
    bottom: 100px;
    padding: 0;
    border: none;
    background-image: url(images/side_float_bg.png?ee202ace9ce43dc5a77b);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.list-bottom-banner-wrap .phone-banner-wrap .side-float-btn.show-left {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.list-bottom-banner-wrap .link-banner-wrap {
    display: none
}

.list-bottom-banner-wrap .link-banner-wrap .page-padding-placeholder {
    opacity: 0;
    width: 1174px;
    max-height: 160px;
    overflow: hidden
}

.list-bottom-banner-wrap .link-banner-wrap .block-banner-bg-color {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.list-bottom-banner-wrap .link-banner-wrap .block-banner-bg-color.hide-right {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw)
}

.list-bottom-banner-wrap .link-banner-wrap .block-banner-wrap {
    display: block;
    position: relative;
    width: 1174px;
    max-height: 160px;
    margin: 0 auto;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.list-bottom-banner-wrap .link-banner-wrap .block-banner-wrap .banner-close-btn {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 20px;
    right: 20px;
    border: none;
    padding: 0;
    background-color: transparent;
    background-image: url(images/banner_close_icon.png?491633186d751a2541be);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.list-bottom-banner-wrap .link-banner-wrap .banner-bg-img {
    width: 100%
}

.list-bottom-banner-wrap .link-banner-wrap .side-float-btn {
    width: 180px;
    max-height: 90px;
    overflow: hidden;
    position: fixed;
    right: 38px;
    bottom: 100px;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.list-bottom-banner-wrap .link-banner-wrap .side-float-btn.show-left {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.list-bottom-banner-wrap .link-banner-wrap .side-float-btn .side-btn-bg {
    width: 100%
}

.common-phone-modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4
}

.common-phone-modal-wrap .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5
}

.common-phone-modal-wrap .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 44px 48px 45px
}

.common-phone-modal-wrap .modal-content .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    box-sizing: content-box;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAGFBMVEUAAAARHjgQHTcQHjgRHTgSHzgSHzkQHTebbBjcAAAAB3RSTlMAkLBsX2Fj5oi/PQAAAItJREFUKM+N0j0KgDAMhmFFD+DmAURcxcXVzd1LOPsDub4BIa/yUWiHtDaP0KQtMkfVf7+mxcNqDTulXR4HO9hq7fQ4mzUgu9/pAHmamey7ALGKHJ4ULDIwECwQLBAsEAwEA+mW/giC6SH0qFqQlp1ujrZQG63XASK7/642/QAcwW6PdfetdhuLvPEAL4RF7N1/LngAAAAASUVORK5CYII=");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    border: 20px solid transparent
}

.common-phone-modal-wrap .title {
    font-size: 24px;
    line-height: 33px;
    color: #101d37;
    font-weight: 700;
    float: none
}

.common-phone-modal-wrap .sub-title {
    max-width: 350px;
    font-size: 16px;
    line-height: 22px;
    color: #9399a5;
    font-weight: 400;
    margin-top: 6px;
    padding: 0
}

.common-phone-modal-wrap .phone-captcha-form {
    margin-top: 21px;
    width: 350px
}

.common-phone-modal-wrap .phone-captcha-form .phone-captcha-wrap {
    border: 1px solid #e4e6f0;
    border-radius: 2px
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap {
    position: relative;
    margin-top: 14px
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0)
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox]+.checkbox-text {
    font-size: 16px;
    line-height: 22px;
    color: #9399a5;
    position: relative;
    display: flex;
    align-items: center
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox]+.checkbox-text .colored-text {
    color: #3072f6
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox]+.checkbox-text:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 21px;
    height: 21px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/BAMAAAClcQ3sAAAAHlBMVEUAAADm5ubl5eXm5ubm5ubr6+vm5ub////l5eXz8/NHEMUmAAAAB3RSTlMA871lyBnJxMlejwAAAGVJREFUSMft1SESQFAUheEz3uiiDZgRRZFRbEOzgzcaimMFLNcK7r1NOn/++g+kkVbHBKBs6dQABb1OoOeTzV52WO9st3FAfWUnVqAPdgEBAQEBgX9A/Kw5uF74zfC88buRFvf+HxRytNmKlzQVAAAAAElFTkSuQmCC");
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox]:checked+.checkbox-text:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAmVBMVEUAAADm5ubm5ubl5eXm5ubm5ubr6+v////l5eUwcvb9/f0xc/fz8/NFgfc2dvf4+v90ofpRifhJhPg/fff6/P/0+P/q8f/Z5v7V4/6+0/25z/yjwfx/qPo5effm5ubw9f/s8//n7/7j7P7N3v3F2P2Vt/uLsPtsm/nd6P6bu/tjlflglPlekvlbj/hXjfjQ3/2yy/yuyPydvfsOn3NnAAAAB3RSTlMA88m9ZmUZ/cQdsgAAAWtJREFUSMftl9eOgzAQRR0CiQfTAoRQ03vb8v8ftw7DKmGfzPhlI3HesHSQZXvuaJjEMga8OwPDZA9GQ05lOJI+6jSGjJmczx173B3bmXNuMYNzZ0zD4dxg8uhsom/LQ2Sc8zEV6fZ+77+RPwumOv7KhXtC9xcTAAiPVD8+w4NoQ/QDqBE5zd8DUtD2XwCyp51fJlAPaPf34aF+8Un+OkJ9siC9v2WIursmvV//hnqVqrz/bPk35w+oi61K/Wy8cNZeKQH5Uqm/VQRQZa8rJ0B2KvU7ndQ7PT1XPgEpler/AEjwe8/b5uIPsZK/E4DcEgyMCj/vU8X8yT1A3BQDoyZMlPMrbRTwcjwNSXTskH/JFRp25+ZPm0756ZfQQuRd8/dbvPpF9/zOqqe+p+T/LISGgNY/lhfUrz6x/8QlBga9fxUCorVO/9u6qV7/jP9b/+793m/5uvOP9vxlac1/pub8qT//Skzi/G1J9wezGHoDENW0WgAAAABJRU5ErkJggg==")
}

.common-phone-modal-wrap .phone-captcha-form .form-hint {
    display: none;
    margin-top: 14px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #db4c3f
}

.common-phone-modal-wrap .phone-captcha-form .submit-btn {
    display: block;
    margin-top: 23px;
    border: none;
    width: 100%;
    background: #3072f6;
    border-radius: 2px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    padding: 17px 0;
    text-align: center
}

.common-phone-modal-wrap .phone-captcha-form .submit-btn:disabled {
    color: hsla(0,0%,100%,.5)
}