@charset "UTF-8";

@font-face {
    font-family: "element-icons";
    src: url(../fonts/element-icons.woff) format('woff'), url(../fonts/element-icons.ttf) format('truetype');
}

body {overflow-x: hidden;}
ul {padding:0px;margin:0px;list-style:none;}
a {color:#333; text-decoration:none; transition: all 0.4s;}
a:hover {color:#EC8C32; text-decoration:none;}
.fade.in {
    padding-top: 9%;
}

.fl {float: left;}
.fr {float: right;}
.container {width:1400px; max-width: 1400px; margin-left: auto; margin-bottom: auto;}
.o {overflow: hidden;}
.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:1.8em}
.mbb3{margin-bottom:3em}
.pbt1{padding-top:1em}
.pbt2{padding-top:2em}
.pbt3{padding-top:3em}
.pbt4{padding-top:4em}
.pbb1{padding-bottom:1em}
.pbb2{padding-bottom:2em}
.pbb3{padding-bottom:3em}
.pbb4{padding-bottom:4em}

.modal.fade .modal-dialog {width: 430px;}
.frset {padding:5% 8% 6%;}
.frset .fm {padding: 20px 15px 0;}
.frset .fm .input-group {width: 100%;}
.frset .fm .input-group input {height: 40px; line-height: 40px;}
.frset .frbtn {
	    font-weight: 400;
	    font-size: 16px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    padding: 4px;
	    border: none;
	    border-radius: 4px;
	    cursor: pointer;
	    outline: none;
	    line-height: 22px;
	    font-weight: 700;
	    font-size: 14px;
	    color: #fff;
	    width: 100%;
	    height: 42px;
	    background: #f0720c
}

.hxSwiper {padding: 1rem 15px 40px;}

/* pc menu */
.header {padding: 20px 0 12px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header .logo {float: left;}
.imenu {float: left; margin-left: 20px;}
.imenu li {float: left; padding: 0 0 0 30px;}
.imenu li a {display: inline-block; color: #333; font-size:16px; border-bottom:2px solid transparent;line-height: 35px;}
.imenu li a:hover, .imenu li .active {color: #000; border-bottom-color:#f00;}
.itel {float: right;}
.itel a {display: inline-block; padding-left: 8px; font-size: 16px;font-weight: bold;}
.itel img {width: 24px; height: 24px; margin-right: 8px;}

/* footer */
.footer {background-color: #303030;}
.footer .footmenu {padding:2.5rem 0 1.5rem; text-align: center;}
.footer .footmenu a {color: #ccc; font-size: 16px; display: inline-block; margin-right: 20px;}
.footcopy {padding: 1.8rem 0 1rem; text-align: center; color: #ccc; border-top: 1px solid #464444;}
.footcopy a {color: #ccc;}


/* page */
.mainbox {line-height: 26px;}
.mainbox p {text-align: justify;}



.mainform {margin:3rem auto; text-align: center; box-shadow: 0 2px 12px 0 hsla(0,0%,78.8%,.5);}
.mainform input {border-width: 0; box-shadow: none;}
.mainform .form-inline .form-group {width: 90%;}
.mainform .form-inline .input-group {width: 100%;}


.query {}
.query .qy {margin-bottom: 0.5rem;}
.query .qy .col-md-1 {text-align: right;}
.query .qy .col-md-11 {padding-left: 0;}
.qylink a {margin-bottom:5px;}

.qybox {padding-bottom: 4rem;}
.qytit {border-bottom: 1px solid #eee; line-height: 40px;}
.qytit .t {position: relative; float: left; font-size: 22px;}
.qytit .t::before {position: absolute; top: 40px; width: 100%; height: 2px; background: #f0720c; content: '';}

.qytit .tlink {float: right;}
.qytit .tlink label {margin: 0 8px;}
.qytit .tlink label a {font-size: 16px;}
.qytit .tlink label .active {color:#f0720c;}
.qytit .tlink strong {color:#f0720c; font-size: 16px;}

.qbtext {padding-top: 1rem;}
.qbtext h3 {color:#f0720c; margin-bottom: 2rem;}

.qy_list {}
.qy_list .item {display: flex; padding: 20px 0; position: relative; margin-bottom: 0.5rem; border-bottom:1px dashed #999;}
.qy_list .item .pic {width: 26%; }
.qy_list .item .des {width: 50%; padding: 0 3%;}

.qy_list .item .pic img {max-width: 100%; border-radius: 6px;}
.qy_list .item .des .name {line-height: 20px;
    font-weight: 700;
    font-size: 22px;
    color: #000;
    margin-bottom: 12px;
    margin-top: 8px;
    position: relative;}
.qy_list .item .des .name span {
	    line-height: 18px;
	    font-weight: 400;
	    font-size: 12px;
	    color: #1fb841;
	    display: inline-block;
	    vertical-align: middle;
	    width: 59px;
	    height: 20px;
	    margin-left: 10px;
	    margin-top: -2px;
	    border-radius: 2px;
	    border: 1px solid #1fb841;
	    text-align: center;
}
.qy_list .item .des .addr, .qy_list .item .des .room, .qy_list .item .des .data {
	line-height: 20px;
	    font-weight: 400;
	    font-size: 14px;
	    color: #666;
	    margin-bottom: 12px;
}
.qy_list .item .des .tags {align-items: flex-start; margin-bottom: 10px; overflow: hidden; display: flex; }
.qy_list .item .des .tags label {
	line-height: 14px;
	    font-weight: 400;
	    font-size: 12px;
	    color: #666;
	    padding: 4px 10px;
	    margin-right: 8px;
	    border-radius: 2px;
	    background: #e6faea;
}
.qy_list .item .des .tags label:first-child {color: #1fb841; background: #e6faea;}
.qy_list .item .des .tags label:nth-child(2) {color: #dd7421; background: linen;}
.qy_list .item .youhui {display: flex;}
.qy_list .item .youhui img {height: 20px; margin-right: 10px;}

.qy_list .item .price {position: absolute; top: 36%; right: 18%;}
.qy_list .item .price h3 {color: #f0720c;}
.qy_list .item .price h5 {}

.qy_list .item .gw {position: absolute; top: 32%; right: 0%; text-align: center;}
.qy_list .item .gw img {height: 60px; border-radius: 50%;}
.qy_list .item .gw p {margin-bottom: 5px;  padding-top:6px;}
.qy_list .item .gw a {border-radius: 4px; display: inline-block; padding: 4px 8px; font-size: 12px; color: #fff; background: #f0720c;}


/************************************ LouDetain **************************************/

.mainlou {background-color: #f7f7f7;}
.fffbox {background-color: #fff;}

.houseinfo {display: flex; padding: 2.6rem;}
.houseinfo .hepic {width: 42%;}
.houseinfo .heinfo {width: 58%; padding-left: 3%;}

.mySwiper img {max-width:100%;height: 540px;}

.htitle {
	line-height: 32px;
    font-weight: 700;
    font-size: 24px;
    color: rgba(0, 0, 0, .86);
    word-break: break-all;
}
.hcname {
	line-height: 20px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .4); margin: 10px auto;
}
.hactive {display: flex; align-items:center; width: 100%;}
.hactive span {
	    line-height: 22px; 
	    font-weight: 700;
	    font-size: 14px;
	    color: #fff;
	    width: 44px;
	    height: 24px;
	    margin-right: 8px;
	    background: #fba142;
	    border-radius: 4px;
		display: flex; align-items: center;     justify-content: center;
}
.hactive .text {flex: 1;
    width: 0;
    margin-right: 8px;
    word-break: break-all;}
.hactive .btn a {color: #337ab7;}

.heinfo .discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #3d465c;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 16px;
    padding: 8px 16px;
    background: #fef8f3;
    border-radius: 4px;
}
.heinfo .discount .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.heinfo .discount .top .text {
    line-height: 20px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
    margin-right: 16px;
}
.heinfo .discount .top .price {
    line-height: 32px;
    font-weight: 700;
    font-size: 24px;
    color: #ee3e21;
    margin-right: 24px;
}
.heinfo .discount .top .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #096dd9;
    cursor: pointer;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: auto;
}
.heinfo .discount .top .btn-change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #096dd9;
    cursor: pointer;
    line-height: 22px;
    font-weight: 400;
    font-size: 16px;
    color: #f40;
}
.heinfo .discount .bottom .use_date {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
    margin-right: 24px;
}
.heinfo .discount .bottom .risk_tips {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
    text-decoration: underline;
    cursor: pointer;
}
.heinfo .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	flex-wrap: wrap;
	    margin-top: 12px;
}
.heinfo .tags .tag {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #ee3e21;
    margin-right: 8px; margin-bottom: 5px;
    padding: 5px 16px;
    border: 1px solid rgba(238, 62, 33, .8);
    border-radius: 4px;
}
.heinfo .address, .heinfo .activity {
	display: flex;
	align-items: center; margin-top: 12px;
}
.heinfo .address .text {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .35);
    margin-right: 16px;
}
.heinfo .address .btn-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #096dd9;
    cursor: pointer;
}
.heinfo .activity .activity-item {
    overflow: hidden;
    margin-right: 16px;
    cursor: pointer; display: flex;
	align-items: center;
    border-radius: 4px;
}
.heinfo .activity .activity-item.yhq {
    background: #fff1f0;
}
.heinfo .activity .activity-item.car {
    margin-right: 0;
    background: #e6fffb;
}
.heinfo .activity .activity-item .left {
    width: 224px;
    margin-left: 24px;
}
.heinfo .activity .activity-item .right {
    line-height: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    width: 74px;
    height: 74px;
    padding: 16px 20px;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.heinfo .activity .activity-item.yhq .right {
    background: #ff7875;
}
.heinfo .activity .activity-item .right a {color:#fff;}
.heinfo .activity .activity-item .left .top {
    line-height: 28px;
    font-weight: 700;
    font-size: 20px;
    color: #ee3e21;
}
.heinfo .activity .activity-item .left .bottom {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    margin-top: 4px;
}
.heinfo .activity .activity-item.car .right {
    background: #5cdbd3;
}
.heinfo .today {
    margin-top: 22px
}

.heinfo .today .list {
    width: 100%;
    margin-top: 8px
}

.heinfo .today .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.65);
    margin-bottom: 8px
}

.heinfo .today .list .item .area,.heinfo .today .list .item .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px
}

.heinfo .today .list .item .name {
    width: 136px
}

.heinfo .today .list .item .area {
    width: 100px
}

.heinfo .today .list .item .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 264px
}

.heinfo .today .list .item .price .num {
    margin-right: 8px;
    color: #ee3e21
}

.heinfo .today .list .item .btn-roomType {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #f40;
    width: 144px;
    height: 32px;
    background: #fef8f3;
    border-radius: 4px;
    cursor: pointer
}
.heinfo .today .list .item .btn-roomType a {color: #f40;}
.heinfo .address,.heinfo .today .list .item .btn-roomType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.heinfo .btn-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.35);
    width: 100%;
    height: 32px;
    margin-top: 16px;
    background: rgba(0,0,0,.05);
    border-radius: 2px;
    cursor: pointer
}
.featuresAndDynamic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 24px
}

.featuresAndDynamic .dynamic,.featuresAndDynamic .features {
    padding: 24px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 638px
}

.featuresAndDynamic .dynamic .box-title,.featuresAndDynamic .features .box-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 28px;
    font-weight: 700;
    font-size: 20px;
    color: rgba(0,0,0,.65);
    padding: 0 24px 16px;
    margin: -8px -24px 24px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.featuresAndDynamic .dynamic .box-title .title,.featuresAndDynamic .dynamic .box-title,.featuresAndDynamic .features .box-title .title,.featuresAndDynamic .features .box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.featuresAndDynamic .dynamic .box-title .title .small,.featuresAndDynamic .features .box-title .title .small {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.35);
    margin-left: 8px
}

.featuresAndDynamic .dynamic .box-title .btn-send,.featuresAndDynamic .features .box-title .btn-send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #096dd9;
    cursor: pointer
}
.featuresAndDynamic .dynamic .box-title .btn-send a,.featuresAndDynamic .features .box-title .btn-send a {color:#096dd9}
.featuresAndDynamic .dynamic .box-title .btn-send:after,.featuresAndDynamic .features .box-title .btn-send:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background: url(https://cdn-static2.91xiangju.com/xffxs_vue/dist/img/arrow-r-blue.7b75c51.svg);
    background-size: 100% 100%
}

.featuresAndDynamic .features {
    margin-right: 24px
}

.featuresAndDynamic .features .list {
    margin-bottom: 20px
}

.featuresAndDynamic .features .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.65);
    margin-bottom: 12px;
    word-break: break-all
}

.featuresAndDynamic .features .list .item .content .features-title {
    font-weight: 700
}

.featuresAndDynamic .features .list .item:last-child {
    margin-bottom: 0
}

.featuresAndDynamic .dynamic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.featuresAndDynamic .dynamic .html {
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    color: #3d465c;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 300px;
    margin-bottom: 8px
}

.featuresAndDynamic .dynamic .tips {
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.35);
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.house-detail,.house-fxs,.house-infos,.roomType-detail,.success-data {
    padding: 24px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px
}

.house-detail .box-title,.house-fxs .box-title,.house-infos .box-title,.roomType-detail .box-title,.success-data .box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 28px;
    font-weight: 700;
    font-size: 20px;
    color: rgba(0,0,0,.65);
    padding: 0 24px 16px;
    margin: -8px -24px 24px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.house-detail .box-title .title,.house-fxs .box-title .title,.house-infos .box-title .title,.roomType-detail .box-title .title,.success-data .box-title .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.house-detail .box-title .title .small,.house-fxs .box-title .title .small,.house-infos .box-title .title .small,.roomType-detail .box-title .title .small,.success-data .box-title .title .small {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.35);
    margin-left: 8px
}
.house-fxs .swiper .btn-left,.house-fxs .swiper .btn-right {
    top: 80px
}

.gwSwiper {padding-bottom: 3.6rem;}


.house-fxs .swiper .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 500px;
    padding: 24px;
    background: #fdf0e6;
    border: 1px solid rgba(255,208,160,.5)
}

.house-fxs .swiper .item .left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 160px;
    height: 160px;
    border-radius: 4px
}

.house-fxs .swiper .item .infos {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 24px
}

.house-fxs .swiper .item .infos .username {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 24px;
    font-size: 20px;
    color: rgba(0,0,0,.85);
    margin-bottom: 4px
}

.house-fxs .swiper .item .infos .username .btn-ask,.house-fxs .swiper .item .infos .username {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400
}

.house-fxs .swiper .item .infos .username .btn-ask {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 22px;
    font-size: 14px;
    color: #fff;
    width: 88px;
    height: 32px;
    background: #f0720c;
    border-radius: 4px;
    cursor: pointer
}
.house-fxs .swiper .item .infos .username .btn-ask a {color: #fff;}
.house-fxs .swiper .item .infos .job {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.35);
    margin-bottom: 16px
}

.house-fxs .swiper .item .infos .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.house-fxs .swiper .item .infos .info-item .label {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.65);
    width: 98px;
    margin-right: 22px
}

.house-fxs .swiper .item .infos .info-item .value {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #ee3e21
}
.success-data .datas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 324px;
    margin-top: 32px
}

.success-data .datas .table {
    width: 49%;
    height: 100%; margin-bottom: 0;
}

.success-data .datas .table .td-1,.success-data .datas .table .tr-1 {
    width: 246px
}

.success-data .datas .table .td-2,.success-data .datas .table .tr-2 {
    width: 233px
}

.success-data .datas .table .td-3,.success-data .datas .table .tr-3 {
    width: 225px
}

.success-data .datas .table .table-body,.success-data .datas .table .table-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 54px;
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.success-data .datas .table .table-body>div,.success-data .datas .table .table-header>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.success-data .datas .table .table-header {
    background: #fafafa;
    border-radius: 4px 4px 0 0
}

.success-data .datas .table .table-header>div {
    line-height: 22px;
    font-weight: 700;
    font-size: 14px;
    color: rgba(0,0,0,.85)
}

.success-data .datas .table .table-body>div {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.65)
}

.success-data .btn-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 22px;
    font-weight: 700;
    font-size: 14px;
    color: #f0720c;
    width: 230px;
    height: 40px;
    margin: 40px auto 0;
    border: 1px solid #f0720c;
    border-radius: 4px;
    cursor: pointer
}
.success-data .btn-data a {color: #f0720c;}
.roomType-detail .swiper .btn-left,.roomType-detail .swiper .btn-right {
    top: 152px
}

.roomType-detail .swiper .list {
    margin-top: -8px;
    padding-top: 8px;
    padding-bottom: 8px
}

.roomType-detail .swiper .item {
    width: 352px;
    padding: 16px 16px 24px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
}

.roomType-detail .swiper .item .image {
    width: 320px;
    height: 320px
}

.roomType-detail .swiper .item .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 22px;
    font-weight: 700;
    font-size: 14px;
    color: rgba(0,0,0,.65);
    margin-top: 16px
}

