.multiSelectBox li, .tipMessage {
    white-space: nowrap;
    text-align: center
}

.btn, .multiSelectBox li, .tipMessage {
    text-align: center
}

.btn {
    display: block;
    height: 2.75rem;
    line-height: 2.75rem;
    border-radius: .125rem;
    font-size: 1rem;
    background: #eee;
    border: none
}

.dialog {
    z-index: 1111 !important
}

.dialog, .dialog .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.btn-green {
    background: #1EBE64;
    color: #fff
}

.btn-gray {
    background: #eee;
    color: #869099
}

.dialog .mask {
    background-color: rgba(0, 0, 0, .6);
    display: block
}

.dialog .dialogBox {
    position: absolute;
    z-index: 1000;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: .875rem .875rem 0 0;
    overflow: auto
}

.dialog .shouquan {
    background: 0 0;
    left: 0;
    right: 0;
    margin: 0 .82rem;
    overflow: auto
}

.dialog .shouquan .liuzi-info-box {
    height: 2.25rem;
    margin-top: .9375rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNNi42MDI4MiAxMC4wMDAxTDEwIDcuMjIwNTZWMTYuNzc5Nkw2LjYwMjgyIDE0LjAwMDFIM1YxMC4wMDAxSDYuNjAyODJaTTIgMTYuMDAwMUg1Ljg4ODg5TDExLjE4MzQgMjAuMzMxOUMxMS4yNzI3IDIwLjQwNSAxMS4zODQ2IDIwLjQ0NDkgMTEuNSAyMC40NDQ5QzExLjc3NjEgMjAuNDQ0OSAxMiAyMC4yMjExIDEyIDE5Ljk0NDlWNC4wNTUxOUMxMiAzLjkzOTc3IDExLjk2MDEgMy44Mjc5IDExLjg4NyAzLjczODU3QzExLjcxMjEgMy41MjQ4NSAxMS4zOTcxIDMuNDkzMzUgMTEuMTgzNCAzLjY2ODIxTDUuODg4ODkgOC4wMDAwN0gyQzEuNDQ3NzIgOC4wMDAwNyAxIDguNDQ3NzggMSA5LjAwMDA3VjE1LjAwMDFDMSAxNS41NTI0IDEuNDQ3NzIgMTYuMDAwMSAyIDE2LjAwMDFaTTIzIDEyQzIzIDE1LjI5MiAyMS41NTM5IDE4LjI0NjMgMTkuMjYyMiAyMC4yNjIyTDE3Ljg0NDUgMTguODQ0NEMxOS43NzU4IDE3LjE5MzcgMjEgMTQuNzM5OCAyMSAxMkMyMSA5LjI2MDE2IDE5Ljc3NTggNi44MDYyOSAxNy44NDQ1IDUuMTU1NTdMMTkuMjYyMiAzLjczNzc5QzIxLjU1MzkgNS43NTM2OCAyMyA4LjcwNzk1IDIzIDEyWk0xOCAxMkMxOCAxMC4wODgzIDE3LjEwNiA4LjM4NTQ4IDE1LjcxMzMgNy4yODY3M0wxNC4yODQyIDguNzE1ODRDMTUuMzIxMyA5LjQzODU1IDE2IDEwLjY0IDE2IDEyQzE2IDEzLjM2IDE1LjMyMTMgMTQuNTYxNCAxNC4yODQyIDE1LjI4NDFMMTUuNzEzMyAxNi43MTMyQzE3LjEwNiAxNS42MTQ1IDE4IDEzLjkxMTYgMTggMTJaIiBmaWxsPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDEpIj48L3BhdGg+PC9zdmc+) .9375rem .625rem no-repeat #101010;
    border-radius: .125rem;
    background-size: 1.125rem 1rem;
    padding-left: 2.71875rem;
    overflow: hidden
}

.dialog .shouquan .liuzi-info-box .liuzi-info .liuzi-info-item {
    height: 2.25rem;
    color: #fff;
    font-size: .75rem;
    line-height: 2.25rem
}

.dialog .shouquan .liuzi-info-box .liuzi-info .liuzi-info-item .tel {
    color: #fff
}

.dialog .shouquan .dialogContent {
    border-radius: .125rem
}

.dialog .shouquan .dialogContent .head .img-box {
    width: 10.59375rem;
    height: 9.6875rem;
    margin-top: 1.21875rem;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat
}

.dialog .shouquan .dialogContent .user-agree span {
    font-size: .875rem !important
}

.dialog .dialogBox .dialogContent {
    position: relative !important;
    padding: 1.25rem 1.25rem 0;
    background-color: #fff;
    border-radius: .125rem
}

.dialog .dialogBox .dialogContent .close-dialog {
    position: absolute;
    right: 1.25rem;
    display: block;
    width: .9375rem;
    height: .9375rem;
    text-align: center;
    line-height: .9375rem;
    font-size: .8rem;
    background: url(../img/icons/icon_close.png) center center no-repeat;
    background-size: 100% 100%;
    text-indent: -9999em
}

.dialog .dialogBox .dialogContent .tit {
    color: #101010;
    font-size: 1.25rem;
    max-width: 16.25rem;
    font-weight: 700
}

.dialog .dialogBox .dialogContent .head .img-box {
    margin: .6rem auto 0
}

.dialog .dialogBox .dialogContent .tit span {
    font-size: .75rem;
    font-weight: 400;
    margin-left: .625rem
}

