@import "color.css";
@import "iconfont.css";

.main {
    background: #f1f1f1;
}

/*header S---------------------*/
#header {
    height: 2.56rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.64rem;
    line-height: 1.28rem;
}

.city-box > a {
    font-size: .51rem;
    color: #fff;
    position: relative;
}

.city-box > a:after {
    width: .38rem;
    height: .21rem;
    content: "";
    display: block;
    background: url(../images/icon/section_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: -.7rem;
    top: .3rem;
    transition: all 300ms;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.city-box.active > a:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#city_list {
    position: absolute;
    top: 2.56rem;
    left: 0;
    width: 3rem;
    background: #fff;
    z-index: 12;
    border: 1px solid #eee;
    box-shadow: 0 0 6px #999;
    display: none;
}

#city_list:after {
    content: '';
    display: block;
    position: absolute;
    top: -0.4rem;
    left: 50%;
    margin-left: -0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    background: url(../images/icon/icon1.png) center top no-repeat;
    -webkit-background-size: 0.6rem 0.6rem;
    background-size: 0.6rem 0.6rem;
}

#city_list li {
    font-size: 0.6rem;
    line-height: 1.6rem;
    text-align: center;
}

.logo-box {
    width: 11.53rem;
    /*height: 1.28rem;*/
    text-align: center;
    line-height: 1rem;
    margin: auto;
}

.search-box {
    width: 11.53rem;
    height: 1.28rem;
    background: #fff;
    border-radius: .64rem;
    position: relative;
    margin-left: .5rem;
}

.search-box:before {
    width: .66rem;
    height: .66rem;
    content: "";
    display: block;
    background: url(../images/icon/search_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: .34rem;
    left: .43rem;
}

.search-box input {
    height: 1.28rem;
    display: block;
    padding-left: 1.49rem;
    width: 100%;
}

.person-center:after {
    content: "";
    display: block;
    width: .62rem;
    height: .64rem;
    background: url(../images/icon/person_icon.png) no-repeat;
    background-size: cover;
}

/*header E---------------------*/

/*banner-----------S*/
.banner-box {
    background: #fff;
}

.banner {
    width: 100%;
    height: 50vw;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

.swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.poster .swiper-slide {
    position: relative;
}

.poster .swiper-slide:after {
    content: '广告';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    font-size: 10px;
    color: #fff;
    background: #000;
    line-height: 14px;
    padding: 0 1px;
    background: rgba(0, 0, 0, 0.2);
    filter: alpha(opacity=20);
}

/*banner-----------E*/

/*类别---------------S*/
.cate-box {
    background: #fff;
    padding: .84rem 0 .8rem;
}

.cate-box .box {
    width: 90%;
    margin: 0 auto;
}

.cate-box li {
    width: 23.5%;
    display: inline-block;
    text-align: center;
    padding-bottom: .64rem;
}

.cate-box a {
    width: 100%;
    color: #737373;
    font-size: .512rem;
    text-align: center;
    display: inline-block;;
}

.cate-box a:before {
    content: "";
    display: block;
    background: url(../images/icon/cate_icon.png) no-repeat;
    background-size: 13.93rem 5.93rem;
    width: 100%;
    height: 2.4rem;
    background-position: 1rem 0;
}

.cate-box li:nth-child(4n+1) a {
    margin-left: 0;
}

.cate-box li:nth-child(1) a:before {
    background-position: .5rem 0;
}

.cate-box li:nth-child(2) a:before {
    background-position: -3.29rem 0;
}

.cate-box li:nth-child(3) a:before {
    background-position: -7.12rem 0;
}

.cate-box li:nth-child(4) a:before {
    background-position: -10.97rem 0;
}

.cate-box li:nth-child(5) a:before {
    background-position: .5rem -3.37rem;
}

.cate-box li:nth-child(6) a:before {
    background-position: -3.29rem -3.37rem;
}

.cate-box li:nth-child(7) a:before {
    background-position: -7.12rem -3.37rem;
}

.cate-box li:nth-child(8) a:before {
    background-position: -10.97rem -3.37rem;
}

/*类别---------------E*/

/*头条----------------S*/
.headlines {
    background: #fff;
    margin-bottom: .43rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    /* box-shadow: 0px 6px 4px rgba(50,50,50,.1); */
}

.headlines .tit {
    width: 2.97rem;
    margin-left: .64rem;
}

.headlines .text {
    /**padding-left:.75rem;**/
    overflow: hidden;
    height: 1.4rem;
    width: 80%;
}

.headlines li {
    height: 1.4rem;
    overflow: hidden;
}

.headlines a {
    display: block;
    font-size: .6rem;
    color: #666;
    line-height: 1.4rem;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*头条----------------E*/

/*工具----------------S*/
.tool-box {
    background: #fff;
    padding: 1rem 0;
}

.tool-box a {
    float: left;
    font-size: .51rem;
    color: #666;
    margin-left: 1.5rem;
    text-align: center;
}

.tool-box a:before {
    content: "";
    display: block;
    margin: 0 auto .51rem;
    background: url(../images/icon/tool_icon.png) no-repeat;
    background-size: 13.26rem 1.13rem;
}

.tool-box a:nth-child(1):before {
    width: 1.07rem;
    height: 1.09rem;
    background-position: 0 0;
}

.tool-box a:nth-child(2):before {
    width: 1.09rem;
    height: 1.09rem;
    background-position: -3.07rem 0;
}

.tool-box a:nth-child(3):before {
    width: 1.24rem;
    height: 1.05rem;
    background-position: -6.1rem 0;
}

.tool-box a:nth-child(4):before {
    width: 1.07rem;
    height: 1.09rem;
    background-position: -9.1rem 0;
}

.tool-box a:nth-child(5):before {
    width: 1.07rem;
    height: 1.09rem;
    background-position: -12.24rem 0;
}

/*工具----------------E*/

/*优势*/
.advantage-box {
    background: #fff;
    padding-bottom: .4rem;
    margin-top: .43rem;
    padding-top: .8rem;
    padding-left: .61rem;
}

.advantage-box .box {
    width: 100%;
    height: 5.5rem;
    overflow: hidden;
    padding: 5px;
}

.advantage-box li {
    float: left;
    width: 4.18rem;
    height: 4.98rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: .21rem;
    border-radius: 4px;
    margin-right: .45rem;
}

.advantage-box ul {
    -webkit-transition: 2s;
    -webkit-transition-timing-function: ease-out;
}

.advantage-box .pic {
    width: 3.75rem;
    height: 2.35rem;
    overflow: hidden;
    border-radius: 4px;
}

.advantage-box h3 {
    font-size: .64rem;
    color: #333;
    padding-top: .3rem;
    padding-bottom: .2rem;
}

.advantage-box p {
    font-size: 0.51rem;
    color: #666;
}

/*推荐新房*/
.house-show-box {
    background: #fff;
    padding-left: .64rem;
    padding-right: .62rem;
    padding-top: .3rem;
}

.house-show-box .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.house-show-box .title h3 {
    font-size: 0.77rem;
    color: #313131;
    line-height: 1.6rem;
}

.house-show-box .title a {
    font-size: 0.51rem;
    font-family: 幼圆;
    padding-right: .5rem;
    background: url(../images/icon/more_icon.png) no-repeat right center;
    background-size: .26rem .47rem;
    margin-right: .3rem;
}

.house-show-box li {
    border-bottom: 1px solid #eee;
    padding: .64rem 0;
}

.house-show-box li:after {
    content: "";
    display: block;
    clear: both;
}

.house-show-box .pic {
    width: 29%;
    height: 3.2rem;
    border-radius: 2px;
    overflow: hidden;
    float: left;
}

.house-show-box .pic img {
    height: 100%;
}

.house-show-box .intro-text h4 {
    font-size: 0.77rem;
    /**line-height: .77rem;**/
    color: #202020;
    font-weight: normal;
    padding-bottom: .3rem;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.house-show-box .intro-text {
    float: right;
    width: 66.5%;
}

.house-show-box .intro-text .saleing span, .house-saling-title span {
    line-height: 0.7rem;
    font-size: 0.42rem;
    color: #fff;
    border-radius: 0.2rem;
    text-align: center;
    margin-left: .15rem;
    padding: 0 .2rem;
    display: inline-block;
    height: .7rem;
}

.house-status-1 {
    background-color: #009944;
}

.house-status-2 {
    background-color: #31c526;
}

.house-status-3 {
    background-color: #ff0000;
}

.house-status-4 {
    background-color: #999;
}

.house-status-5 {
    background-color: #f60;
}

.house-show-box .intro-text p {
    font-size: 0.51rem;
    color: #919191;
    line-height: .8rem;
}

.house-show-box .intro-text .price {
    position: relative;
}

.house-show-box .intro-text .price-num {
    position: absolute;
    right: 0;
    top: -.2rem;
    font-family: Arial-BoldMT;
    font-size: .42rem;
}

.house-show-box .price-num em {
    font-size: .68rem;
    font-weight: bold;
}

.house-show-box .price-num em i {
    font-style: normal;
    font-weight: 400;
    font-size: .5rem;
}

.house-show-box .intro-text .good em {
    width: 2.2rem;
    margin-left: .15rem;
    line-height: 0.6rem;
    text-align: center;
    display: inline-block;
    font-size: .3rem;
    color: #999;
    background: rgba(245, 246, 247, 1);
}

/*推荐二手房*/
.old-house .intro-text h4 {
    color: #000;
}

.old-house .intro-text .price-num {
    font-size: .68rem;
}

.intro-text .good em:first-child {
    background: #FFEBEF;
    color: #E24546;
}

.intro-text .good em:nth-child(2) {
    background: #E8EAF6;
    color: #6A79D5;
}

.intro-text .good em:nth-child(3) {
    background: #E0F7FA;
    color: #4F9859;
}

.intro-text .good em:nth-child(4) {
    background: #E0F8FA;
    color: #579CA5;
}

/*footer*/
footer {
    background: url(../images/footer.jpg) center bottom no-repeat #222;
    font-size: .6rem;
    text-align: center;
    color: #fff;
}

footer .link {
    padding-top: .58rem;
}

footer .link a {
    color: #fff;
    margin: 0 .64rem;
    line-height: 1.8rem;
    font-size: .6rem;
    text-decoration: underline;
}

.look-way a {
    margin: 0 .64rem;
    color: #b5bcc4;
    font-size: .6rem;
}

.look-way .on {
    color: #6a717a;
}

.footer .copy {
    padding: .75rem 0;
    font-size: 0.34rem;
}

/*地图找房---公共头部*/
.lookRoom-head {
    background: #fff;
    position: relative;
    z-index: 999;
}

.lookRoom-head .top {
    display: flex;
    height: 1.94rem;
    justify-content: space-between;
    align-items: center;
    padding: 0 .6rem 0 .7rem;
}

.lookRoom-head .go-back {
    width: .43rem;
    height: .77rem;
    background: url(../images/icon/back_icon.png) no-repeat;
    background-size: cover;
}

.lookRoom-head .search-room {
    width: 0.83rem;
    height: 0.83rem;
    background: url(../images/icon/search_icon1.png) no-repeat;
    background-size: 100% 100%;
}

.lookRoom-head .lr-tab a {
    width: 2.15rem;
    height: 0.6rem;
    font-size: 0.73rem;
    color: #454545;
    margin-left: 1.1rem;
}

.lookRoom-head .lr-tab .active {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: .3rem;
}

.lookRoom-head #select_body .more {
    height: calc(100vh - 3.78rem) !important;
    height: -webkit-calc(100vh - 3.78rem) !important;
}

/*地图找房*/
.map-show-box {
    max-height: calc(100vh - 1.84rem - 1.94rem);
    overflow: hidden;
}

/*地图找房-三级找房-新房*/
.newhouse-map {
    height: 14.25rem;
    overflow: hidden;
}

.newhouse-detail {
    padding: 0 .66rem .68rem;
    background: #fff;
}

.newhouse-detail .hb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 0 .66rem;
}

.newhouse-detail .hb h3 {
    font-size: 0.77rem;
    color: #333;
    font-weight: normal;
}

.newhouse-detail .hb .price {
    font-size: .46rem;
    color: #EA3C3D;
    margin-top: .4rem;
}

.newhouse-detail .hb .price em {
    font-size: .7rem;
    font-family: Arial;
    font-weight: bold;
}

.newhouse-detail .detail-box {
    width: 14.72rem;
    height: 7.81rem;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.newhouse-detail .detail-box:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
}

.newhouse-detail .text-info {
    position: absolute;
    bottom: .53rem;
    left: .64rem;
    color: #fff;
    z-index: 9;
    font-size: .51rem;
}

.newhouse-detail .text-info p {
    padding-top: .3rem;
}

.newhouse-detail .ada em {
    width: 2.56rem;
    line-height: 0.85rem;
    text-align: center;
    border: 1px solid #fff;
    font-size: 0.51rem;
    border-radius: 2px;
    margin-right: .2rem;
}

/*地图找房-三级找房-二手房*/
.oldhouse-map {
    height: 7.45rem;
    overflow: hidden;
}

.oldhouse-list {
    background: #fff;
}

.saleing-link {
    width: 14.72rem;
    margin: 0 auto .62rem;
    padding: .8rem .7rem .66rem .6rem;
    border-bottom: 1px solid #eee;
}

.saleing-link h3 {
    font-size: 0.77rem;
    color: #333;
    padding-bottom: .7rem;
}

.saleing-link p {
    font-size: .64rem;
}

.saleing-link .price {
    color: #EA3C3D;
}

.saleing-link a {
    position: relative;
    display: block;
}

.saleing-link a:after {
    content: "";
    display: block;
    width: 16px;
    height: 29px;
    background: url(../images/icon/more_icon1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: .6rem;
}

.oldhouse-list .intro-text .detail-text {
    color: #666;
}

/*房子列表公共头部*/
.header-top {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.header-top #header, .header-top .lr-select-box {
    margin: 0 auto;
    max-width: 750px;
}

.h-list-head .go-back {
    width: 0.43rem;
    height: 0.77rem;
    background: url(../images/icon/back_icon1.png) no-repeat;
    background-size: 100% 100%;
}

.h-list-head .search-box {
    /*width: 11.31rem;*/
    width: 100%;
}

.h-list-head .map-find-room {
    font-size: 0.51rem;
    color: #fff;
}

.oh-list-box .lr-select-box {
    margin-bottom: .65rem;
    border-bottom: 1px solid #eee;
}

.oh-list-box {
    /*padding:0 0 2.6rem;*/
}

.oh-list-box ul {
    padding-left: .64rem;
    padding-right: .62rem;
}

.oh-list-box li, .oh-list-box li:first-child {
    border-top: none;
    border-bottom: 1px solid #eee;
}

.lr-select-box .active {
    color: #f04848;
}

/* 头部筛选公共样式 */

.lr-select-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    height: 1.84rem;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.lr-select-box > em {
    width: 25%;
    font-size: 0.55rem;
    color: #333;
    position: relative;
    line-height: 1.2rem;
}

.lr-select-box > em:after {
    width: 0.4rem;
    height: 0.2rem;
    content: "";
    display: block;
    background: url(../images/icon/select_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: .7rem;
    bottom: .5rem;
}

.lr-select-box {
    height: 1.84rem;
    background: #fff;
    border-bottom: 1px solid #ccc;
    position: relative;
}

#select_head {
    width: 100%;
    height: 1.84rem;
    display: flex;
    display: -webkit-flex;
}

#select_head:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #f0f0f0;
}

#select_head .item {
    flex: 1;
    -webkit-flex: 1;
    height: 1.84rem;
    position: relative;
    box-sizing: border-box;
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    overflow: hidden;
    text-align: center;
    line-height: 1.84rem;
}

#select_head .item:after {
    width: 0.4rem;
    height: 0.2rem;
    content: "";
    display: block;
    background: url(../images/icon/select_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.1rem;
    -moz-transform: rotate(0deg);
    -moz-transition: all .5s ease .1s;
    -webkit-transform: rotate(0deg);
    -webkit-transition: all .5s ease .1s;
    -o-transform: rotate(0deg);
    -o-transition: all .5s ease .1s;
    -ms-transform: rotate(0deg);
    -ms-transition: all .5s ease .1s;
    transform: rotate(0deg);
    transition: all .5s ease .1s;
}

#select_head .item.active:after {
    background-image: url(../images/icon/select_hover_icon.png);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

#select_head .item .tit {
    font-size: 0.55rem;
    width: 100%;
    color: #383838;
}