.roomType-detail .swiper .item .name .small {
    line-height: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #9399a4;
    margin-left: 4px
}

.roomType-detail .swiper .item .price {
    line-height: 24px;
    font-weight: 700;
    font-size: 20px;
    color: #f5222d;
    margin-top: 8px
}

.roomType-detail .swiper .item .btn-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #096dd9;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    margin-top: 16px;
    border: 1px solid #ed710c;
    color: #ed710c;
    border-radius: 4px
}

.roomType-detail .swiper .item .btn-detail:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background: url(https://cdn-static2.91xiangju.com/xffxs_vue/dist/img/arrow-r-orange2.06d7771.svg);
    background-size: 100% 100%
}

.house-detail .list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: -16px
}

.house-detail .list .item,.house-detail .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.house-detail .list .item {
    width: 50%;
    margin-bottom: 16px
}

.house-detail .list .item .label {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.35);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 74px;
    margin-right: 48px
}

.house-detail .list .item .value {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.65);
    word-break: break-all
}

.group-bargain {
    z-index: 99;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 160px;
    background: #eb4836 url(https://cdn-static2.91xiangju.com/xffxs_vue/dist/img/xffxs_house_tg.03429df.png) no-repeat;
    background-size: 100% 100%
}

.group-bargain .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1300px;
    margin: 0 auto;
    height: 100%
}

