/* 媒体查询，用于平板和手机设备 */
@media screen and (max-width: 1080px) {

}

.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
}

.btnTest {
    color: #23c993;
}

.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;
    font-family: sans-serif;
    background: url(../img/icons/icon_close.png) center center no-repeat;
    background-size: 100% 100%;
    text-indent: -9999em
}

.dialog .dialogBox .dialogContent .form li .clear, .dialog .dialogBox .dialogContent .form li .right {
    width: 1.125rem;
    margin: .625rem;
    height: 1.125rem;
    background-size: 1.125rem 1.125rem;
    background-repeat: no-repeat
}

.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;
    border-radius: 1.25rem;
    margin-top: .625rem;
    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;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjkyOTI3MjczODczIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0MjciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MTIgOTQ5LjMzMzMzM0MyNzAuOTMzMzMzIDk0OS4zMzMzMzMgNzQuNjY2NjY3IDc1My4wNjY2NjcgNzQuNjY2NjY3IDUxMlMyNzAuOTMzMzMzIDc0LjY2NjY2NyA1MTIgNzQuNjY2NjY3IDk0OS4zMzMzMzMgMjcwLjkzMzMzMyA5NDkuMzMzMzMzIDUxMiA3NTMuMDY2NjY3IDk0OS4zMzMzMzMgNTEyIDk0OS4zMzMzMzN6IG0tMTUxLjQ2NjY2Ny0yOTIuMjY2NjY2YzEwLjY2NjY2NyAxMC42NjY2NjcgMjkuODY2NjY3IDEyLjggNDIuNjY2NjY3IDIuMTMzMzMzbDIuMTMzMzMzLTIuMTMzMzMzIDEwNC41MzMzMzQtMTAyLjQgMTAyLjQgMTAyLjQgMi4xMzMzMzMgMi4xMzMzMzNjMTIuOCAxMC42NjY2NjcgMzIgOC41MzMzMzMgNDIuNjY2NjY3LTIuMTMzMzMzIDEyLjgtMTIuOCAxMi44LTMyIDAtNDQuOEw1NTQuNjY2NjY3IDUwOS44NjY2NjdsMTAyLjQtMTAyLjQgMi4xMzMzMzMtMi4xMzMzMzRjMTAuNjY2NjY3LTEyLjggOC41MzMzMzMtMzItMi4xMzMzMzMtNDIuNjY2NjY2cy0yOS44NjY2NjctMTIuOC00Mi42NjY2NjctMi4xMzMzMzRsLTIuMTMzMzMzIDIuMTMzMzM0LTEwMi40IDEwMi40LTEwMi40LTEwMi40LTIuMTMzMzM0LTIuMTMzMzM0Yy0xMi44LTEwLjY2NjY2Ny0zMi04LjUzMzMzMy00Mi42NjY2NjYgMi4xMzMzMzQtMTIuOCAxMi44LTEyLjggMzIgMCA0NC44bDEwMi40IDEwMi40LTEwMi40IDEwMi40LTIuMTMzMzM0IDIuMTMzMzMzYy0xMC42NjY2NjcgMTIuOC0xMC42NjY2NjcgMzIgMCA0Mi42NjY2Njd6IiBmaWxsPSIjYmZiZmJmIiBwLWlkPSIzNDI4Ij48L3BhdGg+PC9zdmc+)
}

.dialog .dialogBox .dialogContent .form li .right {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjkyOTI3MzI5MTMwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3NzIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MTIgNzQuNjY2NjY3QzI3MC45MzMzMzMgNzQuNjY2NjY3IDc0LjY2NjY2NyAyNzAuOTMzMzMzIDc0LjY2NjY2NyA1MTJTMjcwLjkzMzMzMyA5NDkuMzMzMzMzIDUxMiA5NDkuMzMzMzMzIDk0OS4zMzMzMzMgNzUzLjA2NjY2NyA5NDkuMzMzMzMzIDUxMiA3NTMuMDY2NjY3IDc0LjY2NjY2NyA1MTIgNzQuNjY2NjY3eiBtMjM4LjkzMzMzMyAzNDkuODY2NjY2bC0yLjEzMzMzMyAyLjEzMzMzNC0yNzcuMzMzMzMzIDI3Ny4zMzMzMzNjLTEwLjY2NjY2NyAxMC42NjY2NjctMjkuODY2NjY3IDEyLjgtNDIuNjY2NjY3IDIuMTMzMzMzTDQyNi42NjY2NjcgNzA0bC0xNDkuMzMzMzM0LTE0OS4zMzMzMzNjLTEyLjgtMTIuOC0xMi44LTMyIDAtNDQuOCAxMC42NjY2NjctMTAuNjY2NjY3IDI5Ljg2NjY2Ny0xMi44IDQyLjY2NjY2Ny0yLjEzMzMzNGwyLjEzMzMzMyAyLjEzMzMzNCAxMjUuODY2NjY3IDEyNS44NjY2NjYgMjUzLjg2NjY2Ny0yNTMuODY2NjY2YzEwLjY2NjY2Ny0xMC42NjY2NjcgMjkuODY2NjY3LTEyLjggNDIuNjY2NjY2LTIuMTMzMzM0bDIuMTMzMzM0IDIuMTMzMzM0YzEyLjggMTIuOCAxMi44IDMyIDQuMjY2NjY2IDQyLjY2NjY2NnoiIGZpbGw9IiMwMEFBNjYiIHAtaWQ9IjM3NzMiPjwvcGF0aD48L3N2Zz4=)
}