#select_body {
    position: absolute;
    top: 1.84rem;
    left: 0;
    right: 0;
}

#select_body .item {
    background: #fff;
    position: relative;
    z-index: 2;
    display: none;
    height: calc(100vh - 4.4rem);
    height: -webkit-calc(100vh - 4.4rem);
}

#select_body .item.active {
    display: block;
}

#select_body .item_box {
    display: flex;
    display: -webkit-flex;
    height: 100%;
}

#select_body .common ul {
    flex: 1;
    -webkit-flex: 1;
}

#select_body .common .one-level {
    background: #fff;
}

#select_body .common .two-level {
    background: #F6F6F6;
    height: 100%;
    overflow-y: auto;
}

#select_body .common .three-level {
    background: #f0f0f0;
}

#select_body .common ul li {
    padding: 0 0.64rem;
    border-bottom: 1px solid #eee;
    position: relative;
}

#select_body .common a,
.room-form label {
    display: block;
    font-size: 0.64rem;
    line-height: 2.28rem;
    color: #666;
    position: relative;
}

#select_body .common a:active,
#select_body .common a.active,
.room-form .checkbox:checked ~ label {
    color: #D32F2F;
}

.room-form label {
    text-align: left;
}

.room-form .checkbox {
    position: absolute;
    right: 0.64rem;
    top: 50%;
    margin-top: -0.4rem;
    width: 0.8rem;
    height: 0.8rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.room-form .checkbox:checked {
    background: url(../images/icon/icon2.png) center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
}

.room-form .checkbox:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #eee;
    border-radius: 0.09rem;
}

.room-form .btn-area {
    padding: 0.3rem 0.64rem;
}

.room-form .btn-area .smt {
    display: block;
    width: 100%;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.64rem;
    text-align: center;
    border-radius: 0.17rem;
    color: #fff;
    background: #e10000;
}

/* 更多筛选样式 */
#select_body .more {
    height: calc(100vh - 4.4rem);
    height: -webkit-calc(100vh - 4.4rem);
    padding: 0 0.64rem;
    box-sizing: border-box;
    overflow: auto;
}

#select_body .more .select_area {
    /*  min-height: calc(100vh - 7.4rem);
 min-height: -webkit-calc(100vh - 7.4rem); */
}

#select_body .more .tit {
    font-size: 0.64rem;
    color: #666666;
    line-height: 2.28rem;
    text-align: left;
}

#select_body .more ul {
    margin-top: -0.64rem;
}

#select_body .more li {
    float: left;
    width: 23.2%;
    font-size: 0.47rem;
    color: #999;
    margin-left: 2.4%;
    margin-top: 0.64rem;
    text-align: center;
    height: 1.28rem;
    line-height: 1.28rem;
    position: relative;
}

#select_body .more li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #999;
    border-radius: 0.09rem;
}

#select_body .more li:nth-of-type(4n+1) {
    margin-left: 0;
}

#select_body .more #sort li {
    width: 48.8%;
}

#select_body .more #sort li:nth-of-type(2n+1) {
    margin-left: 0;
}

#select_body .more .submit_area {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0.7rem 0;
}

#select_body .more .submit_area input {
    display: block;
    width: 7.04rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.64rem;
    text-align: center;
    border-radius: 0.17rem
}

#select_body .more .submit_area .reset {
    color: #707070;
    background: #f0f0f0;
    outline: none;
}

.select_hover_icon .active:after {
    background: url(../images/icon/select_hover_icon.png) no-repeat;
    background-size: 100% 100%;
}

.price-form {
    text-align: center;
    font-size: 0;
    position: relative;
    padding: 0.64rem 0;
}

.price-form:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    border: 1px solid #eee;
}

.price-form input {
    width: 4.37rem;
    height: 1.28rem;
    line-height: 1.28rem;
    background: rgba(238, 238, 238, 1);
    border-radius: 0.09rem;
    font-size: 0.6rem;
    color: #333;
    text-align: center;
}

.price-form .smt {
    margin-left: 0.64rem;
}

.price-form span {
    display: inline-block;
    width: 0.64rem;
    line-height: 1.28rem;
    font-size: 0.6rem;
    color: #999;
}

#select_bg {
    position: fixed;
    top: 1.84rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

/*下拉选择*/
.lr-select-box .select-status {
    position: absolute;
    top: 4.4rem;
    background: #fff;
    width: 100%;
    min-height: calc(100vh - 4.4rem);
    z-index: 99;
    padding: 0 .64rem 0 .6rem;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .2);
    text-align: left;
}

.select-status h3 {
    font-size: 0.64rem;
    color: #666;
    padding-top: .83rem;
    padding-bottom: .83rem;
}