.dialog .dialogBox .dialogContent .tit span b {
    color: #FF6263
}

.dialog .dialogBox .dialogContent .subtit {
    color: #888;
    font-size: .875rem;
    display: block;
    margin-top: .9375rem;
    margin-bottom: .625rem
}

.dialog .dialogBox .dialogContent .subtit em {
    font-style: normal;
    font-weight: 700;
    color: #FF6263
}

.dialog .dialogBox .dialogContent .text {
    color: #101010;
    font-size: .875rem;
    margin-top: .90625rem;
    word-break: break-all
}

.dialog .shouquan .dialogContent .text {
    color: #869099;
    font-size: .875rem;
    margin-top: .90625rem;
    word-break: break-all
}

.dialog .dialogBox .dialogContent .form {
    margin-top: 1.09375rem
}

.dialog .dialogBox .dialogContent .form li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    margin-top: .625rem;
    border-radius: .125rem;
    padding-left: 1.25rem;
    border: 1px solid #ddd
}

.dialog .dialogBox .dialogContent .form li input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    height: 100%;
    font-size: .875rem;
    background: 0 0;
    border: none;
    outline: 0
}

.dialog .dialogBox .dialogContent .form li .clear {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: .625rem;
    width: 1.125rem;
    height: 1.125rem;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjkyOTI3MjczODczIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0MjciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MTIgOTQ5LjMzMzMzM0MyNzAuOTMzMzMzIDk0OS4zMzMzMzMgNzQuNjY2NjY3IDc1My4wNjY2NjcgNzQuNjY2NjY3IDUxMlMyNzAuOTMzMzMzIDc0LjY2NjY2NyA1MTIgNzQuNjY2NjY3IDk0OS4zMzMzMzMgMjcwLjkzMzMzMyA5NDkuMzMzMzMzIDUxMiA3NTMuMDY2NjY3IDk0OS4zMzMzMzMgNTEyIDk0OS4zMzMzMzN6IG0tMTUxLjQ2NjY2Ny0yOTIuMjY2NjY2YzEwLjY2NjY2NyAxMC42NjY2NjcgMjkuODY2NjY3IDEyLjggNDIuNjY2NjY3IDIuMTMzMzMzbDIuMTMzMzMzLTIuMTMzMzMzIDEwNC41MzMzMzQtMTAyLjQgMTAyLjQgMTAyLjQgMi4xMzMzMzMgMi4xMzMzMzNjMTIuOCAxMC42NjY2NjcgMzIgOC41MzMzMzMgNDIuNjY2NjY3LTIuMTMzMzMzIDEyLjgtMTIuOCAxMi44LTMyIDAtNDQuOEw1NTQuNjY2NjY3IDUwOS44NjY2NjdsMTAyLjQtMTAyLjQgMi4xMzMzMzMtMi4xMzMzMzRjMTAuNjY2NjY3LTEyLjggOC41MzMzMzMtMzItMi4xMzMzMzMtNDIuNjY2NjY2cy0yOS44NjY2NjctMTIuOC00Mi42NjY2NjctMi4xMzMzMzRsLTIuMTMzMzMzIDIuMTMzMzM0LTEwMi40IDEwMi40LTEwMi40LTEwMi40LTIuMTMzMzM0LTIuMTMzMzM0Yy0xMi44LTEwLjY2NjY2Ny0zMi04LjUzMzMzMy00Mi42NjY2NjYgMi4xMzMzMzQtMTIuOCAxMi44LTEyLjggMzIgMCA0NC44bDEwMi40IDEwMi40LTEwMi40IDEwMi40LTIuMTMzMzM0IDIuMTMzMzMzYy0xMC42NjY2NjcgMTIuOC0xMC42NjY2NjcgMzIgMCA0Mi42NjY2Njd6IiBmaWxsPSIjYmZiZmJmIiBwLWlkPSIzNDI4Ij48L3BhdGg+PC9zdmc+);
    background-size: 1.125rem 1.125rem;
    background-repeat: no-repeat
}

.dialog .dialogBox .dialogContent .form li .right {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: .625rem;
    width: 1.125rem;
    height: 1.125rem;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjkyOTI3MzI5MTMwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3NzIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MTIgNzQuNjY2NjY3QzI3MC45MzMzMzMgNzQuNjY2NjY3IDc0LjY2NjY2NyAyNzAuOTMzMzMzIDc0LjY2NjY2NyA1MTJTMjcwLjkzMzMzMyA5NDkuMzMzMzMzIDUxMiA5NDkuMzMzMzMzIDk0OS4zMzMzMzMgNzUzLjA2NjY2NyA5NDkuMzMzMzMzIDUxMiA3NTMuMDY2NjY3IDc0LjY2NjY2NyA1MTIgNzQuNjY2NjY3eiBtMjM4LjkzMzMzMyAzNDkuODY2NjY2bC0yLjEzMzMzMyAyLjEzMzMzNC0yNzcuMzMzMzMzIDI3Ny4zMzMzMzNjLTEwLjY2NjY2NyAxMC42NjY2NjctMjkuODY2NjY3IDEyLjgtNDIuNjY2NjY3IDIuMTMzMzMzTDQyNi42NjY2NjcgNzA0bC0xNDkuMzMzMzM0LTE0OS4zMzMzMzNjLTEyLjgtMTIuOC0xMi44LTMyIDAtNDQuOCAxMC42NjY2NjctMTAuNjY2NjY3IDI5Ljg2NjY2Ny0xMi44IDQyLjY2NjY2Ny0yLjEzMzMzNGwyLjEzMzMzMyAyLjEzMzMzNCAxMjUuODY2NjY3IDEyNS44NjY2NjYgMjUzLjg2NjY2Ny0yNTMuODY2NjY2YzEwLjY2NjY2Ny0xMC42NjY2NjcgMjkuODY2NjY3LTEyLjggNDIuNjY2NjY2LTIuMTMzMzM0bDIuMTMzMzM0IDIuMTMzMzM0YzEyLjggMTIuOCAxMi44IDMyIDQuMjY2NjY2IDQyLjY2NjY2NnoiIGZpbGw9IiMwMEFBNjYiIHAtaWQ9IjM3NzMiPjwvcGF0aD48L3N2Zz4=);
    background-size: 1.125rem 1.125rem;
    background-repeat: no-repeat
}

