@charset "UTF-8";

#borough_photo li{position:relative;}
#borough_photo li span{position:absolute;top:0;right:0;background-color: #f33;color:#fff;padding:5px 10px;}
#tejiafang li{position:relative;}
#tejiafang .ss{position:absolute;top:0;right:0;background-color: #f33;color:#fff;padding:5px 10px;}

#tejiafang .tejia-line{
	height:30px;
	line-height:30px;
	font-size:14px;
}
#tejiafang .sheng{
	position: absolute;
border: none;
background-color: #e4393c;
color: #fff;
border-radius: 5px;
padding: 5px 10px;
font-size: 12px;
bottom: 0px;
right: 0;
}
#tejiafang img{
	height:200px;
}
#tejiafang .backName{
    position: absolute;
    border: none;
    background-color: #39ac6a;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    bottom: 32px;
    right: 0;
}
.xgzx{width:35%;}
.xgzx div{padding:0 20px;}
.xgzx div ul li{overflow:hidden;height:20px;line-height:20px;white-space: nowrap;text-overflow: ellipsis;}
.xgzx div ul li strong{border:1px solid #ccc;color:#ccc;display:inline-block;width:20px;height:20px;text-align:center;}

.content>.panel h3,.panel h1 {
    color: #333
}

.housing s,.lp-rank:hover,.lp-secnav a:hover {
    text-decoration: none
}

.deal-list li,.info-box .detail-item,.mp-form-control .optgroup li {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

::selection {
    background-color: rgba(13,173,81,.2);
    color: #333
}

::-moz-selection {
    background-color: rgba(13,173,81,.2);
    color: #333
}

::-webkit-selection {
    background-color: rgba(13,173,81,.2);
    color: #333
}

.content {
    width: 1200px;
    margin: 0 auto
}

.intro,.intro .container {
    background: 0 0
}

.link-box {
    background-color: #f9f9f9
}

.global-wrap {
    width: 100%;
    background-color: #f1f1f1
}

.global-wrap .panel {
    padding: 29px 0 36px;
    margin-bottom: 15px
}

.panel-last {
    margin-bottom: 0
}

.panel h1 {
    font-size: 22px;
    margin-bottom: 8px
}

.panel h1 .more {
    display: inline-block;
    color: gray;
    font-size: 13px;
    float: right;
    margin-top: 10px
}

.panel h2 {
    color: #333;
    font-size: 20px
}

.panel h3 {
    color: #999;
    font-size: 12px
}

.panel-b {
    padding-bottom: 12px
}

.panel .null_tip {
    text-align: center;
    color: #999;
    font-size: 18px;
    font-family: microsoft yahei;
    height: 100px;
    line-height: 100px
}

.no-border {
    border-top: 0!important;
    border-bottom: 0!important;
    border-left: 0!important;
    border-right: 0!important
}

.no-right-padding {
    padding-right: 0
}

@font-face {
    font-family:lianjiauserregular;src:url(../../font/lianjiauser-regular-webfont.eot);src:url(../../font/lianjiauser-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../../font/lianjiauser-regular-webfont.woff2) format("woff2"),url(../../font/lianjiauser-regular-webfont.woff) format("woff"),url(../../font/lianjiauser-regular-webfont.ttf) format("truetype"),url(../../font/lianjiauser-regular-webfont.svg#lianjiauserregular) format("svg");font-weight:400;font-style:normal
}

.lp-head {
    background: #fff
}

.lp-info {
    padding: 25px 20px 25px 30px;
    font-family: Arial,"Microsoft YaHei","Hiragino Sans GB",STHeiti,SimSun;
    overflow: hidden
}

.lp-info h1 {
    float: left;
    font-size: 28px;
    font-weight: 700\9;
    line-height: 42px
}

.lp-tag-status {
    float: left;
    overflow: hidden;
    background: url(../images/house/view/viewindex-icons-12.png) no-repeat;
    width: 48px;
    height: 25px;
    line-height: 25px;
    padding-left: 6px;
    text-align: center;
    color: #fff;
    margin: 7px 0 0 7px;
    font-size: 14px
}

.lp-tag-status-qi,.lp-tag-status-xian {
    width: 76px;
    background-position: 0 -275px
}

.lp-tag-status-dai {
    background-position: -92px -275px
}

.lp-tag-status-qing {
    background-position: -158px -275px
}

.lp-tag-status-wei {
    background-position: -237px -275px
}

.lp-rank {
    color: #333;
    font-size: 14px;
    height: 30px;
    vertical-align: 4px
}

.lp-rank-spe {
    float: left;
    margin: 5px 0 0 20px;
    padding-left: 20px;
    border-left: 1px solid #e6e6e6;
    line-height: 30px
}

.lp-rank-fl {
    float: left;
    padding-top: 4px;
    margin-left: 5px
}

.lp-rank .lp-icons-rank {
    width: 18px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -3px;
    background: url(../images/house/view/viewindex-icons-12.png) -316px -292px no-repeat
}

.lp-rank:hover .lp-icons-rank {
    background-position: -350px -292px
}

.lp-rank span {
    color: #999;
    padding-left: 12px
}

.lp-rank em {
    color: #F60;
    font-size: 20px;
    padding: 0 3px
}

.lp-rank:hover span {
    color: #F60
}

.lp-tel {
    font-size: 14px;
    padding-top: 6px;
    font-weight: 700\9;
    line-height: 29px
}

.lp-tel-spe {
    padding-top: 4px
}

.lp-tel .gray {
    color: #999
}

.lp-tel .lp-icons-tel {
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    background: url(../images/house/view/viewindex-icons-12.png) 0 -120px no-repeat;
    width: 15px;
    height: 19px;
    vertical-align: -4px
}

.lp-tel em {
    font-size: 20px;
    font-weight: 700;
    font-family: arial;
    color: #ff5854;
    vertical-align: -1px
}

.lp-navtabs-warp {
    border-bottom: 3px solid #1273e1;
    height: 39px;
    line-height: 39px;
    font-family: Arial,"Microsoft YaHei","Hiragino Sans GB",STHeiti,SimSun;
    font-size: 16px;
    font-weight: 700\9
}

.lp-navtabs li {
    float: left;
    display: inline;
    margin-right: 5px
}

.lp-navtabs li a {
    display: block;
    padding: 0 19px 0 20px
}

.lp-navtabs li .item-focus,.lp-navtabs li a:hover {
    background: #1273e1;
    color: #fff;
    text-decoration: none
}

.lp-navtabs .ugc-item {
    position: relative
}

.lp-navtabs .ugc-item .new-sign-icon {
    position: absolute;
    width: 47px;
    height: 31px;
    top: -7px;
    left: 58px;
    background: url(http://pages.aifcdn.com/img/house/ugc/ugc-icons-3.png) 0 -70px no-repeat
}

.lp-secnav-box {
    background: #d9d9d9;
    height: 41px
}

.lp-secnav {
    background: #f9f9f9;
    margin: 0 1px;
    font-family: Simsun;
    font-size: 0;
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.lp-secnav a {
    color: #666;
    margin: 0 20px;
    font-size: 14px
}

.lp-secnav a:hover {
    color: #62ab00
}

.lp-secnav .focus {
    color: #62ab00;
    font-weight: 700
}

.lp-secnav .line {
    margin: 0
}

.hphone-fixed {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 50px;
    background: #1273e1;
    line-height: 50px;
    font-size: 18px;
    color: #fff
}

.hphone-fixed a {
    color: #fff
}

.hphone-fixed .lp-name {
    display: inline-block;
    font-size: 20px;
    font-weight: 500
}

.hphone-fixed .lp-addr {
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    margin-left: 20px
}

.hphone-fixed .right {
    float: right;
    height: 50px;
    color: #fff;
    padding-left: 35px;
    background: url(../image/newhouse/modal-bg.png) 0 -230px no-repeat
}

.top-panel {
    padding: 0
}

.album-box {
    position: relative;
    width: 454px;
    width: 630px;
    padding: 36px;
    font-size: 0
}

.album-box .big-img {
    float: left;
    position: relative;
    display: inline-block;
    width: 500px;
    height: 390px
}

.album-box .big-img .all-img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 12px;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    filter: alpha(opacity=60);
    font-size: 12px
}

.album-box .smart-img {
    float: left;
    width: 120px;
    margin-left: 10px;
    overflow: hidden
}

.album-box .smart-img li {
    position: relative;
    width: 120px;
    height: 90px;
    margin-bottom: 10px
}

.album-box .smart-img .lastli {
    margin-right: 0
}

.album-box .smart-img li a {
    display: block;
    width: 120px;
    height: 90px
}

.h-tags span,.housing s,.info-box .need-max,.info-box h2 span {
    display: inline-block
}

.album-box .smart-img li .img-mask,.album-box .smart-img li .img-name {
    position: absolute;
    height: 30px;
    width: 100%;
    bottom: 0;
    line-height: 30px;
    visibility: middle;
    font-size: 14px;
    color: #fff;
    text-align: center;
    left: 0
}

.hou_btn,.info-box h2,.pr {
    position: relative
}

.album-box .smart-img li .img-mask {
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=20)
}

.album-box img {
    width: 100%;
    height: 100%
}

.h-tags span {
    margin-right: 5px;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    vertical-align: middle;
    padding: 0 5px
}

.h-tags .pop {
    color: #9971b5;
    border: 1px solid #9971b5
}

.h-tags .villa {
    color: #43a2a9;
    border: 1px solid #43a2a9
}

.h-tags .q70 {
    color: #ec85af;
    border: 1px solid #ec85af
}

.h-tags .limit {
    color: #38a1e2;
    border: 1px solid #38a1e2
}

.h-tags .loft {
    color: #c48f3b;
    border: 1px solid #c48f3b
}

.info-box {
    width: 460px;
    margin-bottom: 36px;
    margin-top: 36px;
    margin-right: 36px
}

.info-box .info-txt {
    height: 309px;
    width: 440px
}

.info-box h2 {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    top: -7px
}

.info-box h2 span {
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    height: 27px;
    line-height: 27px;
    font-weight: 400
}

.info-box h2 .icon-hui-txt {
    color: #fff;
    width: 27px;
    height: 27px;
    background-color: #ff6d00;
    margin-left: 11px;
    font-size: 12px
}

.info-box h2 .hui-txt {
    color: #ee542f;
    background-color: #fcf1ee;
    padding: 0 5px
}

.info-box .h-tags {
    padding: 3px 0 22px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 12px
}

.info-box .detail-item {
    width: 100%;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    color: #555;
    vertical-align: bottom;
    overflow: hidden
}

.info-box .detail-item-first {
    margin-bottom: 8px
}

.info-box .detail-price-new {
    margin-bottom: 7px
}

.info-box .love-money {
    font-size: 30px;
    color: #ff5854;
    font-weight: 700;
    font-family: georgia,price;
    margin-right: 3px
}

.info-box .fist-pay {
    color: #ff6d00;
    font-size: 14px;
    margin-left: 53px
}

.info-box i {
    margin: 0 5px
}

.info-box .action {
    color: #bbb;
    font-size: 14px;
    margin-left: 10px
}

.info-box .address-floor {
    float: left
}

.info-box .need-max {
    max-width: 295px;
    overflow: hidden;
    word-wrap: break-word;
    height: 25px;
    float: left
}

.ml05 {
    margin-left: 5px
}

.housing {
    height: 78px;
    margin: 10px 30px 7px 0;
    border-bottom: 1px dashed #e5e5e5;
    border-top: 1px dashed #e5e5e5;
    background: #fff2e9
}

.housing p {
    height: 14px;
    line-height: 14px;
    padding: 12px 0 15px 8px
}

.housing p span {
    font-weight: 700
}

.housing .hou_inf {
    margin: 0 0 9px 87px;
    zoom: 1
}

.housing .hou_inf .inf_time {
    height: auto;
    overflow: hidden;
    margin-right: 5px
}

.housing .hou_inf p {
    height: 22px;
    line-height: 22px;
    color: #999;
    margin: 0 15px 0 0;
    padding: 0
}

#but01,#but02,#show_mes,.hou_btn,.housing s,.topTip {
    color: #fff;
    text-align: center
}

.housing s {
    padding: 0 3px;
    width: 14px;
    height: 22px;
    background: #4f4242;
    border-radius: 3px;
    line-height: 22px;
    font-size: 14px;
    margin-right: 2px
}

.housing s.end {
    width: 90px;
    overflow: hidden;
    background: #777
}

.rbox4 {
    border-radius: 4px
}

.hou_btn {
    width: 77px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    background: #f33;
    display: block;
    text-decoration: none!important;
    top: -1px;
    overflow: hidden;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.detail-content .content-con a:hover,.detail-content .page-box-comments a.on,.hj-btn,.map-indicator a:hover,.mapLayer .actClose,.nature:hover {
    text-decoration: none
}

.ico_tel,.ico_user {
    background: url(../images/user/sprite_user.png) -113px 0 no-repeat
}

.ico_user {
    background-position: -133px 0
}

.alert_bg {
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 1000px;
    left: 0;
    top: 0;
    opacity: .4;
    z-index: 998;
    display: none
}

#but_div,#show_mes {
    background-color: #42474c
}

#alert_box {
    width: 250px;
    border: 1px solid #2a2c30;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
    margin-left: -127px;
    margin-top: -50px;
    background-color: #595d61;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px #c9cbcc;
    box-shadow: 0 0 3px #c9cbcc;
    padding: 1px
}

#show_mes {
    line-height: 20px;
    padding: 10px
}