.select-status .choose-box:after {
    content: "";
    clear: both;
    display: block;
}

.select-status em {
    width: 3.41rem;
    line-height: 1.28rem;
    border-radius: 0.09rem;
    border: 1px solid #ccc;
    font-size: 0.47rem;
    color: #999;
    display: block;
    float: left;
    margin-left: .36rem;
    text-align: center;
    margin-bottom: .62rem;

}

.select-status em.active {
    border-width: 1px;
    border-style: solid;
}

.select-status em:nth-child(4n+1) {
    margin-left: 0;
}

.select-status .area {
    width: 7.19rem;
}

.select-status .area:nth-child(3) {
    margin-left: 0;
}

/*详情页-返回键--------S*/
.detail-go-back {
    width: 0.45rem;
    height: 0.81rem;
    background: url(../images/icon/back_icon1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: .68rem;
    top: .87rem;
    z-index: 99;
}

/*详情页-返回键--------E*/

/*房子图片滚动展示------S*/
.scroll-roomPic-box {
    /*max-height: 10rem;*/
    overflow: hidden;
    position: relative;
}

.scroll-roomPic-box .swiper-pagination-fraction {
    width: 1.51rem;
    line-height: .64rem;
    margin: 0 auto;
    font-size: 0.51rem;
    font-family: ArialMT;
    background: rgba(0, 0, 0, .5);
    border-radius: 0.32rem;
    color: #fff;
    bottom: .64rem;
    left: calc(100% / 2 - .755rem);
}

/*房子细节介绍*/
.house-detail-intro {
    background: #fff;
    margin-bottom: .43rem;
    padding-left: .6rem;
    padding-right: .64rem
}

.house-detail-intro h3 {
    font-size: 0.9rem;
    line-height: 1.28rem;
    color: #2c2c2d;
    font-weight: normal;
    padding: .5rem 1.1rem .5rem;
}

.price-house-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.price-house-area li {
    width: 33.3%;
    padding-top: .6rem;
    padding-bottom: .55rem;
}

.price-house-area p {
    font-size: 0.64rem;
    color: #999;

}

.price-house-area em {
    font-size: 0.81rem;
}

.intro-small-detail {
    padding-bottom: .5rem;
    padding-top: .5rem;
}

.intro-small-detail {
    line-height: 25px;
}

.intro-small-detail li span {
    font-size: 0.64rem;
    color: #999;
    line-height: 1.5;
}

.intro-small-detail .top-three span {
    width: 50%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.intro-small-detail li em {
    color: #666;
}

.intro-small-detail .floor:after {
    content: "层";
    display: inline-block;
}

.intro-small-detail .year:after {
    content: "年";
    display: inline-block;
}

.intro-small-detail .after-three {
    position: relative;
}

/**.intro-small-detail .after-three:after{
    content: "";
    display: block;
    width:0.36rem;
    height:0.66rem;
    position:absolute;
    right: 0;
    background: url(../images/icon/link_more_icon.png) no-repeat;
    background-size:100% 100%;
    top:.4rem;
}*/

/*房源描述*/
.house-res {
    padding: .9rem .64rem .86rem;
    background: #fff;
    margin-bottom: .43rem;
}

.house-res h2,
.per-pos h2,
.same-commu-res h2,
.guess-love-room h2,
.broker-shop-house h2,
.user-comment h2,
.intro-small-detail h2,
.village-lease-room h2 {
    font-size: 0.81rem;
    padding-bottom: .79rem;
    color: #313131;
}

.house-res .info {
    line-height: 24px;
}

.house-res h3 {
    color: #444;
    font-size: 0.64rem;
    font-family: MicrosoftYaHei-Bold;
    padding-top: .6rem;
    padding-bottom: .45rem;
}

.house-res p {
    color: #666;
    font-size: .6rem;
    margin-bottom: .6rem;
}

.house-res a, .intro-small-detail > a {
    display: block;
    color: #919191;
    font-size: .6rem;
    margin: 0 auto;
    width: 2.2rem;
    position: relative;
}

.house-res a:after, .intro-small-detail > a:after {
    content: "";
    display: block;
    width: 0.43rem;
    height: 0.23rem;
    background: url(../images/icon/select-more.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: .3rem;
}

/*位置周边*/
.per-pos {
    background: #fff;
    padding-top: .76rem;
    padding: .85rem 0;
}

.per-pos h2 {
    padding-left: .68rem;
}

.mapshow-per-pos .hb {
    display: flex;
    justify-content: space-between;
    margin-bottom: .64rem;
}

.mapshow-per-pos .hb em {
    width: 16.6%;
    text-align: center;
    font-size: 0.64rem;
    color: #666;
}

.mapshow-per-pos .mapshow-box {
    width: 16rem;
    height: 9.69rem;
    overflow: hidden;
}

.per-pos > a, .more-house-btn {
    display: block;
    margin: 0 auto;
    font-size: 0.6rem;
    color: #919191;
    text-align: center;
}

/*同房源小区*/
.same-commu-res, .broker-shop-house {
    background: #fff;
    margin: .43rem 0;
    padding: .9rem 0 .55rem;
}

.same-commu-res h2, .guess-love-room h2, .broker-shop-house h2, .village-lease-room h2 {
    margin-left: .66rem;
    padding-bottom: .3rem;
}

/*猜你喜欢*/
.guess-love-room, .village-lease-room {
    background: #fff;
    margin-bottom: .43rem;
    padding: .86rem 0;
}

.more-house-btn, .more-house-btn {
    margin-top: .65rem;
}

.white-block {
    width: 100%;
    height: 2rem;
    background: #fff;
}

/*导航行为*/
.nav-act {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.92rem;
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    max-width: 750px;
    text-align: center;
    z-index: 99;
}

.nav-act a {
    display: block;
    margin: 0;
}

.nav-act .follow, .nav-act .consult {
    width: 2.2rem;
    font-size: 0.43rem;
    color: #919191;
}

.nav-act .follow:before, .nav-act .consult:before {
    content: "";
    display: block;
    margin: 0 auto;
}

.nav-act .consult:before {
    width: 0.6rem;
    height: 0.6rem;
    background: url(../images/icon/consult_icon.png) no-repeat;
    background-size: 100% 100%;
}

.nav-act .follow:before {
    width: 0.64rem;
    height: 0.55rem;
    background: url(../images/icon/follow_icon_grey.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: .05rem;
}

.nav-act .follow.on:before {
    background: url(../images/icon/follow_icon_grey.png) no-repeat;
}

.nav-act .call-tel, .nav-act .order-l-house {
    line-height: 2rem;
    font-size: 0.6rem;
    color: #fff;
}

.nav-act .call-tel {
    width: 6.6rem;
}

.nav-act .order-l-house {
    width: 5rem;
    background: #FF6600;
}

/*房贷计算*/
.mc-header {
    position: relative;
    background: #f9f9f9;
    width: 100%;
    height: 2.35rem;
}

.mc-header h3 {
    text-align: center;
    line-height: 2.35rem;
    font-size: 0.77rem;
    color: #333;
    font-weight: normal;
    max-width: 12rem;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mc-header .go-back, .city-box-back {
    position: absolute;
    left: .62rem;
    top: .615rem;
    width: 0.43rem;
    height: 0.79rem;
    display: block;
    background: url(../images/icon/back_icon.png) no-repeat;
    background-size: cover;
}

.mc-write-form, .mc-result-box {
    padding: 0 .62rem;
    background: #fff;
}

.mc-write-form li {
    border-bottom: 1px solid #eee;
    line-height: 2.35rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.73rem;
    color: #454545;
    padding-right: 1rem;
}

.mc-write-form li:last-child {
    border-bottom: none;
}

.mc-write-form input {
    text-align: right;
    font-size: 0.73rem;
    color: #454545;
}

.mc-write-form input::-webkit-input-placeholder {
    color: #454545;
}

.mc-result-box {
    margin-top: .43rem;
    padding-top: 1rem;
    height: 12rem;
}

.mc-result-box .st-calc-btn {
    width: 14.72rem;
    height: 1.92rem;
    background: #FF6600;
    border-radius: 0.21rem;
    margin: 0 auto;
    color: #fff;
}

.interest-type {
    margin: 1.5rem auto;
    width: 8rem;
    border: 1px solid #f60;
    font-size: 0.55rem;
    color: #f60;
    text-align: center;
    border-radius: 0.09rem;
    line-height: 1.09rem;
}

.interest-type label {
    width: 50%;
    display: inline-block;
    float: left;
}

.interest-type:after {
    content: "";
    display: block;
    clear: both;
}

.interest-type label.active {
    background: #f60;
    color: #fff;
}

.mc-result-box .result-show {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.47rem;
    text-align: center;
}

.mc-result-box .result-show p {
    font-size: 0.47rem;
    color: #999;
    padding-bottom: .3em;
}

.mc-result-box .result-show span {
    font-size: 0.73rem;
    color: #333;
}

/*查询放价*/
.month-avg-price {
    height: 3.88rem;
    color: #fefefe;
    padding-left: .66rem;
}

.month-avg-price .avg {
    font-size: 0.64rem;
    line-height: 1.8rem;
}

.month-avg-price .price {
    font-size: 0.51rem;
    font-family: PingFang-SC-Regular;
}

.month-avg-price .price-num {
    font-size: 1.2rem;
}

.chart-text-price {
    background: #fff;
    margin-bottom: .43rem;
}

.chart-price {
    padding: .5rem .8rem 0 .63rem;
}

.chart-price #house {
    width: 100%;
    height: 10rem;
}

.up-down {
    margin-bottom: .43rem;
    background: #fff;
    padding: .6rem .62rem 0;

}

.up-down h2 {
    font-size: 0.81rem;
    color: #333;
    font-family: normal;
}

.up-down li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2rem;
    border-bottom: 1px solid #eee;
    font-size: 0.68rem;
    color: #666;
}

.up-down li:last-child {
    border-bottom: none;
}

.up-down .rise:before {
    content: "↑";
    color: #D32F2F;
    margin-right: .3rem;
}

.up-down .decline:before {
    content: "↓";
    color: #094;
    margin-right: .3rem;
}

.up-down .title {
    width: 50%;
}

.up-down .title a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*个人中心*/
.pec-top {
    height: 7.7rem;
    background: #F54848;
    color: #fff;
    text-align: center;
}

.pec-top h3 {
    font-size: 0.73rem;
    padding-top: .85rem;
    padding-bottom: 1rem;
}

.pec-top .head-pic {
    width: 2.47rem;
    height: 2.47rem;
    margin: 0 auto .5rem;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
}

.pec-top .head-pic img {
    height: 100%;
}

.pec-top h4 {
    font-size: 0.64rem;
}

.pec-relLink {
    background: #fff;
    padding: 0 .53rem 0 .6rem;
}

.pec-relLink a {
    display: block;
    line-height: 2.33rem;
    border-bottom: 1px solid #eee;
    position: relative;
}

.pec-relLink a:last-child {
    border-bottom: none;
}

.pec-relLink a:after {
    width: 0.34rem;
    height: 0.64rem;
    content: "";
    display: block;
    background: url(../images/icon/more_icon1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: .8rem;
}

/*编辑资料*/
.bt-box {
    background: #fff;
}

.bt-box .btn {
    width: 14.72rem;
    height: 1.92rem;
    margin: 0 auto;
    display: block;
    border-radius: 0.17rem;
    color: #fff;
    font-size: 0.64rem;
}

.pec-relLink span {
    display: inline-block;
}

.addhouse span:nth-child(2) {
    width: 9.5rem;
    margin-left: .5rem;
}

.edite-data span:nth-child(2) {
    width: 10.8rem;
    text-align: right;
    color: #999;
}

.edite-data span:nth-child(2) input {
    text-align: right;
}

.pec-relLink a > .h-pic {
    width: 1.29rem;
    height: 1.28rem;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: .5rem;
    right: 1rem;
}

.pec-relLink .h-pic img {
    height: 100%;
    vertical-align: top;
}

.pec-relLink input[name='text'] {
    color: #656565;
    line-height: 2.33rem;
    width: 8rem;
}

.pec-relLink {
    font-size: 0.64rem;
}

.pec-relLink input[name='text'] {
    width: 100%;
}

.pec-relLink input::-webkit-input-placeholder, .pec-relLink span.birth {
    color: #656565;
}

.pec-relLink label em {
    margin-right: .5rem;
}

.addhouse input::-webkit-input-placeholder {
    color: #ccc;
}

.pec-relLink .area:after, .pec-relLink .price:after {
    height: 2.33rem;
    background: none;
    width: auto;
    top: 0;
}

.pec-relLink .area:after {
    content: "平米";
}

.pec-relLink span:first-child {
    width: 3rem;
}

.addhouse .holder-name:after, .addhouse .tel:after, .re-rentals .floor:after, .re-rentals .configure:after, .re-rentals .house-title:after {
    background: none;
}

/*发布出租*/
.lease-way {
    background: #fff;
    padding: .64rem 0;
}

.lease-way .choose-way {
    width: 9.6rem;
    line-height: 1.28rem;
    margin: 0 auto;
    background: #F0F0F0;
    text-align: center;
    color: #666;
    font-size: 0.6rem;
    border-radius: 0.09rem;
    overflow: hidden;
}

.lease-way .choose-way em {
    width: 49%;
    display: inline-block;
}

.upload-pic {
    background: #fff;
    position: relative;
    padding: 1.6rem 0 1.65rem;
}

.upload-pic .pic {
    width: 3.16rem;
    height: 3.16rem;
    display: block;
    overflow: hidden;
    margin: 0 auto;
}

.upload-pic #upload-file {
    opacity: 0;
    width: 3.16rem;
    height: 3.16rem;
    position: absolute;
    top: 1.6rem;
    left: calc(100% / 2 - 1.58rem);
}

.re-rentals input::-webkit-input-placeholder, .re-rentals .house-describe textarea::-webkit-input-placeholder {
    color: #ccc;
}

.re-rentals .floor {
    display: flex;
}

.re-rentals .floor .write-ipt {
    width: 20%;
    display: flex;
    margin-right: 2rem;
    color: #ccc;
}

.re-rentals .floor .write-ipt input {
    text-align: center;
    width: 80%;
    padding: 0 10%;
}

.re-rentals .configure {
    height: 4rem;
}

.re-rentals .configure span:nth-child(2) {
    position: absolute;
    top: .79rem;
    right: 0;
    width: 11.8rem;
}

.re-rentals .configure em {
    width: 2.56rem;
    line-height: 0.9rem;
    background: #f6f6f6;
    color: #999;
    display: block;
    float: left;
    text-align: center;
    border-radius: 2px;
    font-size: 0.6rem;
    margin-left: .45rem;
    margin-bottom: .75rem;
}

.re-rentals .configure em:nth-child(4n+1) {
    margin-left: 0;
}

.re-rentals .house-describe {
    height: 5rem;
}

.re-rentals .house-describe span:nth-child(2) {
    position: absolute;
    top: .61rem;
    right: 0;
    width: 11.8rem;
}

.re-rentals .house-describe textarea {
    width: 95%;
}

/*看房记录*/
.time-contacts {
    height: 1.54rem;
    border-radius: 0.17rem;
    background: #eee;
}

.house-record li {
    border-bottom: none;
    padding-bottom: 0;
}

.time-contacts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: .45rem;
    padding-right: .6rem;
    margin-top: .64rem;
    position: relative;
}

.time-contacts:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: .3rem solid transparent;
    border-bottom: .3rem solid #eee;
    border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    position: absolute;
    top: -.6rem;
    left: 1.5rem;
}

.time-contacts span {
    font-size: 0.51rem;
    color: #666;
}

.time-contacts .contacts:before {
    content: "联系人：";
}

/*我的关注*/
.follow-h-switch {
    border-bottom: 1px solid #eee;
}

.follow-h-switch .swiper-slide {
    width: auto;
    font-size: 0.6rem;
    color: #333;
    padding-right: .98rem;
    line-height: 1.77rem;
}

.follow-h-switch .swiper-slide:first-child {
    padding-left: .64rem;
}

.follow-h-switch .swiper-slide.active {
    color: #F54848;
}

.comment-list {
    padding-left: 0.66rem;
    padding-right: 0.66rem;
}

.comment-list li {
    padding: 0.66rem 0;
    border-bottom: 1px solid #eee;
}

.comment-list .pic {
    width: 1.49rem;
    height: 1.49rem;
    border-radius: 50%;
    overflow: hidden;
}

.comment-list .pic img {
    vertical-align: middle;

}

.comment-list .comment-content {
    width: 12.7rem;
    margin-left: 0.43rem;
}

.comment-content .username,
.comment-content .level {
    height: 0.64rem;
}

.comment-content .username {
    font-size: 0.64rem;
    color: #313131;
    line-height: 0.64rem;
}

.comment-content .username {
    max-width: 8rem;
    overflow: hidden;
}

.comment-content .level {
    width: 3.8rem;
    background-repeat: no-repeat;
    -webkit-background-size: 3.8rem 0.6rem;
    background-size: 3.8rem 0.6rem;
    background-position: left center;
}

.comment-content .level-0 {
    background-image: url(../images/icon/level_icon0.jpg);
}

.comment-content .level-1 {
    background-image: url(../images/icon/level_icon1.jpg);
}

.comment-content .level-2 {
    background-image: url(../images/icon/level_icon2.jpg);
}

.comment-content .level-3 {
    background-image: url(../images/icon/level_icon3.jpg);
}

.comment-content .level-4 {
    background-image: url(../images/icon/level_icon4.jpg);
}

.comment-content .level-5 {
    background-image: url(../images/icon/level_icon5.jpg);
}

.comment-content .desc_box {
    width: 11.78rem;
    margin: 0.3rem 0;
}

.comment-content .desc_box p {
    font-size: 0.51rem;
    line-height: 130%;
    color: #616161;
}

.babel-list {
    font-size: 0;
}

.babel-list em {
    display: inline-block;
    width: 2.2rem;
    font-size: 0.43rem;
    font-family: MicrosoftYaHei;
    color: rgba(102, 102, 102, 1);
    line-height: 0.6rem;
    background: #eee;
    margin-left: 0.2rem;
    text-align: center;
    margin-bottom: 5px;
}

.babel-list em:first-child {
    margin-left: 0;
}

.comment-content .time {
    display: block;
    font-size: 0.47rem;
    font-family: ArialMT;
    color: rgba(145, 145, 145, 1);
    line-height: 0.51rem;
    margin-top: 0.2rem;
}

/*我的提问*/
.question-lists {
    padding-left: .66rem;
    margin-right: .62rem;
}

.question-lists li {
    border-bottom: 1px solid #eee;
    padding: .6rem 0;
}

.question-lists .ask {
    font-size: 0.55rem;
    color: #333;
    margin-bottom: .5rem;
    display: flex;
}

.question-lists .answer {
    font-size: 0.55rem;
    color: #999;
}

.question-lists .ask:before, .question-lists .answer:before {
    width: 0.68rem;
    height: 0.68rem;
    line-height: 0.68rem;
    border-radius: 0.04rem;
    font-size: 0.51rem;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: .38rem;
    margin-bottom: .1rem;
}

.question-lists .ask:before {
    content: "问";
}

.question-lists .answer:before {
    content: "答";
    background: #094;
}

.question-lists .num-time {
    display: flex;
    justify-content: space-between;
    font-size: 0.51rem;
    padding-top: .5rem;
}

.question-lists .num-time .num {
    color: #094;
    margin-left: 1.06rem;
}

.question-lists .num-time .time {
    color: #999;
}

/* 问题详情 */
.question-detail .ask {
    padding: .5rem 0.64rem;
}

.question-detail .ask .tit {
    font-size: 0.55rem;
    color: #333;
    margin-bottom: .1rem;
    position: relative;
    padding-left: 0.8rem;
    line-height: 0.68rem;
}

.question-detail .ask .tit:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0.68rem;
    height: 0.68rem;
    line-height: 0.68rem;
    border-radius: 0.04rem;
    font-size: 0.51rem;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    margin-right: .38rem;
    margin-bottom: .1rem;
}