.group-bargain .content .image {
    width: 327px;
    height: 138px;
    margin-top: 22px;
    margin-right: 30px
}

.group-bargain .content .info {
    width: 415px;
    margin-right: 116px
}

.group-bargain .content .info .name {
    line-height: 25px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    width: 100%;
    margin-top: 36px;
    margin-bottom: 18px
}

.group-bargain .content .info .tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
    color: #d8371c;
    width: 100%;
    height: 34px;
    background: #fff0b9;
    border-radius: 22px
}

.group-bargain .content .input-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 290px;
    margin-right: 16px;
    font-size: 14px
}

.group-bargain .content .input-box .tips {
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    margin-top: 21px;
    margin-bottom: 6px
}

.group-bargain .content .input-box .input {
    line-height: 22px;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    padding: 4px 4px 4px 18px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 243px;
    height: 44px;
    width: 272px;
    height: 47px;
    margin-bottom: 12px
}

.group-bargain .content .input-box .input::-webkit-input-placeholder {
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #c5c5c5
}

.group-bargain .content .input-box .input::-moz-placeholder {
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #c5c5c5
}

.group-bargain .content .input-box .input:-ms-input-placeholder {
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #c5c5c5
}

.group-bargain .content .input-box .input::-ms-input-placeholder {
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #c5c5c5
}

.group-bargain .content .input-box .input::placeholder {
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #c5c5c5
}

.group-bargain .content .input-box .tel {
    line-height: 30px;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    white-space: nowrap
}

.group-bargain .content .btn-signUp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 22px;
    font-weight: 700;
    font-size: 16px;
    color: #ba2d3f;
    width: 109px;
    height: 48px;
    margin-top: 47px;
    background: #fff;
    border: 1px solid #b42536;
    -webkit-box-shadow: 0 5px 25px 0 rgba(110,42,42,.5);
    box-shadow: 0 5px 25px 0 rgba(110,42,42,.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer
}