.dialog .dialogBox .dialogContent .form li.yzmbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dialog .dialogBox .dialogContent .form li.yzmbox input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dialog .dialogBox .dialogContent .form li.yzmbox .sendYzm {
    color: #1fb081;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-left: 1px solid #BFBFBF;
    height: 100%
}

.dialog .dialogBox .dialogContent .form li.yzmbox .sendYzm.disable {
    color: #BFBFBF
}

.dialog .dialogBox .dialogContent .btnwrap {
    position: relative;
    margin-top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 2.75rem
}

.dialog .dialogBox .dialogContent .btnwrap .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700
}

.dialog .dialogBox .dialogContent .btnwrap .btn:nth-child(2) {
    margin-left: .625rem
}

.dialog .dialogBox .dialogContent .btnwrap .btn.disable {
    opacity: .35
}

@-webkit-keyframes trends {
    0%, 80% {
        width: 100%;
        line-height: 2.75rem;
        border-radius: 1.375rem;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    30% {
        width: 95%;
        line-height: 2.475rem;
        border-radius: 1.2375rem;
        -webkit-transform: translateX(2.5%);
        transform: translateX(2.5%)
    }
    60% {
        width: 105%;
        line-height: 2.8875rem;
        border-radius: 1.44375rem;
        -webkit-transform: translateX(-2.5%);
        transform: translateX(-2.5%)
    }
}

@keyframes trends {
    0%, 80% {
        width: 100%;
        line-height: 2.75rem;
        border-radius: 1.375rem;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    30% {
        width: 95%;
        line-height: 2.475rem;
        border-radius: 1.2375rem;
        -webkit-transform: translateX(2.5%);
        transform: translateX(2.5%)
    }
    60% {
        width: 105%;
        line-height: 2.8875rem;
        border-radius: 1.44375rem;
        -webkit-transform: translateX(-2.5%);
        transform: translateX(-2.5%)
    }
}

.dialog .dialogBox .dialogContent .user-agree {
    padding: .625rem 0;
    font-size: 0
}

.dialog .dialogBox .dialogContent .user-agree .check-agree {
    width: .75rem;
    height: .75rem;
    border-radius: .375rem;
    background-color: #F0F2F5;
    border: none;
    vertical-align: middle;
    outline: 0;
    position: relative;
    top: -.25rem
}

.dialog .dialogBox .dialogContent .user-agree .check-agree.on {
    background-image: url(https://mstatic.whxtfc.cn/v7.0/dist/images/esf/check_agree_ico.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: .53125rem .375rem
}

.dialog .shouquan#cjcx, .dialog .shouquan#cjjcx, .dialog .shouquan#yfcx, .dialog .shouquan#yykf, .dialog .shouquan#ztkj {
    background: 0 0 !important
}

.dialog .dialogBox .dialogContent .user-agree span {
    color: #BBB;
    line-height: inherit;
    font-size: .875rem
}

.dialog .shouquan#ztkj .dialogContent {
    border-radius: .125rem
}

.dialog .shouquan#gzlp .liuzi-info-box, .dialog .shouquan#ztkj .liuzi-info-box {
    margin-top: .9375rem
}

.dialog .shouquan#jjtz .liuzi-info-box {
    margin-top: 1.875rem
}

.dialog .shouquan#h5bwzf .dialogContent .head .img-box {
    width: 0;
    height: 0
}

.dialog .shouquan#h5bwzf .dialogContent .btnwrap .btn {
    border-radius: 1.375rem
}

.dialog .shouquan#csjjtz .liuzi-info-box, .dialog .shouquan#h5bwzf .liuzi-info-box, .dialog .shouquan#kptz .liuzi-info-box {
    margin-top: .9375rem
}

.dialog .shouquan#yydg .dialogContent .img-box {
    margin-top: 1.53125rem
}

.dialog .shouquan#butie .liuzi-info-box, .dialog .shouquan#cjcx .liuzi-info-box, .dialog .shouquan#cjhd .liuzi-info-box, .dialog .shouquan#cjjcx .liuzi-info-box, .dialog .shouquan#cpbg .liuzi-info-box, .dialog .shouquan#jwkf .liuzi-info-box, .dialog .shouquan#kfhd .liuzi-info-box, .dialog .shouquan#lpdzfs .liuzi-info-box, .dialog .shouquan#lphd .liuzi-info-box, .dialog .shouquan#lqyh .liuzi-info-box, .dialog .shouquan#tjfy .liuzi-info-box, .dialog .shouquan#xdttzw .liuzi-info-box, .dialog .shouquan#yfcx .liuzi-info-box, .dialog .shouquan#yfyj .liuzi-info-box, .dialog .shouquan#yydg .liuzi-info-box, .dialog .shouquan#yykf .liuzi-info-box, .dialog .shouquan#zybg .liuzi-info-box {
    margin-top: .9375rem
}