.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: #889098;
    font-size: .75rem;
    display: inline-block;
    padding-left: .46875rem;
    padding-right: .625rem;
    border-left: 1px solid #BFBFBF
}

.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;
    border-radius: 1.375rem;
}

.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(../img/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(../img/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(../img/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: 1.375rem;
    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
}

.dh_menu, .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
}

.build-home_name, .build-home_name h1 {
    line-height: 1.375rem;
    font-size: 1.375rem
}

.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;
    font-family: sans-serif;
    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-family: PingFang SC;
    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: 1.5rem;
    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
}

.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
}

.build-other_list li + li, .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: system-ui, -apple-system, sans-serif, sans-serif;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent
}

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
}

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
}

.mt-10 {
    margin-top: .3125rem
}

.mt-30 {
    margin-top: .9375rem
}

.disN {
    display: none !important
}

.disF {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.disB {
    display: block !important
}

.main {
    background: #f8f8f8;
}

/* 头部开始Start */
.header, .header .left {
    display: -webkit-box;
    display: -ms-flexbox
}

em {
    font-style: normal
}

.btn:focus, .input:active, .input:focus {
    outline: 0
}

.page {
    background: #F5F5F5;
    margin: auto
}

.fix-header {
    position: fixed !important
}

.header {
    background-color: #fff;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.375rem;
    width: 100vw;
    position: relative;
    z-index: 1000;
    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: 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 .right, .header .tit a {
    display: -webkit-box;
    display: -ms-flexbox
}

.header .tit {
    text-align: center
}

.header .tit a {
    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;
    font-weight: 700;
    color:#101010
}

.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: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .right .menu {
    height: 1.5625rem;
    width: 1.5625rem;
    background: url(../img/icons/icon_menu.png) no-repeat;
    background-size: cover;
    margin-right: 1.1875rem
}

.header .right .open {
    height: 1.875rem;
    width: 1.875rem;
    background: url(../img/icon_menu.png) no-repeat;
    background-size: cover;
    margin-left: 1.1875rem
}
/* 头部结束End */

/* 顶部菜单开始Start */
.dh_menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    overflow: hidden;
    z-index: 100;
    opacity: 0;
    -webkit-transition: all .25s;
    transition: all .25s
}

.dh_menu .sidewrap {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    position: fixed;
    top: 2.75rem;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .2s;
    transition: all .2s
}

.dh_menu .sidewrap ul {
    padding-left: 1.75rem
}

.dh_menu .sidewrap li {
    height: 3.4375rem;
    border-bottom: 1px solid #e5e5e5
}

.cityfj-list, .footer .crumbs {
    border-bottom: 1px solid #333
}

.dh_menu .sidewrap li i {
    color: #888;
    font-size: 1.0625rem;
    margin-right: .625rem
}

.dh_menu .sidewrap li img {
    display: inline-block;
    width: 1.0625rem;
    height: 1.0625rem;
    margin-right: .325rem;
    color: #869099
}

.dh_menu .sidewrap li a {
    color: #101010;
    font-size: 1rem;
    line-height: 3.4375rem
}

.dh_menu .sidewrap.show, .dh_menu.show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 111
}

.dh_menu.showbg {
    z-index: 111;
    opacity: 1
}
/* 顶部菜单结束End */

/* 底部开始Start */
.footer {
    background-color: #26292B;
    padding: 0 0.75rem;
    box-sizing: border-box;
}

.footer .crumbs {
    padding: .625rem 0;
    position: relative
}

.footer .crumbs-box, .footer .tab-root {
    border-bottom: 1px solid rgba(134, 144, 153, .5)
}

.footer .crumbs a, .footer .crumbs span {
    color: #869099;
    font-size: .6875rem
}

.footer .tab-root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: .625rem
}

.footer .tab-root a {
    font-size: .75rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #869099
}

.footer .tab-root a + a {
    margin-left: 1.875rem
}

.footer .crumbs-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .625rem 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer .crumbs-box .crumbs {
    max-width: 80%;
    position: relative
}

.footer .crumbs-box .crumbs a, .footer .crumbs-box .crumbs span {
    color: #888;
    font-size: .6875rem
}

.footer .crumbs-box a, .footer .info a, .footer .info p {
    color: #869099;
    font-size: .6875rem
}

.footer .crumbs-box .crumbs .aboutus {
    position: absolute;
    right: 0;
    top: .875rem
}

