.clearfix:after {
    clear: both;
    content: "\20";
    display: block;
    height: 0;
}

.dn {
    display: none !important;
}

.kong-110 {
    height: calc(var(--dw_f) * 15);
    width: 100%;
}

.no-bottom {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.p05 {
    padding: 0.5rem;
}

.p1 {
    padding: 1rem;
}

.mr0-5 {
    margin-right: 0.5rem;
}

.mt0-5 {
    margin-top: 0.5rem;
}

.mr1 {
    margin-right: 1rem;
}

.mr1-5 {
    margin-right: 1.5rem;
}

.mr2 {
    margin-right: 2rem;
}

.font1 {
    font-size: 1rem;
}

.f50 {
    font-size: 50%;
}

.f80 {
    font-size: 80%;
}

.f-l {
    float: left;
}

.f-r {
    float: right;
}

.fw-b {
    font-weight: bold !important;
}

.fw-m {
    font-weight: normal !important;
    -webkit-text-stroke: 0.2px !important;
}

.fw-n {
    font-weight: normal !important;
    -webkit-text-stroke: 0px !important;
}

div {
    padding: 0;
    margin: 0;
    font-style: inherit;
    border: none;
    outline: none;
}

body {
    font-family: 'Microsoft yahei', 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
    background-color: #f9f9f9;
}

.wap {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

/*宽度设置*/

.w33p {
    width: 33.33%;
}

.w50p {
    width: 50%;
}

.w100p {
    width: 100%;
}

.mbg-1 {
    background-color: #f0eeef;
}

.m-1 {
    color: #ff4d4d;
}

.bg-1 {
    background: #f7c914;
    color: #fff;
}

.block-c.selected {
    background-color: #f7c914;
    color: #fff;
}

.bg-2 {
    background: #f0eeef;
    color: #858585;
}

.bg-8 {
    background: #c9c9c9;
    color: #505050;
}

.bg-3 {
    background: #ff4d4d;
    color: #fff;
}

.bg-4 {
    background: #fcc31e;
    color: #fff;
}

.bg-5 {
    background: #1eb6fc;
    color: #fff;
}

.bg-6 {
    background: #1af349;
    color: #fff;
}

.bg-7 {
    background: #b350c0;
    color: #fff;
}

.c-1 {
    color: #ef6548;
}

.c-2 {
    color: #8c8c8c;
}

.c-3 {
    color: #000;
}

.c-4 {
    color: #fec321;
}

.c-5 {
    color: #555;
}

.c-9 {
    color: #999;
}

.c-10 {
    color: #07f;
}

.t-1 {
    color: #e60012;
}

.t-2 {
    color: #eb6100;
}

.t-3 {
    color: #f39800;
}

.t-4 {
    color: #8fc31f;
}

.t-5 {
    color: #22ac38;
}

.t-6 {
    color: #094;
}

.t-7 {
    color: #009e96;
}

.t-8 {
    color: #00a0e9;
}

.t-9 {
    color: #0068b7;
}

.t-10 {
    color: #00479d;
}

.t-11 {
    color: #1d2088;
}

.t-12 {
    color: #601986;
}

.t-13 {
    color: #e4007f;
}

.t-14 {
    color: #e5004f;
}

.t-15 {
    color: #b350c0;
}

.t-16 {
    color: #a40035;
}

.t-17 {
    color: #a4005b;
}

.t-18 {
    color: #6a005f;
}

.t-19 {
    color: #440062;
}

.t-20 {
    color: #100964;
}

.t-21 {
    color: #fcc31e;
}

.bd, .hd {
    padding: 0.5rem 1.2rem;
}

.vh100 {
    height: 100vh;
}

.no-tap-hlc, .n-hc {
    -webkit-tap-highlight-color: transparent;
}

/* 咨询师颜色 s */

.cl-btn {
    background-image: linear-gradient(90deg, #f54732, #ff7338);
    color: #fff;
}

.disabled {
    background: #f0f0f0 !important;
    color: inherit;
}
/* 咨询师颜色 e */

/* 楼盘详情页颜色 s */

/* 价格颜色 */

.unit-price {
    color: #e86646;
}

/* 开盘加推按钮与文字颜色 */

.xp-tz {
    background: #fff4f2;
    color: #f30;
}

.xp-tz2 {
    background: #f2faff;
    color: #07f;
}

.xp-tz.r2 {
    background: #f8f8f8;
    color: rgb(177, 177, 177);
}

.bgroup {
    background-color: #fafafa;
    color: #333;
}

/* 楼盘详情页颜色 e */

.fuchuang {
    position: fixed;
    top: 75vh;
    right: 1vw;
    z-index: 999;
    width: 15vw;
    height: 15vw;
    border-radius: 0.4rem;
    overflow: hidden;
}

.fuchuang img {
    width: 100%;
    height: 100%;
}

.footer-dp {
    display: inline-block;
    width: 100%;
    max-width: 720px;
    border-top: 0.5px #ddd solid;
    background: #fff;
    padding: calc(var(--dw_f)) 0;
}

.ol-consultation {
    margin: 0 1%;
}

@media screen and (width: 414px) {
    .ol-consultation {
        margin: 0 4%;
    }
}

.ol-consultation .ol-con {
    display: block;
    float: left;
    margin: 0 2%;
}

.ol-con.ol-1 {
    width: 14%;
    font-size: 0.6rem;
}

.ol-con.ol-2, .ol-con.ol-3 {
    width: 18%;
    margin: 0.23rem 1.5%;
    float: right;
    padding: 0.6rem 1rem;
}

.ol-con > span {
    display: block;
}

.ol-con {
    float: left;
    display: inline-block;
    text-align: center;
}

.ol-con span:first-child {
    font-size: 0.8rem;
}

.ol-con.ol-1 span:first-child {
    height: 1.6rem;
    line-height: 1.6rem;
}

.ol-con.ol-1 .icon-online {
    font-size: 23px;
    font-weight: normal;
}

.ol-con.ol-1 .icon-soso {
    font-size: 23px;
    font-weight: normal;
}

.df {
    display: flex;
    justify-content: space-around;
}

.chat-iframe {
    position: fixed;
    z-index: 99;
    width: var(--dbw);
    height: 100vh;
    top: 0px;
    left: 0px;
    text-align: center;
}

.cim-chat-iframe {
    width: 100%;
    height: calc(100vh - calc(var(--dw_f) * 15));
    margin: 0 auto;
    max-width: 720px;
}

.footer {
    position: fixed;
    bottom: 0;
    z-index: 99;
    text-align: center;
    width: var(--dbw);
}

.menu-nav {
    display: inline-block;
    width: 100%;
    max-width: 720px;
    border-top: 0.5px #ddd solid;
    background: #fff;
    padding: calc(var(--dw_f)) 0;
}

.nav-item {
    box-sizing: border-box;
}

.nav-img img {
    width: calc(var(--dw_f) * 9);
    height: calc(var(--dw_f) * 9);
}

.nav-img {
    display: flex;
    width: 100%;
    justify-content: center;
}

.nav-text {
    text-align: center;
    font-size: calc(var(--dw_f) * 4);
    line-height: calc(var(--dw_f) * 4);
    transform: scale(0.8);
}

.selected .nav-text {
    color: rgb(33, 191, 255);
}

.more-v3 span {
    display: block;
    width: 100%;
    height: calc(var(--dw) * 10);
    font-size: calc(var(--dw_f) * 4);
    color: #77808a;
    line-height: calc(var(--dw) * 10);
    text-align: center;
    -webkit-border-radius: calc(var(--dw) * 10);
    -moz-border-radius: calc(var(--dw) * 10);
    border-radius: calc(var(--dw) * 10);
    background: #fcfcfc;
}

.details-head-a {
    display: flex;
    align-items: center;
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 2;
    top: 0;
}

.details-head-b {
    position: absolute;
    z-index: 99;
    top: 0;
}

.back-btn {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: calc(var(--dw) * 10 - var(--dw_f) * 2);
    height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    line-height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    text-align: center;
    border-radius: 50%;
    margin-right: calc(var(--dw_f) * 2);
    background: #f6f6f6;
}

.back-btn .icon-back {
    font-size: calc(var(--dw_f) * 3.5);
}

.details-head-a .back-btn {
    margin: 5px;
}

.details-head-b .back-btn {
    text-shadow: 3px 3px 5px #000000;
    margin: 15px 0 0 15px;
    color: #ffffff;
}

.more {
    font-size: calc(var(--dw_f) * 4);
    color: #888;
    font-weight: normal;
}

.more.f-r {
    line-height: calc((var(--dw) * 5) + var(--dw_f) * 3);
}

.more .icon-more {
    font-size: calc(var(--dw_f) * 4);
}

.title-dp {
    font-size: calc((var(--dw) * 5) + var(--dw_f));
    margin: calc((var(--dw) * 5) + var(--dw_f)) 0 calc(var(--dw_f) * 4);
    -webkit-text-stroke: 0.2px;
}

.join-group {
    overflow: hidden;
    padding: calc(var(--dw) * 5 - var(--dw) * 1) calc(var(--dw) * 5);
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fa5f35;
}

.join-group .yb-join-group {
    color: #fff;
    font-size: calc(var(--dw) * 5 - var(--dw_f) * 1);
}

.join-group .join-user {
    margin-top: calc(var(--dw_f) * 2);
}

.join-group .join-user .user-face {
    width: calc((var(--dw) * 5) + var(--dw_f) * 3);
    height: calc((var(--dw) * 5) + var(--dw_f) * 3);
    margin-left: calc(0px - (var(--dw) * 5) + var(--dw_f) * 3);
    display: inline-block;
}

.join-group .join-user .user-face:first-child {
    margin-left: 0;
}

.join-group .join-user .face-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #fff;
}

.join-group .user-tips {
    height: calc((var(--dw) * 5) + var(--dw_f) * 3);
    display: inline-flex;
    align-items: center;
}

.join-group .user-tips .tips-content {
    font-size: calc(var(--dw) * 5 - var(--dw_f) * 2);
    margin-left: calc(var(--dw_f) * 2);
    color: #fff;
}

.join-group .follow {
    width: calc(var(--dw) * 20);
    height: calc((var(--dw) * 5) + var(--dw_f) * 1);
    border-radius: calc((var(--dw) * 5) + var(--dw_f) * 1);
    font-size: calc(var(--dw) * 5 - var(--dw_f) * 2);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: calc(var(--dw) * 5);
    background-color: #fff;
    color: #fa5f35;
}

.fixed2 {
    position: fixed;
    z-index: 40;
    margin: 2.4rem 1.2rem;
    border-radius: 0.4rem;
    top: 14%;
    width: calc(100% - 4.8rem);
    max-width: 600px;
}

.fixed2 .close-btn {
    color: #333;
}

.fixed2 .name {
    margin-top: -42.5px;
    text-align: left;
    margin-left: 33%;
    width: 67%;
}

.fixed2 .uf {
    position: absolute;
    margin-top: -5rem;
    width: 80%;
    text-align: center;
}

.fixed2 .title {
    margin: 0.5rem 0;
    padding-top: 1.5rem;
}

.fixed2 .qr-code {
    width: 60%;
    margin: 1rem 0 0.5rem;
}

.fixed2 .wechat {
    margin: 0 0 1rem 0;
    font-size: 0.95rem;
}

.fixed2 .copy {
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: #fa5f35;
    width: 48%;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}

.close-btn {
    position: absolute;
    right: 9px;
    top: 7.5px;
}

.fixed2 .close-btn {
    color: #333;
}

.ptc-out .close-btn {
    color: #fff;
    font-size: 6vw;
    top: -19px;
    right: -5px;
}

.fixed2 .iconfont.icon-guanbi {
    font-size: 0.8rem;
    padding: 0.5rem;
    background-color: #ddd;
    border-radius: 50%;
    margin-top: 0.5rem;
    display: block;
    color: #fff;
}


.main-con-bg {
    width: 100%;
    /* background-image: url(https://skin.0831home.com/img/house_wap/popup-bg4.png); */
    background-size: 100% auto;
    border-radius: 0.4rem;
    text-align: center;
}

.popup {
    background: #fff;
}

.main-info-o {
    padding: 0;
    border-radius: 0.25rem;
    padding-bottom: 40px;
}

.main-info-o .name {
    color: #333;
}

.broker-chat-window {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999999999;
    text-align: center;
}

.broker-chat-window iframe {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 720px;
}

.foot {
    width: 100%;
    padding: 0.5rem 0;
    z-index: 999;
}

.foot-toolbar {
    display: flex;
    justify-content: space-around;
    width: 100%;
    font-size: calc(var(--dw) * 5 - var(--dw_f) * 2);
}

.foot-toolbar .toolbar-item {
    display: inline-block;
    flex-direction: column;
    text-align: center;
    margin: 0 1%;
}

.foot-toolbar .input-box {
    flex: 1 auto;
}

.foot-toolbar .icon-box {
    flex: 0 0 auto;
    width: calc(var(--dw) * 15);
}

.input-box-inner {
    display: flex;
    margin: 0 5%;
    padding: 0 3%;
    line-height: 30px;
    height: 30px;
}

.icon-box .iconfont {
    display: block;
    font-weight: normal;
    font-size: calc(var(--dw) * 5);
}

.foot-toolbar .btn-box {
    width: calc(var(--dw) * 20);
    padding: calc(var(--dw_f) * 3) calc(var(--dw) * 5);
}
/*字库补充*/
.icon-online:before {
    content: "\e618";
}

.icon-drop:before {
    content: "\e629";
}

.icon-fav-1:before {
    content: "\e617";
}

.icon-fav-2:before {
    content: "\e615";
}

.icon-share:before {
    content: "\e773";
}

.icon-back:before {
    content: "\e60a";
}

.icon-waiyuan:before {
    content: "\e8fc";
}

.icon-navb12:before {
    content: "\e60c";
}

.icon-navb14:before {
    content: "\e724";
}

.icon-more:before {
    content: "\e60c";
}

.icon-zhigui:before {
    content: "\ecae";
}

.icon-shangpu:before {
    content: "\e61d";
}

.icon-gongjiao:before {
    content: "\e61e";
}

.icon-address:before {
    content: "\e613";
}

.icon-navb11:before {
    content: "\e605";
}

.icon-navb17:before {
    content: "\e609";
}

.icon-screen:before {
    content: "\e66c";
}

.details-head-c {
    display: flex;
    align-items: center;
    position: relative;
    background: #fff;
    width: 100%;
    z-index: 4;
    top: 0;
    height: calc(var(--dw) * 10 + var(--dw_f) * 2);
    color: #333;
    justify-content: space-between;
    position: fixed;
    max-width: 720px;
}

.details-head-c + div {
    padding-top: calc(var(--dw) * 10 + var(--dw_f) * 2);
}

.location-box {
    display: flex;
    width: calc(var(--dw) * 15);
    flex-direction: row;
    justify-items: center;
    font-size: calc(var(--dw) * 5 - var(--dw_f) * 1);
}

.location-box .icon-weizhi1 {
    margin-right: calc(var(--dw_f) * 2);
    line-height: calc(var(--dw) * 5 + var(--dw_f) * 1);
    font-size: calc(var(--dw) * 5 - var(--dw_f) * 1);
}

.head-title {
    margin: 0 auto;
    font-size: calc(var(--dw) * 3.5);
    text-align: center;
    text-indent: -34px;
}

.mini-logo {
    width: calc(var(--dw) * 20 + var(--dw_f) * 1);
    margin: 0 auto;
    display: block;
}

.dhc-btn-box {
    display: flex;
    width: calc(var(--dw) * 25);
    justify-content: flex-end;
}

.details-head-c .icon-suosou {
    font-size: calc(var(--dw) * 5 + var(--dw_f) * 1);
    line-height: calc(var(--dw) * 5 + var(--dw_f) * 1);
}

.details-head-c .icon-wode3 {
    font-size: calc(var(--dw) * 5);
    margin: 0 9px;
    line-height: calc(var(--dw) * 5 + var(--dw_f) * 1);
}

.fixed-out {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.sitebottom {
    margin: 0 auto;
    max-width: 720px;
    padding: calc(var(--dw) * 5) calc((var(--dw) * 9));
    font-size: calc(var(--dw) * 5 - var(--dw_f) * 2);
    color: #8e8e8e;
    line-height: calc((var(--dw) * 5) + var(--dw_f) * 2);
    text-align: justify;
    text-align-last: auto;
    background: #fbfbfb;
    box-sizing: border-box;
}

.sitebottom .siteb-icon {
    height: 16px;
}

.sitebottom .siteb-img {
    height: 16px;
    vertical-align: sub;
}

.ad-s155-link {
    position: relative;
    visibility: visible;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 2px;
}

.tagrb {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 12;
    background: url(//www.0831home.com/images/adtag.png) no-repeat;
    right: 0;
}

.ad-s155-link img {
    width: 100%;
    display: block;
}

.media-house2 .text .house-name .ss-zs {
    background-color: #fcc31e;
}

.media-house2 .text .house-name .ss-ds {
    background-color: #00bff3;
}

.media-house2 .text .house-name .ss-sq {
    background-color: #dadada;
}

/*搜索开始*/
.wap-index .search {
    position: fixed;
    max-width: 720px;
    width: 100%;
    z-index: 89;
    background-image: linear-gradient(to top, #fe442b, #fe442b);
}

.search .case {
    position: relative;
    padding: calc(var(--dw_f) * 3);
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    color: #fff;
}

.search .case .region-box {
    width: calc(var(--dw) * 20);
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: calc(var(--dw) * 10);
    margin-right: calc(var(--dw_f) * 2);
}

.search .case .region {
    height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    line-height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--dw_f) * 4);
}

.search .case .region .icon-weizhi1 {
    font-size: calc(var(--dw_f) * 5);
    line-height: calc(var(--dw_f) * 5);
    margin-left: calc(var(--dw_f));
}

.search .case .login-box {
    position: relative;
    width: calc(var(--dw) * 10 - var(--dw_f) * 2);
    height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    line-height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    margin-left: calc(var(--dw_f) * 2);
}

.search .case .login-icon .icon-online {
    font-size: calc(var(--dw_f) * 5);
}

.search .case .search-box {
    position: relative;
    flex: 1 auto;
    height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    line-height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    border-radius: calc(var(--dw) * 10 - var(--dw_f) * 2);
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    padding: 0 calc(var(--dw_f) * 3);
    align-items: center;
}

.search .case .search-box .icon-sousuo {
    margin-right: calc(var(--dw_f) * 2);
    font-size: calc(var(--dw_f) * 5);
}

.search .case .search-box .search-input {
    background-color: unset;
    height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    line-height: calc(var(--dw) * 10 - var(--dw_f) * 2);
    flex: 1 auto;
    border: 0;
    color: inherit;
    font-size: calc(var(--dw_f) * 4);
}

.search .case .search-box .clear-icon {
    background: #fff;
    border-radius: 50%;
    width: calc((var(--dw) * 5) + var(--dw_f));
    height: calc((var(--dw) * 5) + var(--dw_f));
    text-align: center;
    z-index: 555555;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search .case .search-box .clear-icon .iconfont {
    font-size: calc(var(--dw_f) * 3);
    color: #ccc;
    z-index: 555555;
}

/* WebKit, Blink, Edge */
.search .case .search-box input::-webkit-input-placeholder {
    font-size: calc(var(--dw_f) * 4);
    color: #fff;
}
/* Mozilla Firefox 4 to 18 */
.search .case .search-box input:-moz-placeholder {
    font-size: calc(var(--dw_f) * 4);
    color: #fff;
}
/* Mozilla Firefox 19+ */
.search .case .search-box input::-moz-placeholder {
    font-size: calc(var(--dw_f) * 4);
    color: #fff;
}
/* Internet Explorer 10-11 */
.search .case .search-box input:-ms-input-placeholder {
    font-size: calc(var(--dw_f) * 4);
    color: #fff;
}
/*搜索结束*/

/*相册关闭*/

.guanbi-btn {
    position: fixed;
    top: calc(var(--dw) * 5 + var(--dw_f) * 3);
    right: calc(var(--dw) * 5 + var(--dw_f) * 3);
    z-index: 555555555;
}

.iconfont.icon-guanbi {
    font-size: calc(var(--dw) * 5 - var(--dw_f) * 2);
    color: #ccc;
    z-index: 555555;
}