.dialog .shouquan#yykf .dialogContent .user-agree a {
    color: #BBB
}

.dialog .shouquan#cjjcx .dialogContent .user-agree a {
    color: #BBB
}

.dialog .shouquan#cjcx .dialogContent .user-agree a {
    color: #BBB
}

.dialog .shouquan#yfcx .dialogContent .user-agree a {
    color: #BBB
}

.dialog .shouquan#cpbg .dialogContent .user-agree a {
    color: #BBB
}

.dialog .shouquan#cpbg .dialogContent .user-agree .check-agree {
    width: .78125rem;
    height: .78125rem;
    border: 1px solid #BBB;
    background: #fff;
    -webkit-appearance: none;
    display: inline-block;
    margin-right: .3125rem
}

.dialog .shouquan#cpbg .dialogContent .user-agree .on {
    background: url(https://mimages.whxtfc.cn/images/chcek-sure.png) center no-repeat;
    background-size: .78125rem
}

.dialog .shouquan#lqyh {
    background: 0 0 !important
}

.dialog .dialogBox .dialogContent .content {
    min-height: auto
}

.dialog .dialogBox .dialogContent .content .gray {
    color: #858f99;
    font-size: .9375rem;
    margin-left: 1.5rem;
    margin-top: 1.25rem
}

.dialog .dialogBox .dialogContent .content .err {
    color: #FF6263;
    margin-left: .625rem;
    margin-top: .125rem
}