#but_div {
    display: -webkit-box;
    height: 40px;
    border-top: 1px solid #595d61
}

#but01,#but02 {
    width: 125px;
    height: 40px;
    line-height: 40px
}

#but01 {
    border-right: 1px solid #595d61
}

#but_div .but_hover {
    background-color: #545f69
}

.topTip.down {
    -webkit-transform: translateY(46px);
    -ms-transform: translateY(46px);
    transform: translateY(46px)
}

.topTip {
    z-index: 1000;
    width: 94%;
    background: rgba(0,0,0,.6);
    line-height: 45px;
    position: fixed;
    top: -46px;
    height: 46px;
    left: 3%;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-transition: all .5s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    border-radius: 0 0 5px 5px;
    font-size: 14px
}

.topTip:before,div.spinner {
    position: relative;
    display: inline-block
}

.topTip:before {
    content: '!';
    border: 1px solid #fff;
    color: #4c4c4c;
    border-radius: 10px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    line-height: 14px;
    margin-right: 8px;
    font-size: 12px;
    top: -1px;
    background-color: #fff
}

@-webkit-keyframes fade {
    from {
        opacity: 1
    }

    to {
        opacity: .1
    }
}

div.spinner {
    margin-left: 30%;
    margin-top: 15%;
    width: 21px;
    height: 28px;
    -webkit-box-shadow: inset 0 0 0 0 transparent;
    box-shadow: inset 0 0 0 0 transparent
}