.question-detail .ask .tit:before {
    content: "问";
}

.question-detail .ask .foot {
    background: #fff;
    padding-left: 0.8rem;
}

.question-detail .ask .foot p {
    font-size: 0.51rem;
    color: rgba(153, 153, 153, 1);
    line-height: 1.2rem;
}

.question-detail .answer {
    padding: 0 0.64rem;
}

.question-detail .answer .title h3 {
    font-size: 0.6rem;
    color: rgba(51, 51, 51, 1);
    line-height: 2rem;
    border-bottom: 1px solid #eee;
}

.question-detail .answer {

}

.question-detail .answer .list li {
    padding: 0.66rem 0;
    border-bottom: 1px solid #eee;
}

.question-detail .answer .list .pic {
    width: 1.49rem;
    height: 1.49rem;
    border-radius: 50%;
    overflow: hidden;
}

.question-detail .answer .list .pic img {
    vertical-align: middle;

}

.question-detail .comment-content {
    width: 12.7rem;
    margin-left: 0.43rem;
}

.question-detail .answer .list .time {
    font-size: 0.47rem;
    font-family: ArialMT;
    color: rgba(153, 153, 153, 1);
    line-height: 1rem;
    display: block;
    margin-top: 0;
}

.question-detail .answer .list .comment-desc {
    font-size: 0.55rem;
    color: rgba(51, 51, 51, 1);
    line-height: 120%;
}