.dialog .dialogBox .dialogContent .content .select {
    font-size: .9375rem;
    line-height: 2.75rem;
    background: url(https://mstatic.whxtfc.cn/v7.0/dist/images/arro-down.png) 17.5rem 1.25rem no-repeat;
    background-size: .8125rem .46875rem
}

.dialog .dialogBox .dialogContent .content .select.empty {
    color: #ccc
}

.dialog.top .dialogBox {
    border-radius: 0 0 .875rem .875rem;
    top: 0;
    bottom: auto
}

.dialog.center .dialogBox {
    border-radius: .875rem;
    top: 50%;
    bottom: auto
}

.dialog.bounceInDown .dialogBox {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.dialog.bounceIn .dialogBox {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.dialog.bounceInUp .dialogBox {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.dialog .tag {
    margin-top: .5rem
}

.dialog .tag span {
    display: inline-block;
    font-size: .75rem;
    height: 1.6875rem;
    padding: 0 .625rem;
    line-height: 1.6875rem;
    background: #F8F8F8;
    border-radius: .78125rem;
    color: #101010
}

.tipMessage {
    padding: .6875rem 1.25rem;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    font-size: 1rem;
    position: fixed;
    bottom: 10.8125rem;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    z-index: 9999;
    border-radius: .625rem;
    line-height: 1.375rem
}

.poptipSelect {
    position: fixed;
    bottom: 15rem;
    z-index: 999;
    top: auto
}

.multiSelectBox {
    margin: -1.25rem -1.25rem -1.71875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 19.5rem
}

.multiSelectBox .select-area.hide, .multiSelectBox .select-city.hide, .multiSelectBox li.hide {
    display: none
}

.multiSelectBox li {
    line-height: 2.5rem;
    font-size: .8125rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.multiSelectBox li.active {
    color: #1EBE64
}

.multiSelectBox .select-province {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    background: #f0f0f0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 0;
    overflow-y: auto
}

.multiSelectBox .select-province li.active {
    background: #f8f8f8
}

.multiSelectBox .select-city {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    background: #f8f8f8;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 0;
    overflow-y: auto
}

.multiSelectBox .select-city li.active {
    background: #fff
}

.multiSelectBox .select-area {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    background: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 0;
    overflow-y: auto
}

.multiSelectBox .fixed-halp-opacity {
    pointer-events: none;
    width: 100%;
    height: 2.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

#userAgree {
    border: none;
    height: auto;
    margin-top: .938rem;
    padding-left: 0
}

#userAgree .check-agree.on {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEVHcExQUFBQUFBRUVFQUFBQUFBQUFBPT0//zeNYAAAACHRSTlMAMBDAgJDdPYnz5DsAAAAoSURBVAjXY2AgGohCaUYjKENYAUg4wQSAPLAAkAtTIVysANWSRKwlALHkAsbptXOZAAAAAElFTkSuQmCC) center no-repeat;
    background-size: .781rem
}

#userAgree .check-agree {
    width: .781rem;
    height: .781rem;
    border: 1px solid #d9d9d9;
    background: #fff;
    -webkit-appearance: none;
    display: inline-block;
    margin-right: .313rem
}

#userAgree span {
    font-size: .75rem;
    font-weight: 500;
    color: #bfbfbf;
    line-height: 1.375rem
}

#userAgree a {
    color: #bfbfbf
}

.calbackTip {
    position: fixed;
    z-index: 1111;
    left: 0;
    right: 0
}

.calbackTip .tip-cont {
    position: fixed;
    z-index: 1000;
    background: #fff;
    left: 1.875rem;
    right: 1.875rem;
    top: 50%;
    padding: 1.5625rem 1.5625rem 2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: .125rem;
    -webkit-box-shadow: 0 0 .3125rem #ccc;
    box-shadow: 0 0 .3125rem #ccc
}

.calbackTip .tip-cont .close {
    display: block;
    width: .96875rem;
    height: .9375rem;
    text-align: center;
    line-height: .9375rem;
    font-size: .8rem;
    background: url(../img/icons/icon_close.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 1.25rem;
    top: .9375rem
}

.calbackTip .tip-cont .tit {
    font-size: 1.25rem;
    font-weight: 700;
    color: #101010
}

.calbackTip .tip-cont p {
    font-weight: 700
}

.calbackTip .tip-cont .msg {
    margin-top: .625rem;
    color: #101010;
    font-size: .875rem
}

.calbackTip .tip-cont a {
    height: 3rem;
    background: #1fb081;
    border-radius: .125rem;
    display: block;
    text-align: center;
    line-height: 3rem;
    font-size: 1rem;
    color: #FFF;
    margin-top: 3.125rem
}

.poptips {
    width: 100%;
    text-align: center;
    position: fixed;
    top: 15rem;
    left: 0;
    z-index: 1112 !important
}

.bgm, .header {
    z-index: 1000
}

.poptips p {
    display: inline-block;
    line-height: 2.75rem;
    padding: 0 1.25rem;
    color: #fff;
    font-size: .75rem;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 1.375rem
}

.form-tel {
    padding-top: 1.25rem
}

.form-tel p {
    text-align: center;
    font-size: 1.3125rem
}

.form-tel p span {
    margin-left: .625rem;
    color: #999;
    font-size: .75rem
}

.form-tel .form-tag {
    padding-top: .625rem;
    color: #999;
    font-size: .75rem
}

@font-face {
    font-family: iconfont;
    src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');
    font-weight: 400;
    font-style: normal
}

.iconfont {
    font-family: iconfont !important;
    font-size: .5rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: sans-serif;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent
}

.fixed .mfjl .tab, .footer .crumbs-box a, .mt-10 {
    margin-top: .3125rem
}

li, ul {
    list-style: none
}

a {
    color: inherit;
    text-decoration: none
}

a, button {
    -webkit-tap-highlight-color: transparent
}

img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

button, input, select, textarea {
    font-size: 100%;
    vertical-align: middle;
    font-family: sans-serif
}

input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    background: 0 0
}

button, input {
    padding: 0;
    border: none;
    outline: 0
}

button {
    border: none
}

input:focus:-moz-placeholder, input:focus::-webkit-input-placeholder {
    color: transparent
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc
}

::-webkit-scrollbar {
    display: none
}

textarea {
    resize: none
}

.ml-0 {
    margin-left: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.ml-10 {
    margin-left: .3125rem !important
}

.mt-20 {
    margin-top: .625rem
}

.mt-30 {
    margin-top: .9375rem
}

.mt-40 {
    margin-top: 1.25rem
}

.mt-0 {
    margin-top: 0
}

.disN {
    display: none !important
}

.disF {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.disB {
    display: block !important
}

em {
    font-style: normal
}

.btn:focus, .input:active, .input:focus {
    outline: 0
}

.page {
    background: #F5F5F5;
    margin: auto
}

.build-group, .header {
    background-color: #fff
}

.fix-header {
    position: fixed !important
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.375rem;
    width: 100vw;
    position: relative;
    border: 1px solid #f5f5f5
}

.header .header-tit {
    font-size: 1.125rem;
    font-weight: 700;
    color: #3b4144;
    line-height: 2.75rem
}

.header .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .left .logo {
    margin-left: .125rem;
    position: relative;
    top: -.125rem
}

.header .icon_go_back {
    width: 2.1875rem;
    height: 2.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.header .icon_go_back i {
    color: #555;
    font-size: 1.3125rem;
    position: relative;
    top: 0;
    margin: auto 0 auto auto
}

.header .right, .header .tit {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow: hidden
}

.header .tit {
    text-align: center
}

.header .tit a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 4.46875rem;
    height: 1.59375rem;
    margin: .578125rem auto 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header .tit img {
    width: 100%;
    height: 100%
}

.header .tit .name {
    color: #555;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    line-height: 2.75rem
}

.header.header_H .tit a {
    height: 2.75rem;
    margin-top: 0
}

.header .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed_btn button, .head-info {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical
}

.header .right .menu {
    height: 1.5625rem;
    width: 1.5625rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSJyZ2JhKDE2LDE2LDE2LDEpIj48cGF0aCBkPSJNMyA0SDIxVjZIM1Y0Wk0zIDExSDIxVjEzSDNWMTFaTTMgMThIMjFWMjBIM1YxOFoiPjwvcGF0aD48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 1.1875rem
}

.header .right .open {
    height: 1.875rem;
    width: 1.875rem;
    background: url(https://mstatic.whxtfc.cn/v7.0/dist/new-version/img/build-list/ic_titlecancle.png) no-repeat;
    background-size: cover;
    margin-left: 1.1875rem
}

.head-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: .625rem 1.25rem 1.25rem;
    background: #fff
}

.head-info .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.head-info .info-item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.head-info .info-item .head .title {
    color: #101010;
    font-size: 1.25rem;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.head-info .info-item .head .green {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .625rem;
    margin-right: 1.25rem;
    color: #1fb081;
    background-color: #EBF8F3;
    font-size: .75rem;
    padding: .0625rem .125rem
}

.head-info .info-item .head .cred {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .625rem;
    margin-right: 1.25rem;
    background: #FEEBEE;
    color: #ff4a3d;
    font-size: .75rem;
    padding: .0625rem .125rem
}

.head-info .info-item .head .gray {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .625rem;
    margin-right: 1.25rem;
    color: #555;
    background-color: #F5F5F5;
    font-size: .75rem;
    padding: .0625rem .125rem
}

.head-info .info-item .btn-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .75rem;
    color: #1fb081;
    background: #fff
}

.head-info .house_info_detail .item-all .btn-detail:after, .head-info .info-item .btn-detail:after {
    height: .3125rem;
    background-color: transparent;
    border-style: solid;
    border-width: .0625rem .0625rem 0 0;
    -webkit-transform: rotate(45deg)
}

.head-info .info-item .btn-detail:after {
    content: "";
    width: .3125rem;
    border-color: #1fb081;
    margin-left: .3125rem;
    transform: rotate(45deg)
}

.head-info .info-item .ver-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .625rem
}

.build-item .house .build-right .text-dynamic, .head-info .house_info_detail {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-box-direction: normal
}

.head-info .info-item .ver-item .up {
    font-size: 1.125rem;
    font-weight: 700;
    color: #ff4a3d
}

.head-info .info-item .ver-item .down {
    font-size: .75rem;
    color: #888;
    margin-top: .15625rem
}

.head-info .board-b {
    border-bottom: 1px solid #f5f5f5
}

.head-info .house_info_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .25rem
}

.head-info .house_info_detail .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: .625rem;
    line-height: 1.25rem
}

.head-info .house_info_detail .item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .875rem;
    color: #888
}