div.spinner div {
    width: 20%;
    height: 40%;
    background: #FDF6F6;
    position: absolute;
    left: 100%;
    top: 100%;
    opacity: 0;
    -webkit-animation: fade 1s ease-in infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-border-radius: 30px
}

div.spinner div.bar1 {
    -webkit-transform: rotate(0) translate(0,-140%);
    -webkit-animation-delay: 0s
}

div.spinner div.bar2 {
    -webkit-transform: rotate(30deg) translate(0,-140%);
    -webkit-animation-delay: -.9167s
}

div.spinner div.bar3 {
    -webkit-transform: rotate(60deg) translate(0,-140%);
    -webkit-animation-delay: -.833s
}

div.spinner div.bar4 {
    -webkit-transform: rotate(90deg) translate(0,-140%);
    -webkit-animation-delay: -.75s
}

div.spinner div.bar5 {
    -webkit-transform: rotate(120deg) translate(0,-140%);
    -webkit-animation-delay: -.667s
}

div.spinner div.bar6 {
    -webkit-transform: rotate(150deg) translate(0,-140%);
    -webkit-animation-delay: -.5833s
}

div.spinner div.bar7 {
    -webkit-transform: rotate(180deg) translate(0,-140%);
    -webkit-animation-delay: -.5s
}

div.spinner div.bar8 {
    -webkit-transform: rotate(210deg) translate(0,-140%);
    -webkit-animation-delay: -.41667s
}

div.spinner div.bar9 {
    -webkit-transform: rotate(240deg) translate(0,-140%);
    -webkit-animation-delay: -.333s
}

div.spinner div.bar10 {
    -webkit-transform: rotate(270deg) translate(0,-140%);
    -webkit-animation-delay: -.25s
}

div.spinner div.bar11 {
    -webkit-transform: rotate(300deg) translate(0,-140%);
    -webkit-animation-delay: -.1667s
}

div.spinner div.bar12 {
    -webkit-transform: rotate(330deg) translate(0,-140%);
    -webkit-animation-delay: -.0833s
}

.mainSpinner {
    width: 33%;
    height: 125px;
    background: #000;
    border-radius: 10px;
    opacity: .65
}

.loading {
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
    color: #fff
}

.mainshadow {
    -webkit-box-pack: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9993;
    background: rgba(0,0,0,.498039)
}

.lineDate {
    position: relative;
    border: 1px solid #eaeaeb;
    -webkit-box-shadow: 0 2px #f5f5f5;
    box-shadow: 0 2px #f5f5f5;
    margin: 10px 30px;
    padding: 15px 10px
}

.lineDate .arrowIco {
    position: absolute;
    left: 75px;
    top: -9px;
    background: url(../images/ico_change.png) -22px -205px no-repeat;
    width: 10px;
    height: 9px;
    z-index: 9
}

.lineDate .arrowIco1 {
    left: 75px
}

.lineDate .arrowIco2 {
    left: 195px
}

.lineDate .arrowIco3 {
    left: 315px
}

.lineDate .arrowIco4 {
    left: 435px
}

.lineDate .lineTitle {
    cursor: pointer;
    font-size: 16px;
    color: #666
}

.lineDate .lineTitle .carIco {
    display: inline-block;
    width: 17px;
    height: 10px;
    background: url(../images/ico_change.png) 0 -205px no-repeat;
    margin-right: 5px
}

.lineDate .lineTitle .redF01 {
    color: #ff5854;
    font-family: Arial
}

.lineDate .lineDateList {
    margin-top: 20px
}

.lineDate .lineDateList li {
    float: left;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #999;
    width: 75px
}

.lineDate .lineDateList .wenzi {
    display: inline-block;
    width: 75px;
    height: 18px;
    overflow: hidden
}

.lineDate .lineDateList .div_line {
    width: 100%;
    height: 5px;
    line-height: 0;
    font-size: 0;
    margin-bottom: 10px
}

.lineDate .lineDateList .w_line {
    width: 100%;
    height: 5px;
    background: #e0e0e0;
    display: block
}

.lineDate .lineDateList .circle {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/ico_change.png) -35px -205px no-repeat;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -6px
}

.lineDate .lineDateList .startLi .w_line {
    width: 50%;
    float: right
}

.lineDate .lineDateList .endLi .w_line {
    width: 50%;
    float: left
}

.lp-dailog-form .from {
    width: 362px;
    margin: 0 auto
}

.lp-dailog-form li {
    position: relative
}

.lp-dailog-form li label {
    width: 18px;
    height: 19px;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 15px
}

.lp-dailog-form .dingyue-class {
    width: 500px;
    height: 20px;
    text-align: center;
    margin: 0 auto 20px;
    background: #f2f2f2;
    padding: 20px 0
}

.info-box .phone-con {
    margin-top: 29px;
    color: #fff;
    margin-right: 30px;
    background: url(../images/ico_tel.png)
}

.info-box .phone-con div {
    border-radius: 2px;
    height: 77px;
    background-color: #f33;
    overflow: hidden;
    text-align: center;
    font-weight: 700;
    font-family: tahoma;
    vertical-align: middle
}

.info-box .phone-con div span {
    vertical-align: middle;
    font-size: 30px;
    display: inline-block;
    line-height: 77px
}

.info-box .phone-con div .phone-icon {
    width: 77px;
    background-color: #c25d3e;
    font-size: 70px;
    font-family: lianjiauserregular;
    vertical-align: bottom;
    margin-right: 18px;
    text-align: center;
    font-weight: lighter;
    display: block;
    float: left;
    position: relative;
    height: 77px
}

.info-box .phone-con div .phone-icon i {
    display: inline;
    position: absolute;
    bottom: -8px;
    left: 3px
}

.info-box .phone-con div .zhuan {
    font-size: 16px;
    font-weight: 400;
    vertical-align: bottom;
    margin: 0 5px
}

.panel-tab,.y-tip {
    margin-bottom: 15px
}

.y-tip {
    font-size: 14px;
    color: #ad5925;
    background-color: #fffde6;
    line-height: 26px;
    padding-bottom: 27px;
    padding-top: 32px
}

.info-box .info-txt2 {
    width: 440px;
    height: 195px
}

.mod-wrap h2 {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 26px;
    display: block;
    margin-top: -5px
}

.mod-details .mod-details-line {
    width: 1000px;
    height: 1px;
    background-color: #e4e4e4;
    position: absolute;
    left: 0
}