.answer-textarea {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 1.92rem;
    height: 60px;
    background-color: #fff;
}

.answer-textarea:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 1px solid #eee;
}

.answer-textarea .form-box {
    display: flex;
    display: -webkit-flex;
    padding: 12px 0.64rem;
}

.answer-textarea .form-box .ipt-area {
    flex: 1;
}

.answer-textarea .form-box .btn-area {
    flex: 0 0 60px;
    -webkit-flex: 0 0 60px;
    width: 60px;
    font-size: 0;
    margin-left: 10px;
}

.answer-textarea .form-box .text-ipt {
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    padding: 4px 10px;
    line-height: 28px;
    background: #f1f1f1;
    color: #000;
    font-size: 15px;
    display: block;
    background: #f1f1f1;
    border-radius: 18px;
}

.answer-textarea .form-box .submit {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    background: #e00;
    color: #fff;
    border-radius: 18px;
}

/*免费看房*/
.time-pumping {
    padding-left: 1.6rem;
    padding-right: .64rem;
    position: relative;
    margin-top: .8rem;
}

.time-pumping:before {
    content: "";
    display: block;
    position: absolute;
    left: .79rem;
    top: .2rem;
    width: 2px;
    height: 88%;
    background: #eee;
}

.time-pumping li {
    position: relative;
    margin-bottom: 1.2rem;
}

.time-pumping li:before {
    content: "";
    display: block;
    width: 0.21rem;
    height: 0.21rem;
    background: #eee;
    border: .11rem solid #eee;
    position: absolute;
    left: -1rem;
    top: .12rem;
    border-radius: 50%;
    border: .11rem solid #ccc;
}

.time-pumping li.active:before {
    background: #eee;
    border-width: .11rem;
    border-style: solid;
}

.time-signupNum, .name-telSignup {
    display: flex;
    justify-content: space-between;
}

.time-signupNum {
    color: #999;
    font-size: 0.6rem;
    margin-bottom: .6rem;
}

.time-signupNum .count-back {
    width: 2.13rem;
    line-height: 0.64rem;
    border-radius: 2px;
    color: #fff;
    font-size: 0.43rem;
    display: inline-block;
    text-align: center;
    margin-left: .38rem;
}

.time-signupNum .signupNum {
    font-size: .51rem;
}

.name-telSignup .name {
    font-size: 0.68rem;
    color: #333;
}

.telSignup {
    text-align: center;
    font-size: 0.51rem;
}

.telSignup span {
    display: inline-block;
}

.telSignup .tel {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 2.77rem;
    line-height: 0.85rem;
    margin-right: .36rem;
}

.telSignup .signup {
    width: 2.77rem;
    line-height: 0.85rem;
    border-radius: 2px;

}

.look-house-bomb {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
}

.look-house-bomb .bomb-box {
    width: 11.73rem;
    height: 11.52rem;
    border-radius: 0.17rem;
    background: #fff;
    position: absolute;
    left: calc(100% / 2 - 5.865rem);
    top: calc(100% / 2 - 5.76rem);
    padding: 0 .7rem;
}

.look-house-bomb h3 {
    padding-top: .6rem;
    padding-bottom: .4rem;
    text-align: center;
    font-size: 0.77rem;
    font-weight: normal;
}

.look-house-bomb p {
    font-size: 0.51rem;
    color: #ccc;
}

.look-house-bomb .form-item {
    border: 1px solid #ddd;
    width: 10.24rem;
    line-height: 1.71rem;
    border-radius: 0.17rem;
    font-size: 0.64rem;
    padding-left: .4rem;
    margin-top: .6rem;
    position: relative;
}

.look-house-bomb .get-code {
    position: absolute;
    right: .4rem;
}

.look-house-bomb input {
    width: 60%;
    line-height: 1.71rem;
}

.look-house-bomb .sure-btn {
    width: 10.24rem;
    height: 1.71rem;
    background: rgba(240, 72, 72, 1);
    border-radius: 0.17rem;
    color: #fff;
    font-size: 0.64rem;
    margin-top: .8rem;
}