.head-info .house_info_detail .item .content {
    display: block;
    width: 100%;
    font-size: .875rem;
    color: #101010;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 0 .75rem
}

.head-info .house_info_detail .item-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 50%;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: .625rem;
    line-height: 1.25rem
}

.head-info .house_info_detail .item-all .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .875rem;
    color: #888
}

.head-info .house_info_detail .item-all .content {
    display: block;
    font-size: .875rem;
    color: #101010;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 0 .75rem
}

.head-info .house_info_detail .item-all .area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: .75rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.head-info .house_info_detail .item-all .area .plate {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    font-size: .875rem;
    color: #101010
}

.head-info .house_info_detail .item-all .area .position {
    display: block;
    font-size: .875rem;
    color: #101010;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: .375rem
}

.head-info .house_info_detail .item-all .btn-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .75rem;
    color: #1fb081;
    background: #fff
}

.head-info .house_info_detail .item-all .btn-detail:after {
    content: "";
    width: .3125rem;
    border-color: #1fb081;
    margin-left: .3125rem;
    transform: rotate(45deg)
}

.head-info .house_info_change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.25rem
}

.head-info .house_info_change div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 2.5rem;
    border-radius: 1.25rem;
    color: #1fb081;
    font-size: .875rem;
    font-weight: 600;
    background: rgba(0, 170, 102, .08)
}

.head-info .house_info_change div .price-icon {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .25rem;
    background-size: 1.125rem 1.125rem;
    background-repeat: no-repeat
}

.head-info .house_info_change div .change-icon {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .25rem;
    background-size: 1.125rem 1.125rem;
    background-repeat: no-repeat
}

.head-info .house_info_change .start-change {
    margin-left: .625rem
}


.build-group {
    padding: 1.25rem;
    margin-top: .9375rem
}

.build-group .title-root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.build-group .title-root .title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #101010;
    line-height: 1.125rem
}

.build-group .title-root .people {
    color: #1fb081;
    font-size: .8125rem;
    margin-left: .625rem
}

.build-group .title-root .tip {
    color: #101010;
    font-size: .8125rem;
    margin-left: .3125rem
}

.build-group-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.25rem;
    background: #F8F8F8;
    border-radius: .09375rem;
    padding: .625rem
}

.build-group-line img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 3.75rem;
    height: 3.75rem
}

.build-group-line .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: .625rem;
    height: 100%
}

.build-group-line .text > span {
    display: block;
    font-size: .875rem;
    line-height: .9375rem;
    color: #101010;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis
}

.build-group-line .text .scrollviewbox1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .875rem;
    margin-top: .6875rem;
    overflow: hidden
}

.build-item .house, .phone_liuzi {
    display: -webkit-box;
    display: -ms-flexbox
}

.build-group-line .text .scrollviewbox1 .answer {
    font-size: .875rem;
    color: #101010;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .875rem;
    height: .875rem;
    font-weight: 400
}

.phone_liuzi {
    display: flex;
    margin-top: 1.25rem;
    padding: .5rem .75rem;
    background-color: rgba(0, 170, 102, .05);
    position: relative
}

.phone_liuzi input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2.375rem;
    background: #FFF;
    border: 1px solid rgba(0, 170, 102, .2);
    border-radius: 1.875rem;
    outline: 0;
    text-indent: .9375rem;
    margin-right: .625rem;
    font-size: .875rem
}

.phone_liuzi .clear, .phone_liuzi .right {
    width: 1.125rem;
    right: 30.1%;
    top: 1.125rem;
    background-size: 1.125rem 1.125rem;
    background-repeat: no-repeat;
    position: absolute
}

.phone_liuzi input:-ms-input-placeholder {
    color: #AAA;
    font-size: .75rem
}

.phone_liuzi input::placeholder {
    color: #AAA;
    font-size: .75rem
}

.phone_liuzi input::-webkit-input-placeholder {
    color: #AAA;
    font-size: .75rem
}