.panel-tab {
    width: 100%;
    background: #FFF\9;
    background: rgba(255,255,255,.9);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    height: 55px;
    font-size: 16px;
    color: #555;
    position: relative
}

.panel-tab ul {
    position: relative;
    z-index: 2
}

.panel-tab li {
    float: left;
    height: 100%;
    line-height: 55px;
    visibility: middle;
    text-align: center;
    width: 142px;
    position: relative;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.panel-tab li a {
    color: #555;
    display: inline-block;
    height: 55px;
    width: 142px
}

.panel-tab .panel-bg {
    position: absolute;
    width: 142px;
    height: 55px;
    background-color: #1273e1;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: left .3s linear;
    -o-transition: left .3s linear;
    transition: left .3s linear
}

.panel-tab .panel-bg span {
    color: #1273e1;
    position: absolute;
    bottom: -12px;
    font-size: 12px;
    left: 45%
}

.panel-tab .on a {
    color: #fff
}

.panel-tab .contact {
    width: auto;
    float: right
}

.panel-tab #booking_btn {
    width: 128px;
    height: 34px;
    float: right;
    margin-top: 10px;
    margin-right: 30px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #98baec;
    border-radius: 5px;
    cursor: pointer;
    color: #4383de;
    background: #edf6ff
}

#bookingForm .error {
    color: #ff5854
}

.panel-tab .float-contact-e strong {
    font-family: georgia,price;
    max-width: 240px;
    color: #ff5854;
    padding-left: 20px
}

.house-type-list ul {
    border-bottom: 1px dashed #dadada;
    padding: 23px 0
}

.house-type-list ul li {
    float: left;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    visibility: middle;
    color: #333
}

.house-type-list ul img {
    cursor: pointer
}

.house-type-list ul .h-1 {
    width: 67px;
    padding-right: 22px
}

.house-type-list ul .h-1 img {
    width: 100%;
    height: 100%
}

.house-type-list ul .h-2 {
    width: 270px;
    width: 350px;
    line-height: 14px
}

.house-type-list ul .h-2 .h-type {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px
}

.house-type-list ul .h-2 .h-pri {
    color: #0dad51;
    margin-top: 12px
}

.house-type-list ul .h-3 {
    width: 145px;
    width: 200px;
    color: #333
}

.house-type-list ul .h-4 {
    width: 150px;
    width: 200px;
    color: #ff5854
}

.house-type-list ul .h-5 {
    width: 150px
}

.house-type-list ul .h-6 {
    width: 122px
}

.house-type-list ul .no-pri {
    line-height: 40px
}

.house-type-list ul .chak {
    display: inline-block;
    height: 32px;
    width: 60px;
    margin-top: 2px;
    float: right;
    background: #ff5854;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    margin-left: 10px;
    border-radius: 2px;
    cursor: pointer;
    box-shadow: 0 -1px 0 #f33 inset;
    -webkit-box-shadow: 0 -1px 0 #f33 inset;
    -moz-box-shadow: 0 -1px 0 #f33 inset;
    -o-box-shadow: 0 -1px 0 #f33 inset;
    -ms-box-shadow: 0 -1px 0 #f33 inset
}

.house-type-list .lastul {
    border-bottom-style: solid
}

.house-type-list .shuoming {
    margin-top: 15px;
    font-size: 12px;
    color: #999
}

.mod-details .box-loupan {
    margin-top: 30px;
    margin-left: 10px
}

.desc-p {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 0
}

.desc-p .label,.desc-p label {
    display: inline-block;
    width: 100px;
    font-weight: 700;
    color: #333;
    vertical-align: top;
    float: left
}

.desc-p .label-val,.desc-p span {
    display: block;
    color: #888;
    margin-left: 100px
}

.desc-p span a {
    color: #888
}

.around-list,.deal-list,.table-list {
    overflow: hidden
}

.table-list .desc-p {
    line-height: 20px;
    padding: 7px 0
}

.table-list li {
    float: left;
    width: 50%
}

.table-list .odd .desc-p {
    margin-right: 28px;
    line-height: 20px
}

.table-list .even .desc-p {
    margin-left: 28px;
    line-height: 20px
}

.table-list .no-border {
    border-bottom: 0
}

.deal-list {
    border-top: 1px dashed #dadada;
    font-size: 14px;
    color: #333
}

.deal-list li {
    float: left;
    width: 20%;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    overflow: hidden
}

.deal-list li a {
    color: #1688be
}

.deal-list .deal-name {
    color: #ff6d00;
    font-size: 16px;
    font-weight: 700
}

.deal-list .deal-name a {
    color: #ff6d00
}

.deal-list .imp-color span {
    font-weight: bolder
}

.deal-list .trenddown {
    color: #009a2c
}

.deal-list .trendup {
    color: #ff6d00
}

.deal-list .other-msg {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle
}

.deal-list .small-grey {
    font-size: 12px;
    color: #999;
    margin-top: 8px
}

.detail-content #pager {
    text-align: center
}

.detail-content .page-box-comments .unclick {
    display: none
}

