/*底部按钮*/
.foot-navbox { position: fixed; bottom: 0; left: 0; right: 0; height: 4.5rem; background: #fff; font-size: 1.2rem; z-index: 11; border-top: 1px solid #e5e5e5; }

    .foot-navbox a { float: left; display: block; width: 25%; text-align: center; color: #999; }

        .foot-navbox a.current { color: #ea4335; }

    .foot-navbox .icon { display: block; width: 2.2rem; height: 2.2rem; margin: 0.4rem auto 0; }

.nav-integral { background: url(../images/ico_nav5.png) center top no-repeat; background-size: 2.4rem; }

.current .nav-integral { background: url(../images/ico_nav5.png) center bottom no-repeat; background-size: 2.4rem; }

.nav-all { background: url(../images/ico_nav6.png) center top no-repeat; background-size: 2.4rem; }

.current .nav-all { background: url(../images/ico_nav6.png) center bottom no-repeat; background-size: 2.4rem; }

.nav-record { background: url(../images/ico_nav7.png) center top no-repeat; background-size: 2.4rem; }

.current .nav-record { background: url(../images/ico_nav7.png) center bottom no-repeat; background-size: 2.4rem; }

.nav-convert { background: url(../images/ico_nav8.png) center top no-repeat; background-size: 2.4rem; }

.current .nav-convert { background: url(../images/ico_nav8.png) center bottom no-repeat; background-size: 2.4rem; }

p.i-integral { padding-left: 2.5rem; background: url(../images/ico_integral.png) no-repeat; background-size: 2rem; height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    p.i-integral strong { color: red; font-size: 1.6rem; }

.BtnToBuy { line-height: 2.5rem; background-color: #ea4335; text-align: center; color: #fff; height: 2.5rem; border-radius: 0.3rem; margin-top: 0.8rem; display: inline-block; padding: 0.2rem 1rem; }

.integral-banner img { width: 100%; }
/*.integral-userbox { position: relative; background: #fff; min-height: 4.5rem; }
    .integral-userbox.ub_n { padding: 0.8rem 1.5rem; }
    .integral-userbox.ub_y { padding: 0.8rem 0 0.8rem 5rem; }
    .integral-userbox .avatar { position: absolute; top: 0.8rem; left: 0.5rem; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; }
        .integral-userbox .avatar img { width: 4rem; height: 4rem; }
.integral-user a { color: #bfbfbf; font-size: 1.4rem; }
.integral-user h2 { color: #333; font-size: 1.6rem; font-weight: 600; }
.integral-user .number { color: #ea4335; }*/

.integral-userbox { position: fixed; background: #fff; height: 5.5rem; width: 100%; max-width: 750px; top: 4.4rem; z-index: 11; }
    .integral-userbox.ub_n .integral-user { margin-left: 1rem; }
    .integral-userbox.ub_y .integral-user { margin-left: 5rem; }
    .integral-userbox .avatar { position: absolute; top: 0.8rem; left: 0.5rem; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; }
        .integral-userbox .avatar img { width: 4rem; height: 4rem; }
.integral-user { width: 80%; margin-top: 0.5rem; }
    .integral-user a { color: #bfbfbf; font-size: 1.4rem; }
    .integral-user h2 { color: #333; font-size: 1.6rem; font-weight: 600; }
    .integral-user .number { color: #ea4335; }

.integralbox { margin-top: 1rem; background: #fff; }
.integral-title { border-bottom: 1px solid #f2f2f2; padding: 0.8rem 1.5rem; }
    .integral-title h2 { height: 1.8rem; line-height: 1.8rem; color: #333; font-size: 1.6rem; border-left: 3px solid #ea4335; text-indent: 10px; }
    .integral-title .link { position: relative; color: #333; }
.swiper-integral { margin-top: 1.5rem; padding: 0 0.4rem 0 1rem; }
.integral-img { padding-top: 76%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center top; }
.integral-info { padding: 0.5rem 0 1rem 0; color: #333; font-size: 1.4rem; }
    .integral-info h2 { font-size: 1.6rem; height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }

    .integral-info p.integral-num { height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #eb3222; padding-left: 25px; background: url(../images/ico_integral.png) center left no-repeat; background-size: 18px auto }
a.convert-link { position: absolute; top: 50%; right: 0.5rem; display: inline-block; border-radius: 3px; border: 1px solid #ea4335; color: #ea4335; height: 2.4rem; line-height: 2.4rem; padding: 0 0.4rem; margin-top: -1.2rem; font-size: 1.2rem; }

.house-listbox { background: #fefefe; }
.house-list-wrap { }
.house-list { padding: 0 1.2rem; }
    .house-list li { border-bottom: 1px solid #e8e8e8; }
    .house-list .termbox { padding: 1rem 0; }
    .house-list .term { position: relative; display: block; min-height: 8rem; padding: 1rem 0 1rem 11.5rem; }
    .house-list .imgbox { position: absolute; top: 1rem; left: 0; width: 10.5rem; height: 8rem; border-radius: 0.2rem; overflow: hidden; }
        .house-list .imgbox .img { width: 10.5rem; height: 8rem; }
        .house-list .imgbox .activity, .house-list .imgbox .attestation { position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; padding: 0 0.35rem; height: 1.5rem; line-height: 1.5rem; font-size: 1.2rem; border-radius: 0.2rem 0 0.2rem 0; }
        .house-list .imgbox .icon-vr { position: absolute; top: 50%; left: 50%; display: block; width: 3.8rem; height: 3.8rem; margin-top: -1.9rem; margin-left: -1.9rem; background: url(../images/icon_vr76.png) center center no-repeat; background-size: 3.8rem; z-index: 2; }
        .house-list .imgbox .activity.redbg { background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; }
        .house-list .imgbox .activity.violetbg { background: #d01bb2; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#d40060),color-stop(80%,#b628bf)); background: -webkit-linear-gradient(left,#d40060 20%,#b628bf 80%); background: linear-gradient(to right,#d40060 20%,#b628bf 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d40060', endColorstr='#b628bf', GradientType=1); color: #fff; }
        .house-list .imgbox .attestation.greenbg { background: #39cc6e; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#77d568),color-stop(80%,#02c26e)); background: -webkit-linear-gradient(left,#77d568 20%,#02c26e 80%); background: linear-gradient(to right,#77d568 20%,#02c26e 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d568', endColorstr='#02c26e', GradientType=1); color: #fff; }
        .house-list .imgbox .attestation.yellowbg { background: #ffad1c; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#ffbb3b),color-stop(80%,#ffa000)); background: -webkit-linear-gradient(left,#ffbb3b 20%,#ffa000 80%); background: linear-gradient(to right,#ffbb3b 20%,#ffa000 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb3b', endColorstr='#ffa000', GradientType=1); color: #fff; }
        .house-list .imgbox .attestation.redbg { background: #dd514c; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#ca5555),color-stop(80%,#dd514c)); background: -webkit-linear-gradient(left,#ca5555 20%,#dd514c 80%); background: linear-gradient(to right,#ca5555 20%,#dd514c 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca5555', endColorstr='#dd514c', GradientType=1); color: #fff; }
.house-info { line-height: 2rem; font-size: 1.3rem; color: #9c9fa1; }
    .house-info h2 { line-height: 1.8rem; color: #394043; margin-bottom: 0.2rem; }
        .house-info h2 .name.row2 { max-height: 3.6rem; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .house-info .name { font-size: 1.5rem; font-weight: 600; }
    .house-info .state { display: inline-block; height: 1.7rem; line-height: 1.7rem; padding: 0 0.4rem; margin-left: 0.6rem; font-size: 1.2rem; border-radius: 0.1rem; }
        .house-info .state.state0 { background: #f5f7fd; color: #9498a4; }
        /*默认、售罄*/
        .house-info .state.state1 { background: #e6f2ff; color: #5bacfe; }
        /*预售*/
        .house-info .state.state2 { background: #ffece8; color: #ff8062; }
        /*在售*/
        .house-info .state.state3 { background: #d9f3e8; color: #7ac789; }
/*待售*/
.house-tag { max-height: 1.8rem; overflow: hidden; margin-right: -0.4rem; }
    .house-tag .tag { display: inline-block; height: 1.6rem; line-height: 1.6rem; padding: 0 0.4rem; margin-right: 0.3rem; font-size: 1.2rem; border-radius: 0.1rem; background: #f6f6f6; color: #9aa0a6; }
        .house-tag .tag.tag1 { background: #ffece8; color: #ff8062; }
        /*橙*/
        .house-tag .tag.tag2 { background: #e6f2ff; color: #5bacfe; }
        /*蓝*/
        .house-tag .tag.tag3 { background: #d9f3e8; color: #7ac789; }
/*绿*/
.house-info .line { color: #e8e8e8; }
.house-info p { height: 2rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.house-price { margin-top: 0.5rem; }
    .house-price .present-price { color: #fa5741; }
        .house-price .present-price strong { font-size: 1.5rem; font-weight: 600; }
    .house-price .area, .house-price .unit-price { margin-left: 0.6rem; }

.packet-apply { position: relative; padding: 0 1.2rem; line-height: 4rem; background: #fff; }
    .packet-apply .name { display: inline-block; font-size: 1.8rem; }
    .packet-apply .more { position: absolute; top: 0; right: 1.2rem; z-index: 1; color: #e93b3d; font-size: 1.3rem; }

.activity-formbox { margin-top: 1rem; background: #fefefe; }
.activity-form { margin: 0 1.2rem; font-size: 1.5rem; border-bottom: 1px solid #e8e8e8; }
    .activity-form dl { position: relative; min-height: 3.5rem; line-height: 3.5rem; padding-left: 7.2rem; }
    .activity-form dt { position: absolute; top: 0; left: 0; font-size: 1.6rem; }
    .activity-form dd.has-other { position: relative; padding-right: 8.5rem; }
.activity-code { position: absolute; top: 0.8rem; right: 0; z-index: 1; width: 8.2rem; height: 2.9rem; line-height: 2.9rem; color: #6b7072; border: 1px solid #e8e8e8; text-align: center; background: #fff; }
    .activity-code.spot { color: #a19a9b; background: #ebebeb; border: 1px solid #dbdbdb; }
.activity-text { width: 100%; height: 4.5rem; line-height: 4.5rem; font-size: 1.5rem; background: none; border: none; }
.activity-btnbox { padding: 0.5rem 1.2rem 2rem; }
    .activity-btnbox .btn { display: block; width: 100%; height: 4.2rem; line-height: 4.2rem; border-radius: 0.5rem; border: none; text-align: center; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; font-size: 1.6rem; font-weight: 600; }

.msg_txt { height: 4rem; line-height: 4rem; text-align: center; }
    .msg_txt strong { color: red; }
.no_data { text-align: center; line-height: 40px; padding: 20px 0; }

.integral-detail { padding: 1rem 1.2rem 2rem; font-size: 1.5rem; }

.green { color: #06bd73 !important; }
.red { color: #fa5740; }
.blue { color: #22b5f7; }

.jf-details { }
    .jf-details dl { margin-bottom: 1rem; padding-left: 1rem; background: #fff; }
    .jf-details dt { position: relative; min-height: 4.6rem; line-height: 4.6rem; }
        .jf-details dt h2 { width: 80%; font-size: 1.6rem; border-bottom: 1px dashed #e8e8e8; }
    .jf-details .count { position: absolute; top: 2.2rem; right: 1.2rem; color: #fa5740; font-size: 1.6rem; }
    .jf-details dd { line-height: 2rem; padding: 0.8rem 0; font-size: 1.4rem; color: #9c9fa1; }
        .jf-details dd p + p { margin-top: 0.3rem; }

.condo-tourbox { background: #fff; }
.condo-tour-list { padding: 0 1.2rem; }
    .condo-tour-list li { padding: 1rem 0 1.8rem; border-bottom: 1px solid #e8e8e8; }
.ctour-head { }
    .ctour-head h2 { line-height: 2.8rem; font-size: 1.5rem; font-weight: 600; }
        .ctour-head h2 a { display: inline-block; }
.ctour-body { position: relative; padding-left: 11.5rem; margin-top: 0.8rem; min-height: 8rem; }

    .ctour-body .imgbox { position: absolute; top: 0; left: 0; width: 10.5rem; height: 8rem; border-radius: 0.2rem; overflow: hidden; }
        .ctour-body .imgbox .img { width: 10.5rem; height: 8rem; }
        .ctour-body .imgbox .state { position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; padding: 0 0.3rem; height: 1.6rem; line-height: 1.6rem; font-size: 1.2rem; border-radius: 0 0 0.2rem 0; background: #e8e8e8; color: #9c9fa1; }
        .ctour-body .imgbox .state1 { background: #fa5740; color: #fff; }
        .ctour-body .imgbox .state2 { background: #06bd73; color: #fff; }
        .ctour-body .imgbox .state3 { background: #22b5f7; color: #fff; }
.ctour-info { line-height: 1.8rem; color: #9c9fa1; font-size: 1.3rem; }
    .ctour-info p + p { margin-top: 0.4rem; }

.screenbox { background: #fff; font-size: 1.6rem; border-bottom: 1px solid #ddd; }
    .screenbox.fix-screen { position: fixed; top: 9.6rem; /*left: 0; right: 0;*/ z-index: 11; width: 100%; max-width: 750px; }
    .screenbox li { position: relative; float: left; width: 25%; height: 4rem; line-height: 4rem; text-align: center; overflow: hidden; }
    .screenbox.screen3box li { width: 33.33%; }
    .screenbox li:after { position: absolute; top: 1rem; right: 0; display: block; content: ""; width: 1px; height: 2rem; background: #f2f2f2; }
    .screenbox li a { display: inline-block; height: 3.8rem; line-height: 3.8rem; color: #333; padding: 0 3px; }
    .screenbox li.on a { color: #ea4335; border-bottom: 2px solid #ea4335; }

.rulebox { background: #fff; font-size: 1.4rem; }
    .rulebox table { text-align: center; color: #333; }
        .rulebox table tr { }
        .rulebox table td { border-bottom: 1px solid #f2f2f2; padding: 1rem; box-sizing: border-box; }
    .rulebox .number { color: #ea4335; }

.agedabox { font-size: 1.4rem; color: #333; }
    .agedabox dl { background: #fff; margin-bottom: 1rem; }
    .agedabox dt { padding: 1rem 1.5rem; }
        .agedabox dt h2 { color: #ea4335; font-size: 1.6rem; height: 1.6rem; line-height: 1.6rem; border-left: 2px solid #ea4335; text-indent: 0.5rem; overflow: hidden; }
    .agedabox dd { padding: 0.8rem 1.5rem; border-top: 1px solid #f2f2f2; line-height: 1.7; }
        .agedabox dd p + p { margin-top: 0.5rem; }

    .agedabox .subageda { font-size: 1.4rem; color: #333; padding-bottom: 1rem; line-height: 2.6rem; height: 7.2rem; overflow: hidden; }
        .agedabox .subageda.auto { height: auto; }
        .agedabox .subageda p + p { margin-top: 0; }
    .agedabox .abstract-btm { padding-bottom: 0; padding-top: 1rem; border-top: 1px solid #f2f2f2; }
.abstract-btm .more.open:before { display: none; }
.abstract-btm { text-align: center; }
    .abstract-btm .more { display: block !important; }
        .abstract-btm .more:after { right: 39% !important; }
.height-auto { height: auto !important; }
.ex-process { }
    .ex-process li { float: left; width: 50%; }
    .ex-process .item { display: block; height: 3rem; line-height: 3rem; color: #fff; background: #f65648; border-radius: 6px; overflow: hidden; margin: 0.5rem 0; text-align: center; }
        .ex-process .item * { vertical-align: middle; }
    .ex-process li:nth-child(2n) .item { margin-left: 1rem; }
    .ex-process li:nth-child(2n-1) .item { margin-right: 1rem; }
    .ex-process .ico { position: relative; display: inline-block; width: 1.6rem; height: 1.6rem; background: #fff; border-radius: 50%; margin-left: 0.5rem; }
        .ex-process .ico:after { position: absolute; top: 50%; left: 50%; content: ""; width: 0.5rem; height: 0.5rem; border-top: 1px solid #f65648; border-right: 1px solid #f65648; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-top: -0.25rem; margin-left: -0.4rem; }
    .ex-process li:last-child .ico:after { transform: rotate(135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); width: 0.7rem; margin-top: -0.3rem; }

.link_btn { width: 100%; display: block; background-color: #fff; text-align: center; line-height: 4rem; text-decoration: underline; color: #e61e0b; }