.footer .crumbs-box a {
    margin-top: .3125rem
}

.footer .info {
    white-space: nowrap;
    padding-bottom: .625rem
}

.footer .info p {
    line-height: .9375rem;
    white-space: normal;
    margin: .625rem 0
}

.house-staff_wen li:nth-child(2n), .footer .info p img {
    margin-left: 1.25rem
}

.footer .info p img {
    width: .625rem;
    height: .625rem
}

.footer .info a {
    line-height: .9375rem
}

.footer .info .company {
    font-size: .875rem
}

.footer .info .icon_box {
    width: 8.0625rem;
    font-size: 0;
    margin-bottom: 1rem
}

.footer .info .icon_box a {
    display: inline-block;
    width: 3.75rem;
    height: 1.375rem;
    margin-top: .1875rem;
    background: url(../img/footer.png) 0 -1.75rem no-repeat;
    background-size: 3.75rem auto
}

.footer .info .icon_box a.icon_android {
    margin-left: .5625rem;
    background-position: 0 0
}

.footer .info .copyright {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    font-size: .75rem;
    padding: .78125rem 0 .625rem
}

.footer .info .copyright p {
    color: #888;
    line-height: .9375rem
}

.footer .info .copyright p.record {
    font-size: .75rem
}
/* 底部结束End */

.mt-20 {
    margin-top: .625rem
}

button {
    border: none
}


.annotation {
    white-space: normal;
    line-height: .9375rem
}

.fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    z-index: 999;
    width: 100vw;
    left: 0;
    right: 0;
    height: calc(4.0625rem + constant(safe-area-inset-bottom));
    height: calc(4.0625rem + env(safe-area-inset-bottom));
    background: #fff;
    padding-right: 1.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: env(safe-area-inset-bottom)
}

.fixed .mfjl, .fixed_btn {
    display: -webkit-box;
    display: -ms-flexbox
}

.fixed .mfjl {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    padding: 0 1.4375rem 0 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.fixed .mfjl .tab-icon {
    width: 1.75rem;
    height: 1.75rem
}

.fixed .mfjl .tab {
    margin-top: .3125rem;
    font-size: .75rem;
    color: #101010;
    line-height: .75rem
}

.fixed .mfjl .pop {
    width: 1.5rem;
    height: .75rem;
    line-height: .75rem;
    border-radius: .35rem;
    color: white;
    font-size: .5rem;
    text-align: center;
    background: red;
    background-repeat: no-repeat;
    background-size: 1.5rem .75rem;
    position: absolute;
    top: 0;
    right: .625rem
}

.fixed_btn {
    display: flex;
    width: 80%
}

.fixed_btn button {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70%;
    height: 2.75rem;
    border-radius: 1.375rem;
    background: #2386ea;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 600;
    color: #FFF
}

.fixed_btn button + button {
    margin-left: .625rem;
    background-color: #1fb081
}

.fixed_tag {
    -webkit-box-sizing: border-box;
    display: none;
    position: absolute;
    bottom: 4.375rem;
    bottom: calc(4.375rem + constant(safe-area-inset-bottom));
    bottom: calc(4.375rem + env(safe-area-inset-bottom));
    right: 1.25rem;
    padding: .8125rem 2.875rem .8125rem .9375rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .8);
    border-radius: 1.25rem;
    font-size: .875rem;
    line-height: .875rem;
    font-weight: 500;
    color: #FFF
}

.fixed_tag img {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .09375rem;
    right: .09375rem
}

.footer {
    margin-bottom: 4.0625rem
}

.cityfj-list {
    padding-bottom: .625rem;
    margin-bottom: .9375rem
}

.cityfj-list .scroll-menu {
    display: flex;
}

.cityfj-list .scroll-menu a {
    display: inline-block;
    color: #869099;
    font-size: .875rem;
    line-height: .938rem;
    /*margin-right: 1.25rem;*/
    padding: 1.188rem 0 .875rem;
    font-weight: 700;
    flex: 1;
    text-align: center;
}

.cityfj-list .scroll-menu a.active {
    color: #fff
}

.cityfj-list .cityfj-nav {
    display: none
}

.cityfj-list .cityfj-nav .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /*display: flex;*/
    width: 100%;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.625rem;
    font-size: 0;
    max-height: 12rem;
    overflow: auto
}

.cityfj-list .cityfj-nav .flex span {
    width: 33.3%;
    height: 1.8rem;
    padding: 0 .35rem;
    /*flex: 1;*/
    float: left;
    display: inline-block;
    /*margin-right: .6rem;*/
    margin-bottom: .7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.cityfj-list .cityfj-nav .flex span a {
    width: 100%;
    height: 100%;
    line-height: 1.8rem;
    text-align: center;
    padding:0 .25rem;
    background: #3c3f3d;
    font-size: .688rem;
    color: #efefef;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@-webkit-keyframes vrIcon {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 0 100%
    }
}

@keyframes vrIcon {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 0 100%
    }
}