.detail-content .page-box-comments a {
    height: 30px;
    padding: 0 12px;
    margin-left: 5px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #b0b4b9;
    overflow: hidden;
    font-size: 12px;
    font-weight: 700;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #555;
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.detail-content .page-box-comments a.on {
    font-size: 14px;
    font-weight: 700;
    cursor: default;
    background: #f5f5f5
}

.detail-content .page-box-comments span {
    font-size: 16px;
    margin: 0 8px 0 13px
}

.detail-content .page-box-comments .blue-btn {
    background: url(img/btn-bg.png) 0 -60px repeat-x #1f6bdf;
    border-color: #1f66c3;
    color: #fff;
    width: auto;
    padding: 0 30px
}

.detail-content .page-box-comments .blue-btn:hover {
    background-position: 0 -90px;
    text-decoration: none
}

.detail-content .the-owner-said {
    padding: 40px 35px 40px 40px;
    background-color: #f6fcf8;
    border-bottom: 5px solid #deede5;
    color: #7a9d89;
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 40px;
    clear: both
}

.detail-content .the-owner-said .text-comment span,.detail-content .the-owner-said .text-comment-all span {
    color: #4e6658;
    cursor: pointer;
    font-weight: 700
}

.detail-content .the-owner-said .owner-name {
    background: url(img/new-version/detail.png) -485px -10px no-repeat;
    width: 106px;
    height: 33px
}

.detail-content .the-owner-said .text-comment {
    margin: 20px 0
}

.detail-content .the-owner-said .text-comment-all {
    margin: 20px 0;
    display: none
}

.detail-content .the-owner-said .owner-time {
    font-size: 12px
}

.detail-content .the-owner-said .owner-more {
    color: #39ac6a;
    cursor: pointer
}

.detail-content .items {
    padding-bottom: 30px
}

.detail-content .null_tip {
    text-align: center;
    color: #999;
    font-size: 18px;
    font-family: microsoft yahei;
    height: 100px;
    line-height: 100px
}

.detail-content .last {
    border-bottom: 0
}

.detail-content .view-repeat h1 {
    font-size: 22px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b\4f53",SimSun,sans-serif;
    padding-bottom: 6px
}

.detail-content .content-con li {
    width: 175px;
    overflow: hidden;
    display: inline-block;
    margin: 0 30px 0 0
}

.detail-content .content-con li p {
    font-size: 12px;
    color: #888;
    width: 100%
}

.detail-content .content-con li p.description {
    color: #555;
    margin-bottom: 4px;
    line-height: 19px;
    height: 35px
}

.detail-content .content-con li p.ddl {
    height: 35px;
    line-height: 35px
}

.detail-content .content-con li .g-img {
    width: 175px;
    height: 133px;
    margin-bottom: 10px
}

.detail-content .content-con li .price {
    font-size: 20px;
    color: #ff6d00;
    position: relative;
    top: -2px;
    margin-right: 3px;
    font-weight: 700;
    font-family: Arial
}

.detail-content .content h2,.detail-content .people h3,.detail-content .title {
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,Tahoma,"宋体b8b\4f53",SimSun,sans-serif
}

.detail-content .content-con li.last {
    margin-right: 0
}

.detail-content .title {
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
    padding-bottom: 8px;
    position: relative
}

.detail-content .title h3 {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.detail-content .title span {
    color: #888;
    position: absolute;
    bottom: 8px;
    right: 0
}

.detail-content .people {
    width: 220px;
    float: left;
    margin-right: 30px
}

.detail-content .content {
    width: 740px;
    width: 630px
}

.detail-content .contactted {
    width: 200px;
    margin-top: 20px
}

.detail-content .content h2 {
    font-size: 20px;
    margin-bottom: 6px;
    color: #333
}

.detail-content .content .time {
    font-size: 11px;
    color: #888;
    margin-bottom: 14px
}

.detail-content .content .text-comment span,.detail-content .content .text-comment-all span {
    color: #39ac6a;
    cursor: pointer
}

.detail-content .content .text-comment {
    line-height: 28px;
    overflow: hidden
}

.detail-content .content .text-comment-all {
    display: none;
    line-height: 28px;
    overflow: hidden
}

.detail-content .contactted .method {
    text-align: left;
    color: #999;
    clear: both;
    padding-top: 6.7px
}

.detail-content .people h3 {
    font-weight: 700;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
    padding-bottom: 7px;
    color: #333
}

.detail-content .people .agent-info {
    margin-bottom: 10px
}

.detail-content .people .agent-info .agent-del {
    width: 90px;
    height: 93px;
    margin-right: 20px
}

.detail-content .people .agent-info .agent-del img {
    width: 90px;
    height: 90px
}

.detail-content .people .agent-info .p-del {
    line-height: 25px
}

.detail-content .people .agent-info .p-del a {
    color: #333
}

.detail-content .people .agent-info .p-del .name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.detail-content .people .agent-info .p-del .qq {
    margin-bottom: 5px
}

.detail-content .people .agent-info .p-del p {
    font-size: 12px
}

.detail-content .people .agent-info .p-del p span {
    color: #888
}

.detail-content .people .agent-info .p-del p .bold {
    font-weight: 700;
    color: #000
}

.detail-content .people .contactted {
    font-size: 20px;
    color: #0ca84c;
    font-family: Arial;
    font-weight: 700;
    margin-top: 20px
}

.detail-content .items {
    border-bottom: 1px dashed #dadada;
    padding-top: 35px;
    margin-bottom: 0;
    overflow: hidden
}

.detail-content .show_more {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    margin-top: 20px
}

.detail-content .items h2 {
    margin-bottom: 0
}

.detail-content .content .text-comment,.detail-content .content .text-comment-all {
    font-size: 14px;
    color: #555
}

.detail-content .see-all-comments {
    margin-left: 5px
}

.detail-content .loading {
    background: url(../../img/new-version/loading.gif) no-repeat;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    display: none
}

.label-table {
    font-size: 14px;
    line-height: 30px;
    min-height: 30px;
    height: auto
}

.label-table .label {
    min-width: 72px;
    float: left;
    display: inline-block;
    color: #333;
    font-weight: 700
}

.label-table .label-val {
    margin-left: 72px;
    color: #888;
    display: block
}

.map-box {
    width: 100%;
    background-color: #fff;
    margin: 20px 0;
    height: 300px
}

.col-height1 {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative
}

.col-height1 .col-height2,.col-height1 .col-height2 .col-height3 {
    float: left;
    position: relative;
    left: 33.333%;
    width: 100%;
    border-left: 1px solid #ededed
}

.col-height1 .col1 {
    float: left;
    width: 33.3333%;
    position: relative;
    overflow: hidden;
    left: -67%
}

.col-height1 .col2,.col-height1 .col3 {
    position: relative;
    left: -66.6666%;
    overflow: hidden;
    float: left
}

.col-height1 .col2 {
    width: 33.3333%
}

.col-height1 .col3 {
    width: 33%
}

.col-height1 .pl div {
    padding-left: 30px
}

.around-list {
    border-top: 1px solid #dadada;
    padding: 30px 0
}

.around-list p {
    font-size: 12px;
    color: #999;
    line-height: 21px
}

.around-list p:hover {
    color: #333
}

.around-list h1 {
    font-size: 18px;
    color: #333
}

.page-box {
    text-align: center;
    margin-top: 15px
}

.mod-new ul,.mod-photo ul {
    margin-top: 20px
}

.img-view-layer {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    padding: 1px;
    position: absolute;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s
}

.img-view-layer .img-view {
    background-color: #f5f5f5;
    padding: 10px;
    max-width: 700px
}

.img-view-layer .img-view img {
    width: 100%;
    height: auto
}

.img-view-layer .arr-left {
    position: absolute;
    font-size: 20px;
    color: #f5f5f5;
    top: 50px;
    left: -12px
}

body,html {
    position: relative;
    width: 100%;
    height: 100%;
}

.mod-photo li {
    display: inline-block;
    float: left;
    width: 260px;
    height: 195px;
    margin-right: 20px
}

.mod-photo li img {
    width: 100%;
    height: 100%
}

.mod-new li {
    display: block;
    clear: both;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.mod-new li h3 {
    display: inline-block;
    float: left;
    max-width: 930px;
    font-size: 15px;
    line-height: 26px;
    color: #666
}

.mod-new li span {
    display: inline-block;
    float: right;
    width: 80px;
    font-size: 14px;
    color: gray
}

.map-item {
    height: 50px;
    white-space: nowrap;
    -moz-user-select: none;
    font-size: 14px;
    color: #009de8
}

.map-item a {
    color: inherit
}

.map-item-icon {
    background: url(../../img/newhouse/new-house-icon.png) 0 -97px no-repeat;
    width: 40px;
    height: 50px
}

.map-item-name,.mapLayer {
    position: absolute;
    background-color: #fff
}

.map-item-name {
    z-index: -1;
    height: 36px;
    line-height: 36px;
    top: 3px;
    left: 27px;
    vertical-align: middle;
    border-radius: 0 15px 15px 0;
    padding: 0 15px 0 17px;
    -webkit-box-shadow: 1px 1px #dbd8d2;
    box-shadow: 1px 1px #dbd8d2
}

.map-item-hover {
    color: #ff6d00
}

.map-item-hover .map-item-icon {
    background-position: 0 -47px
}

.mapLayer {
    position: fixed;
    width: 590px;
    height: 330px;
    padding: 20px
}

.mapLayer .actClose {
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 11px;
    height: 11px;
    color: #404040
}

.mapLayer h1 {
    color: #000;
    font-size: 1.5em
}

.mapLayer .layer-map {
    width: 100%;
    height: 300px
}

.map-indicator {
    height: 28px;
    line-height: 28px;
    font-family: 'Hiragino Sans GB','Microsoft YaHei',SimHei,Tahoma,SimSun,sans-serif;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e1e1e1
}

.map-indicator a {
    margin-right: 4px;
    padding: 5px 6px;
    color: #999
}

.map-indicator a.on {
    background-color: #39ac6a;
    color: #fff
}

.map_type_tab span {
    display: inline-block;
    font-size: 20px;
    color: #999;
    cursor: pointer;
    padding: 0 8px
}

.map_type_tab span.active {
    color: #333
}

#map_type_click_sj {
    position: relative;
    padding-right: 35px
}

#map_type_click_sj em {
    width: 34px;
    height: 21px;
    position: absolute;
    top: -5px;
    right: 0;
    float: left;
    background: url(../images/ico_change.png) -251px -30px no-repeat
}

.map-box {
    position: relative
}

.map-box .map-content {
    position: relative;
    width: 1130px;
    height: 400px
}

.map-box .env-list {
    position: absolute;
    top: 23px;
    bottom: 23px;
    right: 23px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.45);
    box-shadow: 0 0 7px rgba(0,0,0,.45);
    width: 245px;
    height: 360px;
    font-size: 12px;
    color: #333;
    font-family: "Hiragino Sans GB","Microsoft YaHei",SimHei,Tahoma,SimSun,sans-serif
}