.look-house-bomb .close-btn {
    width: 0.63rem;
    height: 0.62rem;
    background: url(../images/icon/close_icon.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .7rem;
    top: .8rem;
}

/*跟进人店铺*/
.agent-survey {
    height: 5.35rem;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem .6rem 0;
}

.agent-survey .pic {
    width: 2.43rem;
    height: 2.43rem;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
}

.agent-survey h3 {
    font-size: 0.73rem;
    font-weight: normal;
}

.agent-survey p {
    font-size: 0.47rem;
}

.agent-survey .star-level {
    width: 3.8rem;
    height: 0.6rem;
    margin-top: 0.2rem;
}

.star-level li {
    background: url(../images/icon/star.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 0.64rem;
    height: 0.6rem;
    float: left;
    margin-left: 0.1rem;
}

.star-level li:first-child {
    margin-left: 0;
}

.star-level li.on {
    background-image: url(../images/icon/star_on.png);
}

.agent-survey .pic img {
    height: 100%;
}

.agent-survey .survey {
    width: 8rem;
    height: 3rem;
    overflow: hidden;
    margin-left: .6rem;
}

.user-comment {
    background: #fff;
    padding-bottom: .55rem;
}

.user-comment h2 {
    border-bottom: 1px solid #eee;
    padding-top: .91rem;
}

.broker-shop-house h2 {
    border-bottom: 1px solid #eee;
}

/* 跟进人列表 */
.agent-list {

}

.agent-list .comment-content .level {
    margin-left: 0.2rem;
}

.agent-list .comment-content .tel_phone {
    display: block;
    width: 2.99rem;
    height: 0.85rem;
    line-height: 0.85rem;
    background: url(../images/icon/mobile.png) 0.2rem center no-repeat;
    -webkit-background-size: 0.5rem auto;
    background-size: 0.5rem auto;
    position: relative;
    font-size: 0.43rem;
    font-family: MicrosoftYaHei;
    color: rgba(211, 53, 53, 1);
    box-sizing: border-box;
    padding-left: 0.8rem;
}

.agent-list .comment-content .tel_phone:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.21rem;
}

/* 新闻咨询 */
.news {

}

.news .tab_hd {
    font-size: 0;
    line-height: 1.92rem;
    padding: 0 0.64rem;
    border-bottom: 1px solid #eee;
}

.news .tab_hd a {
    font-size: 0.64rem;
    color: #333;
    font-family: MicrosoftYaHei;
    display: inline-block;
    margin-left: 0.8rem;
}

.news .tab_hd a:first-child {
    margin-left: 0;
}

.news-list {
    background: #fff;
}

.news-list .col-2 {
    padding: 0 0.64rem;
}

.news-list .col-2 a {
    display: flex;
    display: -webkit-flex;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}

.news-list .col-2 .l_con {
    display: block;
    flex: 1;
    -webkit-flex: 1;
    height: 3.18rem;
    overflow: hidden;
}

.news-list .col-2 .l_con .art_tit {
    height: 2rem;
    font-size: 0.73rem;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
    line-height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-list .col-2 .l_con .ft {
    font-size: 0;
    margin-top: 0.6rem;
}

.news-list .col-2 .l_con .ft span {
    font-size: 0.47rem;
    font-family: MicrosoftYaHei;
    color: rgba(153, 153, 153, 1);
    line-height: 100%;
}

.news-list .col-2 .r_con {
    display: block;
    flex: 0 0 4.69rem;
    -webkit-flex: 0 0 4.69rem;
    width: 4.69rem;
    height: 3.18rem;
    overflow: hidden;
}

.news-list .col-3 {
    padding: 0 0.64rem;
}

.news-list .col-3 a {
    display: block;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}

.news-list .col-3 .art_tit {
    max-height: 2rem;
    font-size: 0.73rem;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
    line-height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-list .col-3 .list_img {
    margin-top: 0.4rem;
    font-size: 0;
}

.news-list .col-3 .list_img .img {
    vertical-align: top;
    width: 32%;
    margin-left: 2%;
}

.news-list .col-3 .list_img .img:nth-child(3n+1) {
    margin-left: 0;
}

.news-list .col-3 .ft {
    font-size: 0;
    margin-top: 0.6rem;
}

.news-list .col-3 .ft span {
    font-size: 0.47rem;
    font-family: MicrosoftYaHei;
    color: rgba(153, 153, 153, 1);
    line-height: 100%;
}

/* 新闻详情 */
.news-detail {
    padding: 0 0.64rem;
    background: #fff;
}

.news-detail .head {
    padding: 0.64rem 0;
    border-bottom: 1px solid #eee;
}

.news-detail .head h3 {
    font-size: 0.77rem;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
    line-height: 1.07rem;
}

.news-detail .head .ft {
    font-size: 0;
    margin-top: 0.6rem;
}

.news-detail .head .ft span {
    font-size: 0.47rem;
    font-family: MicrosoftYaHei;
    color: rgba(153, 153, 153, 1);
    line-height: 100%;
}

.art_desc {
    padding: 0.64rem 0;
}

.art_desc img {
    max-width: 100%;
    margin: 0 auto;
}

.art_desc p {
    font-size: 0.6rem;
    font-family: MicrosoftYaHei;
    color: rgba(85, 85, 85, 1);
    line-height: 1.02rem;
}

.news .title {
    padding: 0 0.64rem;
}

.news .title h3 {
    font-size: 0.81rem;
    font-family: MicrosoftYaHei-Bold;
    color: rgba(49, 49, 49, 1);
    line-height: 2.73rem;
}

/*小区列表*/
.village-house-box .intro-text .price {
    margin: .35rem 0;
}

.avg-bomb-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 4.4rem;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9;
}

/*小区详情页*/
.i-name-price {
    display: flex;
    justify-content: space-between;
    line-height: 2.54rem;
}

.i-name-price .itemPrice {
    font-size: 0.6rem;
    color: #999;
}

.i-name-price .itemPrice em {
    font-weight: bold;
    font-size: 0.8rem;
}

.village-small-detail {
    background: #fff;
    padding: .8rem .64rem;
}

.village-small-detail > a {
    top: .5rem;
    padding-bottom: .4rem;
}

.all-ask-box {
    background: #fff;
    padding: 0 .64rem .6rem;
    border-bottom: 1px solid #eee;

}

.all-ask-box .top {
    display: flex;
    justify-content: space-between;
    line-height: 2.4rem;
    border-bottom: 1px solid #eee;
}

.all-ask-box .top h3 {
    font-size: 0.81rem;
    color: #313131;
}

.all-ask-box .top .ask-btn {
    font-size: 0.6rem;
    color: #666;
    position: relative;
    padding-left: .8rem;
}

.all-ask-box .question-lists .ask {
    position: relative;
}

.all-ask-box .question-lists .ask-num {
    position: absolute;
    right: 0;
}

.all-ask-box .top .ask-btn:before {
    content: "";
    display: block;
    width: 0.55rem;
    height: 0.55rem;
    position: absolute;
    left: 0;
    top: .9rem;
    background: url(../images/icon/ask_icon.png) no-repeat;
    background-size: 100% 100%;
}

.all-ask-box .question-lists {
    padding: 0;
}

.all-ask-box .question-lists .ask-num {
    font-size: 0.55rem;
    color: #999;
}

.village-lease-room .intro-text .good em {
    background: none;
}

.village-lease-room .intro-text .good em:nth-child(1) {
    color: #57A57D;
    border: 1px solid #57A57D;
    background: none;
}

.village-lease-room .intro-text .good em:nth-child(2) {
    color: #89B3E5;
    border: 1px solid #89B3E5;
    background: none;
}

.village-lease-room .intro-text .good em:nth-child(3) {
    color: #F87246;
    border: 1px solid #F87246;
    background: none;
}

.make-deal-record .title {
    border-bottom: 1px solid #eee;
}

.make-deal-record h2 {
    line-height: 1.96rem;
    font-size: 0.81rem;
    color: #313131;
}

.make-deal-record .title .tab-hd {
    border: 0;
}

/* 小区成交记录 */
.make-deal-record {
    background: #fff;
    padding: 0 0.64rem;
}

.make-deal-record .tab-hd {
    font-size: 0;
    line-height: 1.96rem;

    border-bottom: 1px solid #eee;
}

.make-deal-record .tab-hd a {
    padding: 0 0.2rem;
    font-size: 0.64rem;
    font-family: MicrosoftYaHei;
    color: #313131;

}

.make-deal-record .tab-hd a:first-child {
    padding-left: 0;
}

.make-deal-record .list li {
    width: 100%;
}

.make-deal-record .list li a {
    display: block;
    padding: 0.64rem 0;
    border-bottom: 1px solid #eee;
}

.make-deal-record .list li span {
    display: block;
}

.make-deal-record .list li .m_c {
    height: 0.64rem;
    font-size: 0.64rem;
    font-family: MicrosoftYaHei;
    color: #313131;
    line-height: 0.64rem;
}

.make-deal-record .list li .time {
    font-size: 0.51rem;
    font-family: MicrosoftYaHei;
    color: rgba(102, 102, 102, 1);
    line-height: 0.51rem;
    display: block;
    margin-top: 0.5rem;
}

.make-deal-record .list li .price {
    height: 0.64rem;
    font-size: 0.64rem;
    font-family: MicrosoftYaHei;
    color: #E60012;
    line-height: 0.64rem;
}

.make-deal-record > a {
    padding-bottom: .5rem;
}

.house-confi-point:after {
    clear: both;
    content: "";
    display: block;
    border-bottom: 1px solid #eee;
    margin-bottom: .6rem;
}

.house-confi-point li {
    float: left;
    color: #686868;
    font-size: .6rem;
    width: 2.4rem;
    text-align: center;
    margin-bottom: .5rem;
}

.house-confi-point li:before {
    content: "";
    display: block;
    background: url(../images/icon/configure_icon.png) no-repeat;
    background-size: 13.2rem 1.6rem;
    width: .95rem;
    height: .8rem;
    margin: 0 auto .2rem;
}

.house-confi-point li.chuang:before {
    background-position: 0 0;
    width: .85rem;
}

.house-confi-point li.kongtiao:before {
    background-position: -2.34rem 0;

}

.house-confi-point li.bingxiang:before {
    background-position: -7.3rem 0;
}

.house-confi-point li.shafa:before {
    background-position: -2.34rem -.91rem;
}

.house-confi-point li.yangtai:before {
    background-position: -12.2rem -.91rem;

}

.house-confi-point li.xiyiji:before {
    background-position: -9.6rem 0;

}

.house-confi-point li.weishengjian:before {
    background-position: -9.6rem -.91rem;

}

.house-confi-point li.chouyouyanji:before {
    background-position: -7.3rem -.91rem;

}

.house-confi-point li.dianshi:before {
    background-position: 0 -.91rem;

}

.house-confi-point li.reshuiqi:before {
    background-position: -12.2rem 0;

}

.house-confi-point li.yigui:before {
    background-position: -4.7rem 0;

}

.house-confi-point li.dianti:before {
    background-position: -4.7rem -.91rem;
}

.house-confi-point li.no-choose {
    color: #ccc;
}

.house-confi-point li.no-choose:before {
    background: url(../images/icon/no-choose.png) no-repeat;
    background-size: 100% 100%;
    width: .85rem;
    height: .8rem;
    background-position: 0 0;
}

/* 楼盘动态 */
.build_dynamic {
    padding-bottom: 1.92rem;
}

.build_dynamic .list {
    padding: 0 0.64rem;
    background: #fff;
}

.build_dynamic .list a {
    padding: 0.64rem 0;
    display: block;
    border-bottom: 1px solid #f1f1f1;
}

.build_dynamic .list .name {
    font-size: 0.64rem;
    color: #333;
    line-height: 100%;
    font-weight: normal;
}

.build_dynamic .list p,
.build_dynamic .list time {

    font-size: 0.51rem;
    font-family: MicrosoftYaHei;
    color: #999;
}

.build_dynamic .list .m_con {
    max-height: 3.08rem;
    margin: 0.3rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 0.77rem;
}

.build_dynamic .list time {
    display: block;
    line-height: 100%;
}

/* 楼栋信息 */
.build-info .build-img {
    width: 95%;
    max-height: 8.34rem;
    overflow: auto;
    margin: 0 auto;
}

.build-img .img-box {
    position: relative;
}

.build-img .img-box img {
    display: block;
    width: auto;
    height: auto;
}

.build-img .sign {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    background: #fff;
}

.build-img .sign span {
    display: block;
    float: left;
    line-height: 24px;
    height: 24px;
    text-align: center;
    font-size: 10px;
}

.build-img .sign .build-no {
    min-width: 20px;
    color: #fff;
    position: relative;
}

.build-img .sign .build-no.on {
    background: rgba(0, 153, 68, 1);
}

.build-img .sign .build-no.for {
    background: #6a717a;
}

.build-img .sign .build-no.off {
    background: #e00;
}

.build-img .sign .build-no:after {
    content: '';
    display: block;
    position: absolute;
    top: 23px;
    left: 50%;
    height: 0px;
    width: 0px;
    border-left: 10px solid transparent;
    border-top: 9px solid black;
    border-right: 10px solid transparent;
    margin-left: -10px;
}

.build-img .sign .build-no.on:after {
    border-top-color: rgba(0, 153, 68, 1);
}

.build-img .sign .build-no.for:after {
    border-top-color: #6a717a
}

.build-img .sign .build-no.off:after {
    border-top-color: #e00;
}

.build-img .sign .sale-status {
    width: 40px;
    color: #333;
}

.build-info-desc {
    /*width:14.08rem;*/
    background: rgba(255, 255, 255, 1);
    border-radius: 0.09rem;
    margin: 0.64rem auto;
    box-sizing: border-box;
    padding: 0.64rem;
}

.build-info-desc .head {
    line-height: 1rem;
}

.build-info-desc .head span {
    font-size: 0.64rem;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
}

.build-info-desc .head .sale-status.on {
    color: rgba(0, 153, 68, 1);
}

.build-info-desc .head .sale-status.for {
    color: #6a717a
}

.build-info-desc .head .sale-status.off {
    color: #e00;
}

.build-info-desc .date {
    border-bottom: 1px solid #eee;
}

.build-info-desc .date div {
    line-height: 1rem;
}

.build-info-desc .date span {
    font-size: 0.51rem;
    color: rgba(153, 153, 153, 1);
}

.build-info-desc .build-word {

}

.build-info-desc .build-word li {
    float: left;
    width: 50%;
    line-height: 1rem;
}

.build-info-desc .build-word span {
    font-size: 0.6rem;
    color: rgba(51, 51, 51, 1);
}

/* 楼盘相册 */
.build-picture {
    padding-bottom: 0.64rem;
}

.build-picture .title {
    padding: 0 0.64rem;
}

.build-picture .title h3 {
    font-size: 0.68rem;
    color: rgba(102, 102, 102, 1);
    line-height: 2rem;
    font-weight: normal;
}

.build-picture .list {
    padding: 0 0.64rem;
}

.build-picture .list {
    margin-top: -0.3rem;
}

.build-picture .list li {
    float: left;
    width: 32%;
    height: 3.93rem;
    margin-left: 2%;
    margin-top: 0.3rem;
}

.build-picture .list li:nth-child(3n+1) {
    margin-left: 0;
}

.build-picture .list li img {
    display: block;
    width: 100%;
    height: 100%;
}

/* 图片预览 */
.picture-preview {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
}

.picture-preview .header {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.35rem;
    width: 100%;
    background: #282828;
}

.picture-preview .header .go-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 2.35rem;
    height: 2.35rem;
    background: url(../images/icon/back_icon1.png) center no-repeat;
    background-size: 0.43rem 0.77rem;
}

.picture-preview .header .swiper-pagination {
    position: relative;
    bottom: 0;
    line-height: 2.35rem;
    color: #fff;
    font-size: 0.77rem;
    z-index: 0;
}

.picture-preview .header .swiper-pagination span {
    color: #fff;
    font-size: 0.77rem;
}

.picture-preview .scroll-roomPic-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -5rem;
}

.picture-preview .header .look_all {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 2.35rem;
    line-height: 2.35rem;
    color: #fff;
    font-size: 0.77rem;
    padding: 0 0.64rem;
}

.picture-preview .tab {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.94rem;
    height: 1.1rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 0.64rem;
    /*align-items: center;*/
}

.picture-preview .tab a {
    display: block;
    flex: 0 0 2.56rem;
    -webkit-flex: 0 0 2.56rem;
    width: 2.6rem;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    overflow: hidden;
    font-size: 0.34rem;
    color: #fff;
}