.phone_liuzi input::-moz-placeholder {
    color: #AAA;
    font-size: .75rem
}

.phone_liuzi input::-ms-input-placeholder {
    color: #AAA;
    font-size: .75rem
}

.phone_liuzi .clear {
    height: 1.125rem;
    background-image: url(../img/icons/icon_clear.png)
}

.phone_liuzi .right {
    height: 1.125rem;
    background-image: url(../img/icons/icon_check.png)
}

.phone_liuzi button {
    width: 4.75rem;
    height: 2.375rem;
    background: #1fb081;
    border-radius: 1.1875rem;
    font-weight: 600;
    font-size: .875rem;
    color: #fff
}

.build-item {
    background-color: #fff;
    padding: 1.125rem 1.25rem;
    margin: .9375rem 0
}

.build-item .house {
    display: flex;
    margin-top: 1.0625rem
}

.build-item .house .build-left {
    width: 7.5rem;
    height: 5.625rem;
    position: relative;
    background: #f0f0f0
}

.build-item .house .build-left img {
    width: 100%;
    height: 100%;
    border-radius: .125rem;
    position: relative;
    z-index: 1;
    object-fit: contain;
}

.build-item .house .build-left .txt-label {
    font-size: .625rem;
    color: rgba(225, 225, 225, .5);
    position: absolute;
    right: .15625rem;
    bottom: .15625rem;
    z-index: 2
}

.build-item .house .build-right .head .text-name, .build-item .house .build-right .text-name {
    font-size: 1.125rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.build-item .house .build-right {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.25rem;
    overflow: hidden;
    position: relative;
    color: #101010
}

.build-item .house .build-right .text-name {
    display: block
}

.build-item .house .build-right .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.build-item .house .build-right .head .text-name {
    color: #101010
}

.build-item .house .build-right .head .green {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .625rem;
    margin-right: 1.25rem;
    color: #1fb081;
    background-color: #EBF8F3;
    font-size: .75rem;
    padding: .0625rem .125rem
}

.build-item .house .build-right .head .gray {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .625rem;
    margin-right: 1.25rem;
    color: #555;
    background-color: #F5F5F5;
    font-size: .75rem;
    padding: .0625rem .125rem
}

.build-item .house .build-right .head .cred {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .625rem;
    margin-right: 1.25rem;
    background: #FEEBEE;
    color: #ff4a3d;
    font-size: .75rem;
    padding: .0625rem .125rem
}

.build-item .house .build-right .text-loc {
    color: #555;
    font-size: .75rem;
    margin-top: .4375rem
}

.build-item .house .build-right .text-price {
    margin-top: .3125rem;
    color: #101010;
    font-size: .875rem;
    vertical-align: top
}

.build-item .house .build-right .text-price .cred {
    color: #ff4a3d;
    font-size: .875rem
}

.build-item .house .build-right .text-price .cred .num {
    font-size: 1.125rem;
    font-weight: 700;
    margin-right: .3125rem
}

.build-item .house .build-right .text-price .black {
    font-weight: 600
}

.build-item .house .build-right .text-tags {
    margin: .25rem 0;
    color: #888;
    font-size: .75rem;
    max-height: 1.5rem;
    overflow: hidden;
    padding-bottom: .3125rem
}

.build-item .house .build-right .text-tags span {
    font-size: .75rem;
    color: #555;
    display: inline-block;
    padding: .0625rem .375rem;
    border-radius: .0625rem;
    margin-right: .25rem;
    margin-bottom: .25rem;
    background: #F5F5F5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.build-item .house .build-right .text-tags .cgreen {
    background: #EBF8F3;
    color: #1fb081
}

.build-item .house .build-right .text-tags .cred {
    background: #FEEBEE;
    color: #ff4a3d
}

.build-item .house .build-right .text-tags .cyellow {
    background: #FFF8EE;
    color: #FFC048
}

.build-item .house .build-right .text-dynamic {
    margin: .25rem 0;
    color: #555;
    font-size: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row
}

.build-item .house .build-right .text-dynamic img {
    width: 1.0625rem;
    height: 1.0625rem;
    display: block;
    float: left;
    margin-right: .3125rem
}

.build-item .house .build-right .text-dynamic span {
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.build-item li:first-child {
    margin-top: 1.0625rem
}

.build-item li + li {
    border-top: 1px solid #f5f5f5;
    padding-top: 1.25rem;
    margin-top: 1.25rem !important
}

.build-item .look-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .9375rem;
    margin-top: 1.25rem;
    border-top: 1px solid #f5f5f5;
    width: 100%
}

.bgm .chat-group .chat .text::after, .build-item .look-more .text:after {
    content: "";
    border-style: solid;
    border-width: .0625rem .0625rem 0 0
}

.build-item .look-more .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .875rem;
    color: #1fb081
}

.build-item .look-more .text:after {
    width: .3125rem;
    height: .3125rem;
    background-color: transparent;
    border-color: #1fb081;
    margin-left: .3125rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.house-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .9375rem;
    background: #fff;
    padding: 1.125rem 1.25rem
}

.item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.item-header strong {
    font-family: '';
    font-size: 1.125rem;
    font-weight: 700;
    color: #101010;
    line-height: 1.1875rem
}

.bgm .chat-group .chat .text, .bgm .chat-group .green, .bgm .chat-group .tip, .bgm .tip {
    font-size: .875rem;
    color: #fff
}

.house-style .house-desc {
    position: relative;
    color: #555;
    font-size: .875rem;
    margin-top: .75rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 1.875rem
}