.map-box .env-list a {
    display: none
}

.content .env-list h3,.map-box .env-list h3 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
    line-height: 39px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #568fe3
}

.map-box .env-list .result-list {
    height: 290px;
    overflow: auto
}

.hj-col-lg-13 {
    width: 500px
}

.hj-col-lg-9 {
    float: right;
    width: 580px
}

.month-pay {
    min-height: 507px;
    padding: 30px;
    border: 2px solid #f9f9f9;
    border-right: 1px dashed #ccc
}

.month-pay h4 {
    margin-bottom: 50px;
    font-size: 18px;
    color: #333;
    font-weight: 400
}

.mp-form-group {
    clear: both;
    height: 47px;
    margin-bottom: 20px
}

.mp-label {
    float: left;
    width: 86px;
    height: 47px;
    font-size: 16px;
    color: #666;
    line-height: 47px
}

.mp-form-control .optgroup li,.mp-select-mask {
    height: 45px;
    line-height: 45px;
    color: #333;
    font-size: 16px;
    overflow: hidden
}

.mp-form-control {
    position: relative;
    float: left
}

.mp-select-mask {
    width: 180px;
    padding: 0 30px 0 15px;
    border: 1px solid #ccc;
    background: url(../images/newhouse/mobile-icon.png) 200px -154px no-repeat;
    cursor: default
}

.mp-select-mask.active {
    border: 1px solid #DA5C4F;
    background: url(../image/mobile-icon.png) 200px -197px no-repeat
}

.mp-form-control .optgroup {
    display: none;
    position: absolute;
    left: 0;
    top: 47px;
    z-index: 4;
    width: 225px;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff
}

.hj-btn,.mp-input {
    display: inline-block
}

.mp-form-control .optgroup li {
    padding: 0 15px;
    border-top: 1px solid #ccc
}

#htype-dropdown,#percent-dropdown,#time-dropdown {
    height: 230px
}

.mp-input {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 5px
}

.mp-input-md,input[type=text].mp-input-md {
    width: 120px;
    height: 45px;
    font-size: 16px;
    color: #333
}

.hj-btn {
    border: none;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-family: "Microsoft YaHei","Heiti SC",Droidsansfallback,Helvetica,monospace,sans-serif,serif
}

.hj-btn-md {
    width: 130px;
    height: 46px;
    line-height: 46px;
    font-size: 16px
}

.hj-btn-red {
    background: #da5c4f
}

.referesult {
    position: relative;
    padding-bottom: 15px;
    margin-left: -10px;
    background: #F9F9F9
}

.referesult-title {
    padding-left: 20px;
    margin: 30px 0;
    font-size: 18px;
    color: #333;
    font-weight: 400
}

.referesult-title span {
    margin-left: 10px;
    font-size: 12px;
    color: #999
}

#pieChart {
    height: 380px
}

.referesult .total-price {
    position: absolute;
    z-index: -1;
    display: block;
    font-size: 16px;
    color: #333
}

.overlayBgl,.photoLayer {
    top: 0;
    z-index: 1000;
    left: 0
}

.referesult .total-price strong {
    display: block;
    margin-top: -10px;
    font-size: 56px;
    color: #da5c4f;
    font-weight: 400
}

.referesult .total-price strong span,.referesult ul li {
    font-size: 16px;
    color: #333
}

.referesult ul {
    margin-top: -20px;
    margin-left: 170px
}

.referesult ul li {
    line-height: 28px
}

.referesult ul li .square {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 10px
}

.referesult ul li .orange-square-std {
    background: #2EC7C9
}

.referesult ul li .purple-square {
    background: #FFB980
}

.referesult ul li .field {
    margin-right: 20px;
    color: #666
}

.referesult ul li i {
    color: #da5c4f
}

.youhui-b {
    width: 1200px;
    margin: 0 auto;
    height: 93px
}

.youhui {
    margin-bottom: 15px;
    background: url(../images/newhouse/detail/bg_youhui_1.png) -157px 0 repeat-x;
    overflow: hidden
}

.youhui .tip_tit {
    float: left;
    width: 157px;
    height: 76px;
    background: url(../images/newhouse/detail/bg_youhui.png) no-repeat
}

.youhui .tip-box {
    float: left;
    width: auto;
    height: 76px;
    display: block;
    background: url(../images/newhouse/detail/bg_youhui.png) -157px 0 repeat-x
}

.youhui .tip-btn {
    float: right;
    width: 200px;
    height: 76px;
    display: block;
    background: url(../images/newhouse/detail/bg_youhui_1.png) right 0 no-repeat
}

.youhui .get-youhui {
    width: 128px;
    height: 34px;
    float: right;
    margin-top: 23px;
    margin-right: 30px;
    background: #fede00;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    line-height: 34px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.youhui .tip-box .youhui-tip {
    margin-top: 23px;
    margin-right: 5px;
    display: inline-block;
    background: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer
}

.overlayBgl {
    width: 100%;
    height: 100%;
    /*background-color: #000;*/
    background-color: rgba(0,0,0,0.5);
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    display: none
}