.picture-preview .tab a.on,
.picture-preview .tab a:active {
    background: rgba(240, 72, 72, 1);
}

/*新房列表*/
.Building-type {
    display: flex;
    justify-content: space-between;
}

.Building-type a {
    width: 2.99rem;
    line-height: 0.9rem;
    border-radius: 0.09rem;
    font-size: 0.51rem;
    text-align: center;
    color: #999;
    border: 1px solid #ccc;
}

.Building-type a.active {
    border-width: 1px;
    border-style: solid;
}

/* 户型介绍 */

.house-type .tab_hd {
    font-size: 0;
    line-height: 1.92rem;
    padding: 0 0.64rem;
    border-bottom: 1px solid #eee;
}

.house-type .tab_hd a {
    font-size: 0.64rem;
    color: #333;
    font-family: MicrosoftYaHei;
    display: inline-block;
    margin-left: 0.8rem;
}

.house-type .tab_hd a:first-child {
    margin-left: 0;
}

.house-type-list li {
    padding: 0 0.64rem;
}

.house-type-list a {
    display: flex;
    display: -webkit-flex;
    padding: 0.64rem 0;
    border-bottom: 1px solid #eee;
}

.house-type-list .l_img {
    width: 4.91rem;
    height: 3.27rem;
    box-sizing: border-box;
    border: 1px solid #eee;
    line-height: 3.27rem;
    font-size: 0;
    position: relative;
    text-align: center;
}

.house-type-list .l_img:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #eee;
}

.house-type-list .l_img img {
    vertical-align: middle;
    width: auto;
    max-width: 4.91rem;
    max-height: 3.27rem;
}

.house-type-list .r_con {
    flex: 1;
    margin-left: 0.6rem;
    position: relative;
}

.house-type-list .r_con > div {
    font-size: 0;
    line-height: 0.51rem;
}

.house-type-list .r_con span {
    display: inline-block;
    font-size: 0.51rem;
    color: #999999;
    line-height: 0.51rem;
    margin-right: 0.2rem;
}

.house-type-list .r_con .t span {
    color: #333;
}

.house-type-list .r_con .c {
    margin: 0.6rem 0;
}

.house-type-list .r_con .c .sale-status.on {
    color: rgba(0, 153, 68, 1);
}

.house-type-list .r_con .c .sale-status.for {
    color: #6a717a
}

.house-type-list .r_con .c .sale-status.off {
    color: #e00;
}

.house-type-list .r_con .price {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5rem;
    line-height: 1rem;
    font-size: 0.48rem;
    color: #999;
    line-height: 0.51rem;
}

.house-type-list .r_con b {
    font-size: 0.68rem;
    color: rgba(234, 60, 61, 1);
    font-family: ArialMT;
}

/* 户型详情 */
.house-type-detail {

}

.house-type-detail .big_img {
    text-align: center;
    font-size: 0;
}

.house-type-detail .m_info {
    padding: 0.64rem;
}

.house-type-detail .m_info > div {
    line-height: 1.6rem;
}

.house-type-detail .m_info .houseType {
    height: 0.9rem;
    font-size: 0.9rem;
    color: rgba(32, 32, 32, 1);
    vertical-align: middle;
}

.house-type-detail .m_info .sale-status {
    padding: 0.1rem;
    font-size: 0.38rem;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
}

.house-type-detail .m_info .sale-status.on {
    background-color: rgba(0, 153, 68, 1);
}

.house-type-detail .m_info .sale-status.for {
    background-color: #6a717a
}

.house-type-detail .m_info .sale-status.off {
    background-color: #e00;
}

.house-type-detail .m_info .price {
    font-size: 0.48rem;
    color: #999;
    line-height: 0.51rem;
}

.house-type-detail .m_info b {
    font-size: 0.68rem;
    color: rgba(234, 60, 61, 1);
    font-family: ArialMT;
}

.house-type-detail .m_info .b_box span {
    font-size: 0.64rem;

}

.house-type-detail .m_info .b_box .tit {
    color: rgba(153, 153, 153, 1);
}

.house-type-detail .m_info .b_box .txt {
    color: #333;
}

.house-type-detail .label-list {
    margin-left: -0.43rem;
    padding: 0.64rem;
}

.house-type-detail .label-list li {
    float: left;
    width: 3.2rem;
    height: 0.85rem;
    text-align: center;
    line-height: 0.85rem;
    font-size: 0.55rem;
    color: rgba(102, 102, 102, 1);
    background: rgba(238, 238, 238, 1);
    margin-left: 0.43rem;
}

.house-type-detail .bright_spot {
    padding: 0 0.64rem;
}

.house-type-detail .bright_spot .title h3 {
    font-size: 0.81rem;
    color: rgba(51, 51, 51, 1);
    line-height: 1.77rem;
}

.house-type-detail .bright_spot .desc {
    padding-bottom: 0.64rem;
}

.house-type-detail .bright_spot .desc p {
    font-size: 0.64rem;
    color: rgba(104, 104, 104, 1);
    line-height: 0.77rem;
    padding: 0.1rem 0;
}

/* 周边位置 */
.nearby-position .mc-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.35rem;
}

.map_localtion {
    position: absolute;
    left: 0;
    right: 0;
    top: 2.35rem;
    bottom: 2.13rem;
    overflow: hidden;
}

.nearby-position .location {
    position: absolute;

}

.nearby-position .tab_link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.13rem;
    display: flex;
    display: -webkit-flex;
    background: #fff;
}

.nearby-position .tab_link a {
    display: block;
    flex: 1;
    -webkit-flex: 1;
    height: 100%;
    box-sizing: border-box;
    padding-top: 0.51rem;
}

.nearby-position .tab_link p {
    font-size: 0.43rem;
    color: rgba(156, 159, 161, 1);
    margin-top: 0.1rem;
    text-align: center;
}

.nearby-position .tab_link .icon {
    display: block;
    height: 0.55rem;
    width: 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center 0;
}

.nearby-position .tab_link .icon1 {
    background-image: url(../images/icon/nearby_icon1.png);
}

.nearby-position .tab_link .icon2 {
    background-image: url(../images/icon/nearby_icon2.png);
}

.nearby-position .tab_link .icon3 {
    background-image: url(../images/icon/nearby_icon3.png);
}

.nearby-position .tab_link .icon4 {
    background-image: url(../images/icon/nearby_icon4.png);
}

.nearby-position .tab_link .icon5 {
    background-image: url(../images/icon/nearby_icon5.png);
}

.nearby-position .tab_link .icon6 {
    background-image: url(../images/icon/nearby_icon6.png);
}

.nearby-position .tab_link .icon7 {
    background-image: url(../images/icon/nearby_icon7.png);
}

.nearby-position .tab_link a.on .icon1,
.nearby-position .tab_link a:active .icon1 {
    background-image: url(../images/icon/nearby_icon1_on.png);
}

.nearby-position .tab_link a.on .icon2,
.nearby-position .tab_link a:active .icon2 {
    background-image: url(../images/icon/nearby_icon2_on.png);
}

.nearby-position .tab_link a.on .icon3,
.nearby-position .tab_link a:active .icon3 {
    background-image: url(../images/icon/nearby_icon3_on.png);
}

.nearby-position .tab_link a.on .icon4,
.nearby-position .tab_link a:active .icon4 {
    background-image: url(../images/icon/nearby_icon4_on.png);
}

.nearby-position .tab_link a.on .icon5,
.nearby-position .tab_link a:active .icon5 {
    background-image: url(../images/icon/nearby_icon5_on.png);
}

.nearby-position .tab_link a.on .icon6,
.nearby-position .tab_link a:active .icon6 {
    background-image: url(../images/icon/nearby_icon6_on.png);
}

.nearby-position .tab_link a.on .icon7,
.nearby-position .tab_link a:active .icon7 {
    background-image: url(../images/icon/nearby_icon7_on.png);
}

/*新房详情页*/
.new-house-btn {
    margin-top: .2rem;
    border-top: 1px solid #eee;
    line-height: 1.4rem;
    padding-bottom: .2rem;
}

.build-dynamic-box, .apartment-layout, .floorInfo-box {
    background: #fff;
    padding: 0 .62rem;
    padding-bottom: .8rem;
}

.new-house-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2rem;
}

.new-house-title h3 {
    font-size: 0.81rem;
    color: #333;
}

.new-house-title a {
    color: #999;
    font-size: .51rem;
    position: relative;
    padding-right: .6rem;
}

.new-house-title a:after {
    content: "";
    width: 0.26rem;
    height: 0.47rem;
    display: block;
    background: url(../images/icon/more_icon.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: .1rem;
    right: 0;
}

.build-dynamic-box h4 {
    font-size: 0.7rem;
    font-weight: normal;
    color: #444;
    padding-bottom: .25rem;
}

.build-dynamic-box p {
    font-size: .6rem;
    color: #A1A1A1;
    line-height: 1rem;
}

.build-dynamic-box p a {
    color: #A1A1A1;
}

.apartment-layout .title, .allask-box .title {
    border-bottom: 1px solid #eee;
    margin-bottom: .45rem;
}

.apartment-layout-box .swiper-slide {
    width: 5.12rem;
    margin-right: .43rem;
    padding: 0 .3rem;
}

.apartment-layout-box .swiper-slide a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.apartment-layout-box .pic {
    width: 5.12rem;
    height: 3.41rem;
    padding: 0 .3rem;
    border: 1px solid #eaeaea;
    display: flex;
    overflow: hidden;
    align-items: center;
}

.apartment-layout-box .intro-text {
    font-size: .51rem;
    color: #919191;
}

.apartment-layout-box .price {
    font-size: .51rem;
    color: #919191;
}

.apartment-layout-box .price em {
    font-size: .8rem;
}

.house-saling-title:after {
    vertical-align: middle;
}

.allask-box {
    background: #fff;
    margin-right: 0;
    padding-bottom: .5rem;
}

#house-ban a {
    color: #fff;
    padding: 0.2rem 0.5rem;
}

#house-ban a i {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 17px solid transparent;
    border-top: 17px solid #fff;
    position: absolute;
    left: 0.5rem;
    top: 1rem;
    z-index: 99;
}

#house-ban a.status-30 {
    background-color: #009944;
}

#house-ban a.status-30 i {
    border-top-color: #009944;
}

#house-ban a.status-31 {
    background-color: #ff6600;
}

#house-ban a.status-31 i {
    border-top-color: #ff6600;
}

#house-ban a.status-32 {
    background-color: #919191;
}

#house-ban a.status-32 i {
    border-top-color: #919191;
}

/* 分页 */
.page_list {
    padding: .5rem 0;
}