.house-style .house-desc .dim {
    position: absolute;
    top: 3.75rem;
    height: 1.875rem;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .7)), to(#fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, .7) 0, #fff 100%)
}

.house-style .house-show {
    -webkit-line-clamp: 3000
}

.bgm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    overflow: hidden
}

.bgm .close {
    position: absolute;
    width: 4rem;
    height: 4rem;
    padding: 1.25rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij48cGF0aCBkPSJNMTIuMDAwNyAxMC41ODY1TDE2Ljk1MDQgNS42MzY3MkwxOC4zNjQ2IDcuMDUwOTNMMTMuNDE0OSAxMi4wMDA3TDE4LjM2NDYgMTYuOTUwNEwxNi45NTA0IDE4LjM2NDZMMTIuMDAwNyAxMy40MTQ5TDcuMDUwOTMgMTguMzY0Nkw1LjYzNjcyIDE2Ljk1MDRMMTAuNTg2NSAxMi4wMDA3TDUuNjM2NzIgNy4wNTA5M0w3LjA1MDkzIDUuNjM2NzJMMTIuMDAwNyAxMC41ODY1WiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwxKSI+PC9wYXRoPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: 1.25rem 1.25rem;
    left: 0;
    top: 0
}

.bgm .swiper-container {
    width: 100%;
    height: auto;
    max-height: 18.75rem;
    overflow: hidden
}

.bgm .swiper-container .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bgm .swiper-container .swiper-wrapper .swiper-slide .img-container {
    width: 100vw;
    height: 18.5625rem
}

.bgm .swiper-container .swiper-wrapper .swiper-slide .img-container .style-pic {
    width: 100vw;
    height: 18.5625rem;
    -ms-flex-item-align: center;
    align-self: center
}

.bgm .chat-group, .bgm .tip {
    width: 100%;
    display: -webkit-box
}

.bgm .tip {
    display: -ms-flexbox;
    display: flex;
    padding: .8125rem 1.25rem 3.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bgm .chat-group {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 7.1875rem;
    padding: 0 1.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bgm .chat-group .avators {
    position: relative;
    width: 2.75rem;
    height: 1.25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bgm .chat-group .avators .avator {
    position: absolute;
    height: 1.25rem;
    width: 1.25rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: .625rem
}

.bgm .chat-group .avators .pic1 {
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABVAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTBFNUQ0MDBBRjM1RUUxMTkzNjlCRUFFMzlDNDlBN0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTJEMjBEMkMzNUI3MTFFRTk4NEFFNEZGRTZCMTE5NkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTJEMjBEMkIzNUI3MTFFRTk4NEFFNEZGRTZCMTE5NkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTFFNUQ0MDBBRjM1RUUxMTkzNjlCRUFFMzlDNDlBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFNUQ0MDBBRjM1RUUxMTkzNjlCRUFFMzlDNDlBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht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)
}

.bgm .chat-group .avators .pic2 {
    left: .75rem;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABVAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTBFNUQ0MDBBRjM1RUUxMTkzNjlCRUFFMzlDNDlBN0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyRkNGMzczNUI3MTFFRUEzOUVFRUUyODU3MDAwOTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyRkNGMzYzNUI3MTFFRUEzOUVFRUUyODU3MDAwOTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTFFNUQ0MDBBRjM1RUUxMTkzNjlCRUFFMzlDNDlBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFNUQ0MDBBRjM1RUUxMTkzNjlCRUFFMzlDNDlBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht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)
}

.bgm .chat-group .avators .pic3 {
    right: 0;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABVAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTBFNUQ0MDBBRjM1RUUxMTkzNjlCRUFFMzlDNDlBN0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkFFMzJBMEEzNUI2MTFFRUIzQjNBODc3OEQxQjNGMEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkFFMzJBMDkzNUI2MTFFRUIzQjNBODc3OEQxQjNGMEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTFFNUQ0MDBBRjM1RUUxMTkzNjlCRUFFMzlDNDlBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFNUQ0MDBBRjM1RUUxMTkzNjlCRUFFMzlDNDlBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht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)
}

.bgm .chat-group .green {
    margin: 0 .375rem
}

.bgm .chat-group .chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .4375rem;
    width: 5.625rem;
    height: 1.5625rem;
    line-height: 1.25rem;
    border-radius: .8125rem;
    background-color: #343434
}

.bgm .chat-group .chat .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bgm .chat-group .chat .text::after {
    width: .3125rem;
    height: .3125rem;
    background-color: transparent;
    border-color: #fff;
    margin-left: .3125rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swiper-container {
    position: relative;
    width: 100%;
    height: auto;
    /*height: 16.6875rem;*/
    -ms-flex-item-align: center;
    align-self: center;
    overflow: hidden
}

.swiper-container .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-container .swiper-wrapper .swiper-slide .img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100vw - 2.5rem);
    height: auto;
    /*height: 16.6875rem;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper-container .swiper-wrapper .swiper-slide .img-container .style-pic {
    width: calc(100vw - 2.5rem);
    height: auto;
    -ms-flex-item-align: center;
    align-self: center
}

.swiper-container .page-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    height: 1.25rem;
    padding: 0 .9375rem;
    z-index: 15;
    color: #fff;
    background-color: rgba(16, 16, 16, .5);
    border-radius: .625rem;
    font-size: .75rem;
    right: .3125rem;
    bottom: .46875rem
}