.photoLayer {
    position: absolute;
    position: fixed;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.photoLayer .photo-con {
    width: 100%;
    height: 100%;
    position: relative
}

.photoLayer .photo-list {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0
}

.photoLayer .photo-list .photo-item-list {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    position: relative
}

.photoLayer .photo-list .photo-item {
    width: 100%;
    height: 100%;
    display: table;
    position: relative
}

.photoLayer .photo-list .photo-item .photo-img {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.photoLayer .photo-list .photo-item img {
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    max-width: 100%;
    max-height: 100%
}

.photoLayer .photo-list .photo-desc {
    position: absolute;
    /*bottom: 0;*/
    /*left: 0;*/
    width: 100%;
    height: 30px;
    /*background: #000;*/
    /*background: rgba(0,0,0,.5);*/
    font-size: 14px;
    color: #FFF;
    filter: "alpha(opacity=50)";
    text-align: center;
    line-height: 30px;
    vertical-align: middle
}

/* .photoLayer .photo-list .photo-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #000;
    background: rgba(0,0,0,.5);
    font-size: 14px;
    color: #FFF;
    filter: "alpha(opacity=50)";
    text-align: center;
    line-height: 30px;
    vertical-align: middle
} */

.roomList span{
    display:inline-block;
    padding:5px 10px;
    font-size:14px;
    cursor:pointer;
}

.roomList span:hover{color:#f00;}

.roomList .active{color:#f00;}

.photoLayer .btn-close,.photoLayer .btn-left,.photoLayer .btn-right {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50,50,50,.5);
    filter: alpha(opacity=50);
    z-index: 10;
    color: #ddd;
    font: 1em sans-serif;
    -webkit-transition: all background-color .4s ease ease;
    -o-transition: all background-color .4s ease ease;
    transition: all background-color .4s ease ease
}

.photoLayer .btn-left {
    left: 2%;
    top: 50%;
    margin-top: -20px
}

.photoLayer .btn-right {
    right: 2%;
    top: 50%;
    margin-top: -20px
}

.photoLayer .btn-close {
    top: 2%;
    right: 2%
}

.photo-round {
    height: 370px;
    width: 694px;
    float: left
}

.leftbtn,.rightbtn {
    height: 57px;
    width: 31px;
    position: fixed;
    bottom: 50%;
    z-index: 1001
}

.leftbtn {
    display: inline-block;
    display: none;
    background: url(../images/newhouse/detail/left.png?t=1);
    background: -webkit-image-set(url(../images/newhouse/detail/left.png?t=1) 1x,url(../images/newhouse/detail/left@2x.png?t=1) 2x);
    background-repeat: no-repeat;
    left: 65px
}

.rightbtn {
    display: inline-block;
    display: none;
    background: url(../images/newhouse/detail/right.png?t=1);
    background: -webkit-image-set(url(../images/newhouse/detail/right.png?t=1) 1x,url(../images/newhouse/detail/right@2x.png?t=1) 2x);
    background-repeat: no-repeat;
    right: 65px
}

.box {
    width: 694px;
    height: 440px;
    padding: 40px 0;
    border: 0 solid #000;
    position: relative
}

.frame-tip,.pic-info,.type-pic {
    border-radius: 2px
}

.frame-tip,.nature {
    font-size: 12px;
    position: absolute;
    display: inline-block
}

.frame-tip {
    z-index: 1001;
    padding-left: 5px;
    padding-right: 5px;
    height: 25px;
    font-weight: 700;
    color: #fff;
    background: #333;
    filter: alpha(opacity=80);
    opacity: .8;
    line-height: 22px;
    text-align: center;
    left: 10px;
    top: 10px
}

.nature {
    width: 50px;
    height: 20px;
    bottom: 26px;
    right: 30px;
    color: #666;
    cursor: pointer
}

.bigPic,.bigPic ul li {
    width: 390px;
    height: 370px
}

.bigPic {
    margin-bottom: 50px;
    overflow: hidden;
    margin-left: 155px;
    position: relative
}

.bigPic img {
    max-height: 100%;
    vertical-align: middle
}

.bigPic ul {
    position: absolute;
    left: 0;
    top: 0
}

.bigPic ul li {
    float: left;
    text-align: center;
    line-height: 370px
}

.smallPic {
    overflow: hidden;
    position: relative;
    margin-left: 50px;
    width: 630px;
    height: 100px
}

.smallPic img {
    width: 100%;
    height: 100%
}

.smallPic ul {
    position: absolute;
    top: 0
}

.panel .close,.type-pic {
    position: fixed;
    z-index: 1001
}

.smallPic ul li {
    float: left;
    margin-right: 30px;
    opacity: .5;
    filter: alpha(opacity=50);
    width: 75px;
    height: 75px
}

.smallPic ul li.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.panel .close {
    display: block;
    display: none;
    background-image: url(../images/newhouse/detail/hu-close.png?t=1);
    background-image: -webkit-image-set(url(../images/newhouse/detail/hu-close.png?t=1) 1x,url(../images/newhouse/detail/hu-close@2x.png?t=1) 2x);
    width: 33px;
    height: 33px;
    background-size: 33px 33px;
    overflow: hidden;
    right: 65px;
    top: 65px;
    cursor: pointer
}

.type-pic {
    width: 1000px;
    height: 520px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.photoLayer {
    width: 694px;
    height: 100%;
    float: left
}

.pic-info {
    width: 306px;
    height: 520px;
    background-color: #f5f5f5;
    float: right
}

.pic-info .p-info-box {
    width: 246px;
    height: 520px;
    margin-left: 30px;
    margin-right: 30px
}

.pic-info .p-info-box .p-title {
    margin-top: 25px;
    font-weight: 700;
    font-size: 26px
}

.pic-info .p-info-box .p-dtl {
    font-size: 12px;
    color: #b5b5b5;
    width: 246px;
    height: 176px
}

.pic-info .p-info-box .p-dtl li {
    width: 123px;
    float: left;
    margin-bottom: 8px
}

.pic-info .p-info-box .p-dtl li .nleft {
    color: #333;
    font-weight: 700
}

.pic-info .p-info-box .p-dtl .koleft {
    width: 245px
}

.pic-info .p-info-box .p-tips {
    margin-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    max-height: 23px
}

.pic-info .p-info-box .p-tips span {
    font-size: 12px;
    color: #fff;
    margin-right: 5px;
    height: 23px;
    vertical-align: middle;
    line-height: 23px;
    padding: 0 5px;
    float: left
}

.pic-info .p-info-box .p-tips .tag1 {
    background-color: #c5a9dd
}

.pic-info .p-info-box .p-tips .tag2 {
    background-color: #ecc896
}

.pic-info .p-info-box .p-tips .tag3 {
    background-color: #e0a0a0
}

.pic-info .p-info-box .p-tips .tag4 {
    background-color: #96cf95
}

.pic-info .p-info-box .p-line {
    width: 100%;
    height: 1px;
    margin: 0 auto 10px;
    padding: 0;
    background-color: #D5D5D5;
    overflow: hidden
}

.pic-info .p-info-box .p-note-b {
    width: 246px;
    height: 63px;
    margin-top: 22px
}

.pic-info .p-info-box .p-note {
    margin-top: 15px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fbfbfb;
    width: 246px;
    height: 64px;
    position: absolute
}

.pic-info .p-info-box .p-note #p-note-info {
    display: inline-block;
    height: 43px;
    width: 226px;
    background: #fbfbfb;
    margin-top: 10px;
    margin-left: 10px;
    border: 0;
    font-size: 12px;
    position: absolute
}

.pic-info .p-info-box .p-note .code-color {
    color: #999
}

.pic-info .p-info-box .pf-btn {
    height: 30px;
    width: 249px;
    position: absolute;
    bottom: 79px
}

.pic-info .p-info-box .pf-btn span {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin-bottom: 18px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fbfbfb;
    width: 110px;
    height: 30px;
    color: #000;
    position: relative;
    bottom: 0
}

.pic-info .p-info-box .pf-btn .duibi {
    float: left;
    font-size: 12px;
    cursor: pointer
}

.pic-info .p-info-box .pf-btn .quxiaoduibi {
    background: #e6e6e6
}

.pic-info .p-info-box .pf-btn .guanzhu {
    float: right;
    font-size: 12px;
    cursor: pointer
}

.pic-info .p-info-box .p-btn {
    height: 30px;
    width: 249px;
    position: absolute;
    bottom: 79px
}

.pic-info .p-info-box .p-btn span {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fbfbfb;
    width: 110px;
    height: 30px;
    position: relative;
    bottom: 0
}

.pic-info .p-info-box .p-btn .quxiao {
    float: left;
    cursor: pointer
}

.pic-info .p-info-box .p-btn .tianjia {
    float: right;
    color: #39ac6a;
    cursor: pointer
}

.pic-info .p-info-box .p-phone {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #f15044;
    width: 246px;
    height: 45px;
    position: absolute;
    bottom: 12px
}

.pic-info .p-info-box .t-phonetag {
    width: 302px;
    position: absolute;
    padding-top: 12px;
    bottom: 10px
}

.pic-info .p-info-box .t-phonetag .btn_phone_ll {
    display: inline-block;
    width: 249px;
    height: 40px;
    cursor: pointer;
    background: #f15044;
    border-radius: 2px
}

.pic-info .p-info-box .t-phonetag .btn_phone_ll span {
    display: inline-block;
    width: 192px;
    height: 40px;
    margin-top: 9px;
    margin-left: 73px;
    background: url(../images/newhouse/detail/btn_phone_B.png);
    background: -webkit-image-set(url(../images/newhouse/detail/btn_phone_B.png) 1x,url(../images/newhouse/detail/btn_phone_B@2x.png) 2x);
    background-repeat: no-repeat
}

.tuan-intro .tuan-main {
    width: 600px
}

.tuan-intro .bm-tag {
    display: inline-block;
    font-size: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 10px;
    padding: 8px;
    color: #ff5854;
    border: 2px solid #ff5854;
    border-radius: 3px
}

.tuan-intro .btn-lg {
    font-size: 18px;
    line-height: 44px;
    height: 44px;
    padding: 0 16px;
    background: #ff5854
}

.tuan-intro .fcg {
    margin-top: 10px
}

.pop-modal .bd {
    padding: 30px 0 32px
}

.pop-modal .pop-c li {
    color: #555;
    font-size: 14px;
    margin-top: 10px
}

.pop-modal .pop-c li input[type=text] {
    height: 45px;
    width: 300px;
    line-height: 45px;
    vertical-align: middle;
    border: 1px solid #e3e3e3;
    padding: 0 15px 0 45px;
    color: #999;
    font-size: 14px;
    background: #fff
}

.pop-modal .btn-submit {
    width: 100%;
    margin: 27px 0 30px
}

#reservePopbox ul {
    width: 362px;
    margin: 0 auto
}

#reservePopbox li {
    position: relative
}

#reservePopbox li label {
    width: 14px;
    height: 19px;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 15px
}