.page_list li {
    display: inline;
    border: none;
}

.page_list li span {
}

.page_list {
    text-align: center;
}

.page_list a, .page_list li span,
.page_list .more {
    display: inline-block;
    line-height: 100%;
    padding: .2rem .6rem;
    border-radius: 0.2rem;
    font-size: .6rem;
    text-align: center;
    margin-left: .1rem;
    cursor: pointer;
}

.page_list a, .page_list li span {
    border: 1px solid #ebebeb;
}

.page_list .active span {
    border-color: #d32f2f;
}

.page_list a.on, .page_list li span,
.page_list a:hover {
    color: #fff;
    background: #d32f2f;
}

.page_list .prev {
    margin-left: 0;
}

.page_list li {
    padding: 0;
}

.photo-count {
    position: absolute;
    bottom: 1.8rem;
    right: 1rem;
    z-index: 10;
    color: #fff;
    font-size: .6rem;
    padding-left: 25px;
    background: url(../images/icon/thumb-icon.png) left center no-repeat;
    background-size: 20px;
    text-shadow: 1px 1px 1px #ccc;
}

.photo-count a {
    color: #fff;
}

.lpNum > li { /*! position:absolute; */
    overflow: hidden;
    z-index: 7;
    width: 74px;
    height: 74px;
    background: url(../images/map-circleBg.png) no-repeat -1px -1px;
    cursor: pointer;
}

.lpNum > li > a {
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    margin-top: 8px;
}

.lpNum > li:hover, .lpPrice > li:hover {
    background-position: 0px -88px;
}

.lpNum > li.on, .lpPrice > li.on {
    background-position: -1px -175px;
}

.fang-pannel {
    position: fixed;
    display: none;
    top: 0;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    height: 100%;
}

.fang-pannel .fang-search {
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    width: 80%;
}

.fang-input {
    width: 100%;
    padding: 5px 5%;
    background-color: #ededed;
    line-height: 30px;
}

.fang-pannel ul {
    width: 100%;
    padding: 0 5%;
}

.fang-pannel ul li {
    border-bottom: 1px solid #ededed;
    padding: 5px 0;
    margin-bottom: 5px;
}

.fang-pannel ul .address {
    font-size: 12px;
    color: #666;
}

#img-list img {
    margin: .5rem 0 0 0;
    width: 50px;
}

#img-list em {
    position: relative;
    display: inline-block;
    margin-right: .5rem;
}

#img-list em i {
    position: absolute;
    right: -0.5rem;
    top: 0;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(../images/icon/close-icon.png) center center no-repeat;
    background-size: 80%;
}

#search-lists {
    position: absolute;
    display: none;
    top: 2.56rem;
    left: 0;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    z-index: 999;
    height: 100%;
    padding: .2rem .5rem;
    margin: 0 auto;
}

#search-lists li {
    line-height: 1rem;
}

#search-lists li em {
    display: inline-block;
    width: 10rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#search-lists li span {
    float: right;
    color: #D32F2F;
}

.map-attr {
    height: 24px;
    line-height: 22px;
}

.load-more {
    padding: .5rem;
    width: 100%;
    text-align: center;
}

.house-content img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}

.discount-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    margin: 20px 15px;
    background-image: -webkit-linear-gradient(156deg, #ff7e24, #f84c32 40%, #ed0246);
    background-image: -moz-linear-gradient(156deg, #ff7e24 0, #f84c32 40%, #ed0246 100%);
    background-image: -o-linear-gradient(156deg, #ff7e24 0, #f84c32 40%, #ed0246 100%);
    /* background-image:linear-gradient(294deg,#ff7e24,#f84c32 40%,#ed0246); */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 1.2;
    color: #fff;
}

.discount-box:after, .discount-box:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 124px;
    height: 42px;
    /* background:url(//static.esf.fangdd.com/esf/mcpwebsiteesffdd/fdd-mask-2-SHU.png) no-repeat; */
    -moz-background-size: 100%;
    background-size: 100%;
}

.discount-box:before {
    left: 50%;
    top: 37%;
    -webkit-transform: translate(-125%);
    -moz-transform: translate(-125%);
    -ms-transform: translate(-125%);
    -o-transform: translate(-125%);
    transform: translate(-125%);
}

.discount-box:after {
    right: -7px;
    bottom: 9px;
}

.discount-box-wrap {
    background-color: #fff;
    padding: 20px 15px;
}

.discount-box-wrap .discount-box {
    margin: 0;
}

.discount-cont {
    position: relative;
    z-index: 10;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
}

.discount-info {
    position: relative;
    z-index: 10;
    width: 115px;
    padding: 13px 0;
    border-left: 1px dashed hsla(0, 0%, 100%, .7);
    text-align: center;
}

.discount-info .num {
    font-size: 12px;
}

.discount-info .btn {
    display: block;
    width: 84px;
    height: 28px;
    line-height: 28px;
    background-image: -webkit-linear-gradient(top, #fff 50%, #ddc4c4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#ddc4c4));
    background-image: -moz-linear-gradient(top, #fff 50%, #ddc4c4 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #ddc4c4 100%);
    background-image: linear-gradient(-180deg, #fff 50%, #ddc4c4);
    -webkit-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    -moz-box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    box-shadow: 0 6px 12px 0 rgba(180, 0, 0, .7);
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    margin: 11px auto 0;
    color: #f42032;
}

.discount-title {
    position: relative;
    font-size: 12px
}

.discount-sub {
    padding-top: 5px;
    font-size: 24px;
    font-weight: 500;
}

.discount-text {
    padding-top: 4px;
    font-size: 10px;
    padding-right: 5px;
}

.discount-text .price {
    padding-left: 4px;
    font-size: 12px;
    font-style: italic;
}

.discount-text .price strong {
    padding-left: 3px;
    font-size: 18px
}

.list-discount {
    margin-top: .5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .6rem;
    color: #333;
    padding: 0 .26rem;
    background-color: #f4f1ea;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-discount span {
    border-radius: 3px;
    padding: 1px 4px;
    margin-right: 10px;
}

.house-content {
    font-size: .6rem;
}

.house-show-box .pic {
    position: relative;
}

.house-show-box .pic em {
    display: block;
    position: absolute;
    width: 0.89rem;
    height: .89rem;
    left: 0;
    top: 0;
    background-image: url(../images/hongbao.png);
    background-size: 100% 100%;
}

.group-phone {
    display: inline-block;
    width: 65%;
}

.group-phone p {
    line-height: 1.5rem;
}

.group-call {
    display: inline-block;
    width: 32%;
    float: right;
}

.group-box {
    box-sizing: border-box;
    width: 100%;
    padding: .9rem .64rem .86rem;
    background: #fff;
    margin-bottom: .43rem;
}

.group-call a {
    display: block;
    text-align: center;
    border-radius: .4rem;
    height: 2rem;
    line-height: 2rem;
}

.logo-box img {
    width: 40%;
    margin: 0 auto;
}

.select-city-box {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    background-color: #fff;
}

.city-lists {
    height: 90vh;
    overflow-y: auto;
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
}

.city-lists dl {
}

.city-lists dl dt.word-font {
    font-size: .7rem;
}

.city-lists dl dt {
    font-size: .8rem;
    padding: 8px 0;
}

.city-lists dl dd {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
}

.city-lists dl dd.is-hot a {
    color: #D32F2F;
}

.house-pano {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../images/icon/pano.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.house-saling-title *, .itemName * {
    vertical-align: middle;
}

.house-show-box .pic em.video-play {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    background-image: url(../../images/video.png);
    background-size: 30px;
    background-repeat: no-repeat;
}

.comment-lists .comment-row {
    display: flex;
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 5px;
}

.comment-lists .comment-row:last-child {
    border-bottom: none;
}

.comment-lists .comment-img img {
    width: 45px;
    height: 45px;
    margin-right: 5px;
    border-radius: 50%;
}

.comment-lists .comment-row .comment-content {
    flex: 1;
}

.comment-lists .comment-content .nickname {
    color: #ff0000;
}

.comment-lists .comment-content .comment-score {
    padding: 5px 0;
}

.comment-lists .comment-content .comment-con {
    padding: 5px 0;
}

.comment-lists .comment-content .comment-view {
    text-align: right;
}

.comment-lists .comment-row .comment-reply {
    margin-top: 5px;
    border-top: 1px solid #efefef;
    padding-top: 5px;
}

.comment-lists .comment-view view {
    display: inline-block;
}

.comment-lists .comment-view img {
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.comment-lists .reply {
    margin-right: 10px;
    display: inline-block;
}

.comment-lists .view-reply {
    display: inline-block;
}

#comment-btn {
    display: block;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: #D32F2F;
    text-align: center;
}

.select-score {
    margin-bottom: 10px;
}

.select-score .select-score-left {
    width: 70%;
}

.select-score .score-average span {
    font-size: 14px;
    font-weight: 800;
    padding: 0 5px;
    color: #ff0000;
}

.select-score li {
    line-height: 35px;
}

.select-score li * {
    vertical-align: middle;
}

.select-score .score-name {
    color: #000;
}

.select-score .score-grade {
    height: 17px;
}

.select-score .score-grade i {
    display: inline-block;
    width: 18px;
    height: 17px;
    background-image: url(../images/icon/icon26.png);
    margin-left: 3px;
    cursor: pointer;
}

.select-score .score-grade i.on {
    background-image: url(../images/icon/icon25.png);
}

.select-score .score-desc {
    margin-left: 20px;
}

.color-red {
    color: #ff0000;
}

.select-score .select-score-right {
    text-align: center;
    padding-top: 10px;
}

.select-score .select-score-right .score-average {
    font-size: 16px;
    color: #333;
}

.select-score .select-score-right .score-average-point {
    font-size: 14px;
}

.select-score .select-score-right span {
    font-size: 30px;
    color: #D32F2F;
}

.select-score .select-score-right .score-average-desc {
    font-size: 12px;
    color: #999;
}

.comment-content-textarea {
    border: 1px solid #EFEFEF;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    padding: 5px;
}

.comment-input {
    width: 100px;
    height: 40px;
    margin-right: 5px;
    line-height: 40px;
    border: 1px solid #EFEFEF;
    border-radius: 3px;
    display: inline-block;
}

.comment-inptu-box {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

.comment-inptu-box * {
    vertical-align: middle;
}

.comment-title {
    font-size: 14px;
    padding: 5px 0;
}

.sub-reply {
    margin-left: 5px;
    display: inline-block;
    background-color: #D32F2F;
    color: #fff;
    height: 40px;
    flex: 1;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    border-radius: 3px;
}

