.top-main {
	width:1170px;
	margin:0 auto;
}
.building-house-title {
	margin-top:20px
}
.building-house-title h1 {
	font-size:28px;
	color:#000
}
.tag-button {
	background-color:#e7f5fc;
	width:80px;
	height:26px;
	line-height:26px;
	border-radius:2px;
	float:left;
	font-size:12px;
	text-align:center;
	color:#c1402b;
	margin-right:10px
}
.tag-button2 {
	background-color:#e7f5fc;
	width:80px;
	height:26px;
	line-height:26px;
	border-radius:2px;
	float:left;
	font-size:12px;
	text-align:center;
	color:#c1402b;
	margin-right:30px
}
.consult-user-mobile-content {
	height:48px;
	border-radius:4px;
	border:solid 1px #ebebeb;
	margin-top:12px
}
.house-detail-price-conent {
	/* height:103px; */
	/* height: 173px; */
	min-height: 103px;
	height: auto;
}
.house-detail-price-conent .total-price {
	height:88px;
	font-size:48px;
	font-weight:500;
	text-align:left;
	color:#c1402b;
	float:left;
	line-height:88px
}
.house-detail-price-conent .price-unit {
	font-size:14px;
	font-weight:500;
	color:#c1402b;
	margin-top:48px;
	display:inline-block
}
.house-detail-price-conent .div-item {
	width:33% !important;
	height:100%;
	float:left;
	text-align: center;
}
.house-detail-price-conent .div-item:last-child{
	text-align: center;
}
.house-detail-price-conent .div-item .title {
	margin-top:25px;
	height:33px;
	line-height:33px;
	font-size:24px;
	font-weight:500;
	color:#000
}
.house-detail-price-conent .div-item .subtitle {
	height:17px;
	line-height:17px;
	font-size:12px;
	color:#666
}
.map .walk-box .feature li {
	height:60px
}
.map .walk-box .feature li .f-title {
	color:white;
	font-weight:500
}
.map .map-tool-bar .current {
	padding-bottom:20px;
	border-bottom:4px solid #c1402b;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.house-detail-title {
	width:auto;
	height:19px;
	font-size:20px;
	font-weight:500;
	color:#000;
	margin-bottom:10px;
	padding-left:6px;
	border-left:#c1402b solid 3px
}
.surround-item {
	margin-top:10px;
	margin-bottom:10px;
	height:26px;
	width:254px;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.surround-item .left {
	float:left;
	display:inline-block
}
.surround-item .middle {
	width:65px;
	padding-right:10px;
	font-size:12px;
	color:#4a4a4a;
	margin-top:5px;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.surround-item .right {
	width:70px;
	font-size:12px;
	color:#4a4a4a;
	float:right;
	display:inline-block;
	margin-top:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.surround-item .right .title {
	font-size:12px;
	color:#4a4a4a
}
.house-detail-info-item-content {
	margin-bottom:30px;
	margin-top:10px
}
.map-tool-bar {
	width:1170px;
	height:80px;
	border-radius:4px;
	background-color:rgba(1,1,1,0.7);
	position:absolute;
	z-index:100;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.house-detail-info-item-content .base-info-content {
	font-size:12px;
	color:#4a4a4a;
	margin-left:20px;
	line-height:1.67;
	width:550px;
	display:inline-block
}
.house-detail-title2 {
	height:20px;
	font-size:14px;
	font-weight:500;
	color:#000
}
.line-info-ver {
	height:1px;
	background-color:#ebebeb;
	margin-top:10px;
	margin-bottom:10px
}
.traffic-content {
	font-size:12px;
	color:#666;
	margin-top:10px;
	margin-bottom:10px
}
.traffic-content .title {
	font-size:12px;
	color:#666
}
.base-info-item {
	margin-bottom:10px;
	height:auto;
	width: 50%;
	float: left;
	line-height: 24px;
}
.base-info-item .base-info-title {
	width:120px;
	font-size:16px;
	color:#b2b2b2;
	display:inline-block;
	vertical-align:top
}
.base-info-item .utility-rate {
	position:relative
}
.base-info-item .utility-rate .utility-rate-mark {
	width:12px;
	height:12px;
	left:38px;
	position:absolute;
	top:2px;
	background-image:url(../images/utility-rate-mark@2x.png);
	background-image:url(../images/utility-rate-mark.png) \9;
	background-size:12px 12px
}
.base-info-item .utility-rate .hover-tips {
	width:300px;
	height:24px;
	line-height:24px;
	opacity:.4;
	border-radius:3px;
	background-color:#000;
	position:absolute;
	top:-24px;
	left:40px;
	font-size:12px;
	color:#fff;
	text-align:center
}
.blue-item-div {
	width:3px;
	height:20px;
	background-color:#c1402b;
	display:inline-block
}
.base-info-item .base-info-content {
	font-size:16px;
	color:#4a4a4a;
	display:inline-block;
	width:265px
}
.house-detail-div {
	background-color:#ebebeb;
	height:1px
}
.hot-flag {
	width:115px;
	height:36px;
	border-radius:100px;
	border:solid 1px #e88b00;
	float:left;
	margin-left:-8px;
	line-height:27px;
	margin-top:-3px;
	padding:4px 16px;
	font-size:20px;
	font-style:normal;
	font-stretch:normal;
	color:#e88b00;
	transform:scale(0.5,0.5)
}
.house_one_month_uv {
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	color:#666;
	margin-top:10px
}
.house-content {
	width:1170px;
	background-color:#fff;
	margin:20px auto 0 auto;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.house-content .photo-content {
	margin:30px auto 30px 20px;
	width:710px;
	height:536px
}
.house-content .photo-content .swiper-container {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto
}
.house-content .photo-content .swiper-slide {
	background-size:cover;
	background-position:center
}
.house-content .photo-content .gallery-top {
	height:440px;
	width:100%
}
.house-content .photo-content .gallery-thumbs {
	margin-top:10px;
	height:86px;
	box-sizing:border-box
}
.house-content .photo-content .gallery-thumbs .swiper-slide {
	width:140px;
	height:86px;
	border-radius:4px
}
.house-content .photo-content .gallery-thumbs .swiper-slide-thumb-active {
	opacity:1
}
.layout-building-column {
	float:none
}
.house-order-form {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.border-box-fix {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.base-house-info {
	float:left;
	width:740px;
	height:auto;
	padding:30px 30px 0 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.house-detail-other-content {
	width:1170px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	padding-left:0;
	padding-right:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:60px
}
.house-order-form .order-tip {
	font-size:12px;
	font-size:14px \9
}
.house-detail-other-content .map {
	width:100%;
	padding-top:30px;
	height:600px;
	padding-left:30px;
	padding-right:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.layout-column-left {
	float:left
}
.layout-column-right {
	float:right
}
.buildingInfo-reservation {
	width:1170px;
	margin:20px auto;
	overflow:hidden
}
.bussiness-content {
	width:860px!important;
	background-color:#fff!important;
	padding-top:17px!important;
	padding-left:30px!important;
	padding-right:30px!important;
	margin-bottom:20px!important;
	float:initial!important
}
.bussiness-content h3 {
	border-bottom:1px solid rgba(0,0,0,0.05)
}
.building-content {
	width:860px;
	background-color:#fff;
	padding-top:17px;
	padding-left:30px;
	padding-right:30px
}
.other-user-see-house-list {
	width:860px;
	height:315px;
	background-color:#fff;
	margin:20px auto 60px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.other-user-see-house-list h3 {
	border-bottom:1px solid rgba(0,0,0,0.05)
}
.photo-info {
	width:760px;
	height:100%;
	position:relative;
	padding:30px 0 30px 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.photo-carousel {
	height:537px
}
.carousel-box {
	position:relative
}
.dialog-main {
	border-radius:8px
}
.picshow {
	position:relative;
	height:100%;
	margin:0
}
.picshow .img-box img {
	width:100%;
	height:100%;
	border-radius:4.2px
}
.picshow .photo-title {
	position:absolute;
	left:18px;
	bottom:18px;
	font-size:14px;
	color:#FFF;
	z-index:50;
	display:none
}
.pic-big-list {
	display:none
}
.pic-count-box {
	width:100%;
	position:absolute;
	bottom:40px;
	height:28px;
	z-index:50;
	text-align:center
}
.pic-count-box span {
	height:20px;
	line-height:22px;
	margin-left:3px;
	margin-right:3px;
	border-radius:13px;
	padding:0 12px;
	color:#FFF;
	font-size:12px;
	background-color:rgba(0,0,0,0.5)
}
.pic-count-box span i {
	padding-left:2px;
	font-style:normal;
	font-size:12px
}
.picshow .pic-count {
	height:28px;
	line-height:28px;
	font-size:14px;
	color:#FFF;
	padding:0 18px;
	border-radius:14px
}
.picshow .pic-count i {
	padding:0 0 0 4px;
	font-style:normal
}
.house-info {
	width:409px;
	height:100%;
	padding:33px 30px 31px 40px
}
.house-info .house-title {
	font-size:24px;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	color:#000
}
.house-info .title span {
	font-size:12px;
	font-weight:500;
	font-style:normal;
	font-stretch:normal;
	color:#000
}
.house-info .price-info .month {
	float:left;
	margin-right:10px
}
.house-info .price-info .month .unitPrice {
	float:left;
	font-size:24px;
	text-align:right;
	color:#c1402b;
	line-height:18px
}
.house-info .price-info .month span {
	font-size:12px;
	color:#c1402b;
	height:25px;
	float:left;
	margin-left:4px;
	line-height:25px;
	display:inline-block
}
.house-info .price-info .total {
	font-size:12px;
	color:#c1402b;
	float:left;
	text-align:right;
	line-height:25px
}
.house-info .price-info .update-time {
	font-size:12px;
	color:#b2b2b2;
	float:right;
	line-height:25px
}
.line {
	width:100%;
	height:1px;
	background-color:rgba(0,0,0,0.05)
}
.desc-box .desc {
	border-top:1px solid rgba(0,0,0,0.05)!important
}
.house-info .price-info {
	margin-bottom:18px;
	margin-top:23px;
	overflow:hidden;
	height:25px;
	line-height:25px
}
.house-info .server-info {
	padding-top:16px;
	padding-bottom:16px;
	overflow:hidden
}
.wd-1 {
	width:100%
}
.wd-2 {
	width:50%
}
.wd-3 {
	width:33.33333%
}
.house-info .server-info .wd-2 .house-info-list {
	font-size:14px;
	color:#b2b2b2;
	overflow:hidden;
	min-height:20px;
	margin-top:0;
	margin-bottom:0
}
.house-info .server-info .wd-2 .house-info-list .title {
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	color:#b2b2b2;
	float:left
}
.house-info .server-info .wd-2 .house-info-list .content {
	width:95px;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	color:#353535;
	float:left;
	word-break:break-all
}
.house-info .server-info .house-info-list {
	font-size:14px;
	color:#b2b2b2;
	overflow:hidden;
	min-height:20px;
	margin-top:10px;
	margin-bottom:10px
}
.house-info .server-info .house-info-list-top {
	margin-top:0
}
.house-info .server-info .house-info-list-bottom {
	margin-bottom:0
}
.house-info .server-info .house-info-list .title {
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	color:#b2b2b2;
	float:left
}
.house-info .server-info .house-info-list .content {
	width:268px;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	color:#353535;
	float:left;
	word-break:break-all
}
.house-info-tips {
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	color:#b2b2b2;
	margin-top:-1px
}
.guide-box,.guide-wrap {
	height:0!important
}
.guide-box-fixed {
	position:fixed;
	left:0;
	top:168px;
	z-index:10
}
.detail-wrap .left-box {
	float:none
}
.needFix {
	position:fixed!important
}
.needScroll {
	position:absolute!important
}
.detail-wrap .right-box {
	top:20px
}
.detail-wrap .right-box-fix-bottom {
	top:-5px!important
}
.collect-box {
	display:none!important
}
.house-info-fix {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.other-listing {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:30px;
	padding-right:30px;
	margin-top: 30px;
}
.div-show {
	display:block
}
.house-order-content {
	width:410px;
	margin-left:0;
	padding-left:20px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	background-color:white;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.top-banner .part-banner {
	width:730px;
	height:450px;
	border-radius:4.2px;
	position:relative;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.top-banner .part-banner .banner-swiper-container {
	width:730px;
	height:450px;
	border-radius:4.2px
}
.photo-title {
	height:30px;
	line-height:30px;
	border-radius:15px;
	background-color:rgba(0,0,0,0.4);
	font-size:14px;
	color:#fff;
	position:absolute;
	left:10px;
	bottom:20px;
	width:auto;
	padding-left:15px;
	padding-right:15px
}
.top-banner .part-banner .layer-cover {
	width:730px;
	height:450px;
	opacity:0;
	filter:alpha(opacity=0)
}
.top-banner .part-banner img.part-banner-img {
	width:730px;
	height:450px;
	top:0;
	position:relative
}
.top-banner .part-banner .banner-tip {
	left:280px
}
.houst-star .user-score {
	width:72px;
	height:14px;
	border-radius:2px;
	border:solid 1px #ffba00;
	background-color:#ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.houst-star .user-score .fr {
	width:20px;
	height:12px;
	line-height:12px;
	text-align:center;
	background:#ffba00;
	color:#fff;
	font-size:9px;
	font-weight:600;
	padding-left:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.houst-star .user-score .star-bg {
	height:13px;
	background:#ffba00;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.houst-star .user-score .star-level {
	width:52px;
	height:12px;
	background:url(../images/star_small_myindex.png) no-repeat;
	background-size:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.plan-owner-info {
	width:760px;
	height:100px;
	margin-top:20px
}
.owner-content {
	overflow:hidden;
	padding-bottom:20px
}
.owner-content .avatar {
	height:48px;
	width:48px;
	border-radius:24px;
	margin:10px 10px 12px 0;
	float:left
}
.owner-content .info {
	float:right;
	width:690px;
	margin-left:10px
}
.owner-content .feature {
	position:relative
}
.feature li.sign-apply {
	position:absolute;
	top:0;
	right:40px;
	width:80px;
	height:28px
}
.feature li.sign-apply .sign-apply-btn {
	width:80px;
	height:28px;
	border-radius:4px;
	border:solid 1px #c1402b;
	line-height:23px;
	font-size:12px;
	font-weight:600;
	color:#c1402b;
	background:#fff;
	text-align:center;
	padding-right:6px
}
.feature li.sign-apply .sign-apply-btn:hover {
	border:solid 1px #18aaf2;
	background:#c1402b;
	transition:background .2s linear;
	color:#fff
}
.feature li.sign-apply .sign-apply-btn:active {
	background:#148fcc;
	transition:background .2s linear
}
.plan-image {
	width:680px;
	height:420px;
	position:relative
}
.plan-image img {
	width:100%;
	height:100%;
	background-color:#FFF;
	z-index:0
}
.plan-image .shadow {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.04);
	z-index:10;
	position:absolute
}
.banner-shadow {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.04);
	z-index:10;
	top:0;
	left:0;
	position:absolute
}
.gallery-thumbs .swiper-button-prev {
	background-image:url(../images/iconsmap@2x.png);
	background-image:url(../images/iconsmap.png) \9;
	background-size:700px 300px;
	background-position:-280px 0;
	width:40px;
	height:86px;
	top:0;
	left:0;
	margin-top:0
}
.gallery-thumbs .swiper-button-next {
	background-image:url(../images/iconsmap@2x.png);
	background-image:url(../images/iconsmap.png) \9;
	background-size:700px 300px;
	background-position:-320px 0;
	width:40px;
	height:86px;
	top:0;
	right:0;
	margin-top:0
}
.room-list {
	width:680px;
	height:auto
}
.room-list .room-item {
	width:335px;
	height:216px;
	position:relative
}
.room-list .room-item-left {
	float:left
}
.room-list .room-item-right {
	float:right
}
.room-list .room-item img {
	width:335px;
	height:206px;
	margin-top:10px;
	border-radius:4px
}
.room-list .room-item .room-name {
	height:30px;
	line-height:30px;
	border-radius:15px;
	background-color:rgba(0,0,0,0.4);
	font-size:14px;
	color:#fff;
	position:absolute;
	left:10px;
	bottom:10px;
	width:auto;
	padding-left:15px;
	padding-right:15px
}
.room-list .room-more {
	display:block;
	width:360px;
	height:32px;
	line-height:32px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:12px;
	color:#666;
	border-radius:4px;
	border:solid 1px #ccc
}
.room-list .room-more:hover {
	color:#18aaf2;
	border:1px solid #18aaf2;
	transition:background .2s linear
}
.room-list .room-more:active {
	color:#148fcc;
	border:1px solid #148fcc;
	transition:background .2s linear
}
.category-container {
	width:60%;
	height:95px;
	margin-left:20%;
	margin-right:20%;
	position:absolute;
	bottom:10px;
	overflow:hidden;
	z-index:999999
}
.category-list {
	height:100%;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center
}
.category-list .category {
	height:36px;
	line-height:36px;
	border-radius:4px;
	background-color:rgba(0,0,0,0.2);
	font-size:12px;
	color:#b2b2b2;
	padding-left:15px;
	padding-right:15px;
	border:solid 1px #474747;
	width:auto;
	margin-left:10px;
	margin-top:10px;
	display:inline-block;
	cursor:pointer
}
.category-list .category-active {
	color:#18aaf2;
	border:solid 1px #18aaf2
}
.VR-animation {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	background:rgba(0,0,0,0.2);
	filter:alpha(opacity=20);
	cursor:pointer;
	border-radius:4px;
	width:100%;
	height:100%
}
.VR-animation .vr-gif {
	position:absolute;
	top:170px;
	left:50%;
	width:116px;
	height:69px;
	z-index:3;
	opacity:1;
	transform:translateX(-50%)
}
.VR-animation .vr-logo {
	position:absolute;
	top:170px;
	left:50%;
	width:74px;
	height:38px;
	z-index:3;
	transform:translateX(-56%);
	animation:move 1.8s linear infinite
}
@keyframes vr-animation {
	35% {
	opacity:.3
}
70% {
	opacity:1
}
100% {
	opacity:1
}
}