.xiaoquDetailHeader {
    background-color: #f5f5f6;
    padding: 26px 0;
    line-height: 1
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .detailHeader {
    float: left
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .DetailFollow {
    float: right
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .detailHeader .detailTitle {
    font-size: 32px;
    color: #394043;
    font-weight: 700
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .detailHeader .detailDesc {
    font-size: 14px;
    color: #a3a4a6;
    margin-top: 15px
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .DetailFollow .followBtn {
    background-color: #fff;
    line-height: 45px;
    width: 113px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    color: #394043;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .DetailFollow .detailFollowedNum {
    margin-top: 12px;
    font-size: 12px;
    color: #b0b3b4;
    text-align: center
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .DetailFollow .frameDetailLink {
    float: right;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #394043;
    width: 114px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2)
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .DetailFollow .action {
    float: right;
    display: inline-block;
    text-align: center;
    color: #b0b3b4;
    font-size: 12px;
    margin-left: 20px
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .DetailFollow .action .count {
    margin-top: 10px;
    display: inline-block
}

.xiaoquDetailHeader .xiaoquDetailHeaderContent .DetailFollow .action a {
    display: block;
    width: 113px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 2px;
    color: #394043;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2)
}

.adddetail_banner .add-tab {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 13px;
    margin-top: 13px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

.adddetail_banner .add-tab a {
    display: inline-block;
    color: #666;
    margin-right: 35px;
    cursor: pointer
}

.adddetail_banner .add-tab .active {
    color: #1273e1
}

.mtss {
    margin-top: 20px
}

.remark-right .remark-hd {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-weight: 500;
    padding: 30px 0 20px 10px
}

.remark-right .remark-lp {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 20px 25px
}

.remark-right .remark-lp .side-hd {
    font-size: 18px
}

.remark-right .tags {
    height: 22px;
    margin: 10px 0 0;
    line-height: 22px;
    font-size: 13px;
    overflow: hidden
}

.remark-right .tags .tag-item {
    float: left;
    border: 1px solid #ccc;
    height: 20px;
    line-height: 20px;
    color: #999;
    padding: 0 8px;
    margin-right: 8px
}

.remark-right .remark-lp p {
    font-size: 14px;
    margin: 10px 0 0
}

.remark-right .remark-lp .price-num {
    color: #f60;
    font-weight: 700
}

.lp-recomm {
    height: 250px;
    color: #999;
    font-size: 14px
}

.lp-recomm .item-tabs {
    overflow: hidden;
    height: 38px;
    line-height: 38px;
    background: #eee
}

.lp-recomm .item-tabs a {
    display: block;
    width: 50%;
    text-align: center;
    float: left;
    font-size: 20px;
    color: #333
}

.lp-recomm .item-tabs a:hover {
    color: #f60
}

.lp-recomm .con {
    display: none
}

.lp-recomm .item-tabs .selected {
    background: #fff;
    cursor: default
}

.lp-recomm .item-tabs .selected:hover {
    color: #333
}

.lp-recomm .con li {
    padding: 17px 0 0 15px;
    overflow: hidden
}

.lp-recomm .con span {
    float: left;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.lp-recomm .con .name {
    width: 125px
}

.lp-recomm .con .area {
    width: 55px
}

.lp-recomm .con .price {
    width: 95px
}

/*.topbtn a{display:inline-block;margin-right:5px;font-size: 13px;border:1px solid #ddd;margin-top:6px;padding:7px 10px;background-color: #39ac6a;color:#fff;border-radius:3px;}*/

/*.topbtn a:hover{background-color: #f33;}*/

.btn {
    display: inline-block;
    padding: 6px 12px;
    /*margin-bottom: 0;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    /*-ms-touch-action: manipulation;*/
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}