@charset "utf-8";

.img-preview {

    width: 530px;

    height: 374px;

    margin-top: 30px;

}



/* 楼盘信息 */

.houses-info {

    position: relative;

    margin-top: 30px;

}

.houses-info h2 {

    width: 610px;

    height: 26px;

    margin-bottom: 24px;

    font-size: 20px;

    color: #333;

    font-weight: normal;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.houses-info .heart {

    position: absolute;

    right: 10px;

    top: 22px;

    display: block;

    width: 27px;

    height: 25px;

    margin-top: -20px;

    background: url(../../../image/bg-group.png) no-repeat 0 -573px;

    text-indent: -99999px;

    font-size: 0;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}

.houses-info .heart:hover {

    background: url(../../../image/bg-group.png) no-repeat 0 -601px;

}

.houses-info dl.item {

    clear: both;

    height: 42px;

}

.houses-info dt {

    float: left; 

    width: 90px;

    font-size: 16px;

    color: #666;

    line-height: 42px;

}

.houses-info dd {

    float: left;

    height: 42px;

    font-size: 16px;

    color: #333;

    line-height: 42px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.houses-info dd.border-tag {

    display: inline-block;

    height: 24px;

    padding: 0 10px;

    margin: 13px 10px 13px 0;

    border: 1px solid #f5c01d; 

    background: #fff;

    font-size: 14px;

    color: #f5c01d;

    line-height: 24px;

}

.houses-info dd.text-tag {

    margin-right: 10px;

}

.houses-info dd.text-tag a {

    color: #333;

}

.houses-info dd.text-tag.active,

.houses-info dd.text-tag a:hover {

    color: #f5c01d;

}



.houses-info dd.text {

    width: 250px;

}

.houses-info dd.text strong {

    position: relative;

    top: -5px;

    font-size: 30px;

    color: #f5c01d;

    font-weight: normal;

}

.houses-info dd.text strong span {

    margin-left: 5px;

    font-size: 16px;

    color: #333;

}

.houses-info dd.text b {

    position: relative;

    top: -5px;

    margin-left: 10px;

    font-size: 14px;

    color: #f00;

}

.houses-info dd.text b span {

    margin-left: 5px;

    color: #666;

    font-weight: normal;

}

.houses-info .icon-link {


    display: inline-block;

    height: 24px;

    padding: 0 10px 0 30px;

    font-size: 14px;

    color: #999;

    line-height: 24px;

    -webkit-transition: all 0.2s ease-out;

    -moz-webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}

.houses-info .icon-link.all-htype {

    margin-left: 16px;


}

.houses-info .icon-link:hover {

    color: #f5c01d;

}

.houses-info .mquote-dropdown {

    position: relative;

}

.houses-info .de-notice,

.houses-info .calculate-loan {

    margin-top: 10px;

}

.houses-info .mquote-dropdown a.media-quote {

    height: 36px;

    line-height: 36px;

    border: 1px solid #fff;

}

.mquote-dropdown .active {

    position: relative;

    z-index: 4;

    display: block;

    border: 1px solid #eee !important;

    border-bottom: 1px solid #fff !important;

    background: url(../../../image/bg-group.png) no-repeat 10px -315px #fff;

    color: #f5c01d;

}

.houses-info .mquote-dropdown ul {

    display: none;

    position: absolute;

    top: 37px;

    z-index: 3;

    background: #fff;

    width: 300px;

    border: 1px solid #eee;

}

.houses-info .mquote-dropdown ul li {

    clear: both;

    margin: 0 20px;

    height: 42px;

    border-bottom: 1px solid #eee;

    font-size: 14px;

    color: #333;

    line-height: 42px;

    overflow: hidden;

}

.houses-info .mquote-dropdown ul li span {

     float: right;

     color: #666;

}



.media-quote {

    background: url(../../../image/bg-group.png) no-repeat 10px -283px;

}

.de-notice {

    background: url(../../../image/bg-group.png) no-repeat 10px -426px;

}

.de-notice:hover {

    background: url(../../../image/bg-group.png) no-repeat 10px -461px;

}

.calculate-loan {

    background: url(../../../image/bg-group.png) no-repeat 10px -355px;

}

.calculate-loan:hover {

    background: url(../../../image/bg-group.png) no-repeat 10px -389px;

}

.all-htype {

    background: url(../../../image/bg-group.png) no-repeat 10px -493px;

}

.all-htype:hover {

    background: url(../../../image/bg-group.png) no-repeat 10px -530px;

}

.online-consult {

    background: url(../../../image/bg-group.png) no-repeat 10px -235px;

}

.online-consult:hover {

    background: url(../../../image/bg-group.png) no-repeat 10px -260px;

}





.houses-info .deal-time {

    float: left;

    margin-right: 50px;

}

.houses-info .phone-apply {

    position: relative;

    top: 14px; 

}

.phone-apply {  

    clear: both;

    height: 46px;

    padding-left: 60px;

    background: url(../../../image/bg-group.png) no-repeat 0 -738px;

}

.phone-apply strong {

    position: relative;

    top: -5px;

    display: block;

    font-size: 28px;

    color: #009900;

    font-weight: normal;

}

.phone-apply span {

    float: left;

    margin-top: -8px;

    font-size: 14px;

    color: #666;

}

.houses-info .phone-apply .icon-link {

    position: relative;

    top: -8px;

    left: 30px;

}

.houses-info .phone-apply .hj-btn-red {

    position: absolute;

    right: 0;

    top: 0;

    z-index: 2;

    width: auto;

    padding: 0 20px 0 60px;

    background: url(../../../image/bg-group.png) no-repeat 20px -812px #f5c01d;

}





/* ***最新动态 */

.index-title {

    clear: both;

    font-size: 28px;

    color: #333;

    font-weight: normal;

    padding: 32px 0 36px 0;

}

.index-title:after {

    content: "";

    display: block;

    width: 0;

    height: 0;

    font-size: 0;

    clear: both;

}

.index-title a {

    color: #333;

}

.index-title a:hover {

    color: #f5c01d;

}

.dashed-box {

    padding: 30px; padding-bottom:50px;
   
    font-size: 16px;

    color: #333;

    line-height: 30px;

}
.dashed-box a{color:#666;}
.dashed-box  time {

    font-size: 14px;

    color: #666;

}

.subscription {

    position: absolute;

    right: 10px;

    z-index: 2;

    display: block;

    height: 28px;

    padding: 0 10px;

    margin-top: -1px;

    background: #f5c01d;

    font-size: 14px;

    color: #fff;

    line-height: 28px;

}

.subscription:hover {

    background: #DE6D61;

}



/* ***概况 */

.sketch-map img {

    width: 100%;

}

.onsell-info {

    position: relative;

    padding: 25px 28px;

    border: 1px solid #f5c01d;

    background: #FFEFED;

}

.onsell-info .arrow-left {

    position: absolute;

    left: -11px;

    top: 42%;

    z-index: 2;

    display: block;

    width: 11px;

    height: 22px;

    background: url(../../../image/bg-group.png) no-repeat 0 -1536px;

}

.onsell-info h3 {

    margin-bottom: 20px;

    font-size: 16px;

    color: #f5c01d;

}

.onsell-info p {

    font-size: 16px;

    color: #333;

    line-height: 30px;

}



.plot-info {

    padding: 25px 28px;

    margin-top: 20px;

    border: 1px dashed #ccc;

}

.plot-info h3 {

    margin-bottom: 25px;

    font-size: 16px;

    color: #333;

}

.plot-info dl {

    font-size: 16px;

}

.plot-info dl dt {

    padding-left: 20px;

    margin: 20px 0;

}

.plot-info dl dt.mating {

    color: #faa33d;

    background: url(../../../image/bg-group.png) no-repeat 0 -890px;

}

.plot-info dl dt.env {

    color: #45ad76;

    background: url(../../../image/bg-group.png) no-repeat 0 -937px;

}

.plot-info dl dt.feature {

    color: #2592c3;

    background: url(../../../image/bg-group.png) no-repeat 0 -995px;

}

.plot-info dl dd {

    color: #333;

    line-height: 26px;

    overflow: hidden;

}

.plot-info dl dd.mating-dd {

    height: 25px;

}

.plot-info dl dd.env-dd {

    height: 25px;

}

.plot-info dl dd.feature-dd {

    height: 51px;

}



/* 时间轴效果 */

.timer-shaft {

    width: 100%;

    height: 150px;

    padding: 28px 0 25px 0;

    margin-top: 50px;

    margin-bottom: 10px;

    background: url(../../../image/timer-shaft-line.png) no-repeat center 83px #f9f9f9;

}

.carousel {height: 100%;}

.carousel .prev2 , 

.carousel .next2 {height:40px;width:40px;overflow:hidden;display:block;margin-top:55px;text-decoration:none;cursor:pointer;}

.carousel .prev2 {float:left;margin-right: 3px;background:url(../../../image/bg-group.png) no-repeat 0 -1158px;}

.carousel .prev2:hover {float:left;background:url(../../../image/bg-group.png) no-repeat 0 -1235px;}

.carousel .next2 {float:left;margin-left: 43px;background:url(../../../image/bg-group.png) no-repeat 0 -1385px;}

.carousel .next2:hover {background:url(../../../image/bg-group.png) no-repeat 0 -1457px;}

.carousel #prev2.disabled{background:url(../../../image/bg-group.png) no-repeat 0 -1082px;cursor:default;}

.carousel #next2.disabled{background:url(../../../image/bg-group.png) no-repeat 0 -1311px;cursor:default;}



.jCarouselLite {float:left;height:152px;overflow:hidden;/*必要元素*/}

.jCarouselLite li{width:226px;height:150px;margin-left: 40px;text-align:center;}

.jCarouselLite li img{border:solid 1px #ddd;}

.timer-shaft li p {

    font-size: 16px;

    color: #333;

    line-height: 24px;

    text-align: center;

}

.timer-shaft li .tag {

    display: inline-block;

    height: 30px;

    padding: 0 15px;

    margin: 20px 0;

    background: #f5c01d;

    font-size: 16px;

    color: #fff;

    line-height: 30px;

}

.timer-shaft li time {

    display: block;

    font-size: 16px;

    color: #666;

}





/* ***户型图 */

.htype-map {

    position: relative;

}

.htype-exhibition {

    width: 1220px;

    padding-bottom: 25px;

}

.htype-exhibition .hj-col-lg-5 {

    width: 275px;

    margin-right: 10px;

}

.htype-exhibition .thumbnail {

    display: block;

    width: 273px;

    height: 228px;

    border: 1px solid #eee;

    overflow: hidden;

}

.htype-exhibition .thumbnail img {

    width: 100%;

    height: 100%;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.htype-exhibition .thumbnail:hover img {

    -webkit-transform: scale(1.1,1.1);

    -moz-transform: scale(1.1,1.1);

    transform: scale(1.1,1.1);

}

.htype-exhibition .text-link {

    display: block;

    margin-top: 20px;

    font-size: 16px;

    color: #333;

    text-align: center;

    line-height: 24px;

}

.htype-exhibition .text-link:hover {

    color: #f5c01d;

}

.htype-exhibition .text-link span {

    display: block;

    color: #666;

}





.htype-select {

    position: absolute;

    right: 10px;

    top: 47px;

}

.htype-select li {

    float: left;

    margin-left: 10px;

}

.htype-select li a {

    padding-left: 10px;

    font-size: 14px;

    color: #999;

    background: url(../../../image/result-opt-vline.png) no-repeat left center;

}

.htype-select li:first-child a {

    background: none;

}

.htype-select li.active a,

.htype-select li a:hover {

    color: #f5c01d;

}



/* 价格趋势 */

#lineChart {

    border: 1px solid #f9f9f9;

    border-top: 0;

}

.trend-data {

    height: 52px;

    padding: 30px 0;

    border-bottom: 1px dashed #ccc;

    background: #F9F9F9;

    overflow: hidden;

}

.trend-data:after {

    content: "";

    display: block;

    width: 0;

    height: 0;

    font-size: 0;

    clear: both;

}

.trend-data dl {

    float: left;

    width: 296px;

    padding: 0 50px;

    margin-bottom: 30px;

    border-right: 1px solid #ddd;

}

.trend-data dl dt span {

    display: inline-block;

    width: 11px;

    height: 11px;

    margin-right: 10px;

}

.trend-data dl dt {

    font-size: 16px;

    color: #666;

}

.trend-data dl dd {

    margin-left: 21px;

}

.trend-data dl dd strong {

    font-size: 22px;

    color: #333;

    font-weight: normal;

}

.trend-data dl dd strong  span {

    margin-left: 10px;

    font-size: 16px;

}

.trend-data dl dd {

    margin-top: 5px;

}

.trend-data dl dd em {

    font-size: 14px;

    margin-left: 20px;

}

.trend-data dl dd em span {

    margin-left: 10px;

}

.trend-data dl dd em.rise {

    color: #f00;

}

.trend-data dl dd em.rise span {

    color: #333;

}

.trend-data dl dd em.decline {

    color: #62AB00;

}

.trend-data dl dd em.decline span {

    color: #333;

}

.trend-data dl dd em.balance {

    color: #FF7900;

}

.trend-data dl dd em.balance span {

    color: #333;

}

/* 参考月供 */

.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: normal;

}

.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 {

    position: relative;

    float: left;

}

.mp-form-control strong {

    font-size: 24px;

    color: #f5c01d;

    font-weight: normal;

    line-height: 47px;

}

.mp-form-control strong span {

    margin-left: 5px;

    font-size: 16px;

    color: #666;

}

.mp-select-mask {

    width: 180px;

    height: 45px;

    padding: 0 30px 0 15px;

    border: 1px solid #ccc;

    font-size: 16px;

    color: #333;

    line-height: 45px;

    background: url(../../../image/mobile-icon.png) no-repeat 200px -154px;

    cursor: default;

    overflow: hidden;

}

.mp-select-mask.active{

    border: 1px solid #f5c01d;

    background: url(../../../image/mobile-icon.png) no-repeat 200px -197px;

}

.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;

}

#htype-dropdown,

#percent-dropdown,

#time-dropdown {

    height: 230px;

}

.mp-form-control .optgroup li {

    height: 45px;

    padding: 0 15px;

    border-top: 1px solid #ccc;

    font-size: 16px;

    color: #333;

    line-height: 45px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.mp-form-control .optgroup li:hover {

    background: #f5c01d;

    border-top: 1px solid #f5c01d;

    color: #fff;

    cursor: default;

}

.mp-form-control select {

    display: none;

}

.referesult {

    position: relative;

    padding-bottom: 15px;

    margin-left: -10px;

    background: #F9F9F9;

}

.referesult .total-price {

    position: absolute;

    z-index: -1;

    display: block;

    font-size: 16px;

    color: #333;

}

.referesult .total-price strong {

    display: block;

    margin-top: -10px;

    font-size: 56px;

    color: #f5c01d;

    font-weight: normal;

}

.referesult .total-price strong span {

    font-size: 16px;

    color: #333;

}

.referesult-title {

    padding-left:20px;

    margin: 30px 0;

    font-size: 18px;

    color: #333;

    font-weight: normal;

}

.referesult-title span {

    margin-left: 10px;

    font-size: 12px;

    color: #999;

}

#pieChart {

    height: 380px;

}

.referesult ul {

    margin-top: -20px;

    margin-left: 170px;

}

.referesult ul li {

    font-size: 16px;

    color: #333;

    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 .aqua-square {

    background: #D87A80;

}

.referesult ul li .purple-square {

    background: #FFB980;

}

.referesult ul li .field {

   margin-right: 20px; 

    color: #666;

}

.referesult ul li i {

    color: #f5c01d;

}



/* ***相册 */

.album {

    position: relative;

}

.album .more {

    position: absolute;

    right: 10px;

    top: 45px;

    font-size: 14px;

    color: #999;

}

.album span.more:hover {

    color: #999;

}

.album .more a {

    color: #999;

}

.album .more a:hover,

.album .more:hover {

    color: #f5c01d;

}

.album-list {

    overflow: hidden;

    width: 1230px;

}

.album-list li {

    float: left;

    margin-right: 14px;

}

.album-list li .thumbnail {
 
    display: block;

    width: 285px;

    height: 218px;

    border: 1px solid #eee;

    overflow: hidden;

}

.album-list li .thumbnail img {

    width: 100%;

    height: 100%;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.album-list li .thumbnail:hover img {

    -webkit-transform: scale(1.1,1.1);

    -moz-transform: scale(1.1,1.1);

    transform: scale(1.1,1.1);

}

.album-list li .text-link {

    display: block;

    margin-top: 15px;

    font-size: 16px;

    color: #333;

    text-align: center;

    line-height: 24px;

}

.album-list li .text-link:hover {

    color: #f5c01d;

}

.album-list li .text-link time {

    display: block;

    color: #666;

}



/* ***配套地图 */

.assort-map {

    width: 100%;

    position: relative;

}

.assort-map .map-mark {

    position: relative;

    width: 100%;

    overflow: hidden;

}

.assort-distance {

    position: absolute;

    right: 20px;

    bottom: 72px;

    z-index: 9;

    width: 260px;

    padding: 20px;

    border: 1px solid #bbb;

    background: #fff;

}

.assort-distance.fixed-side {

    right: 0;

    bottom: 40%;

    width: 40px;

    padding: 0;

    border: 0;

}

.assort-distance .close-assort {

    width: 40px;

    padding: 10px 0;

    text-align: center;

    line-height: 18px;

    cursor: pointer;

    color: #333;

}

.assort-distance h4 {

    padding-bottom: 10px;

    font-size: 16px;

    color: #666;

    font-weight: normal;

}

.assort-distance h4 i {

    margin-left: 5px;

}

.assort-distance h4 span{

    display: inline-block;

    width: 24px;

    height: 24px;

    margin-right: 10px;

    border-radius: 12px;

    vertical-align: -5px;

}



.assort-distance.school h4 span {

    background: url(../../../image/map-icon.png) no-repeat 1px 6px #06B676;

}

.assort-distance.school ul li .digit {

    color: #06b676;

}

.assort-distance.bank h4 span {

    background: url(../../../image/map-icon.png) no-repeat 1px -38px #9C3CA7;

}

.assort-distance.bank ul li .digit {

    color: #9C3CA7;

}

.assort-distance.hospital h4 span {

    background: url(../../../image/map-icon.png) no-repeat 1px -16px #FF3238;

}

.assort-distance.hospital ul li .digit {

    color: #FF3238;

}

.assort-distance.repast h4 span {

    background: url(../../../image/map-icon.png) no-repeat left -60px #EAAE2A;

}

.assort-distance.repast ul li .digit {

    color: #EAAE2A;

}

.assort-distance.shopping h4 span {

    background: url(../../../image/map-icon.png) no-repeat 2px -83px #581EEF;

}

.assort-distance.shopping ul li .digit {

    color: #581EEF;

}

.assort-distance.bus h4 span {

    background: url(../../../image/map-icon.png) no-repeat 1px -104px #914F2D;

}

.assort-distance.bus ul li .digit {

    color: #914F2D;

}

.assort-distance.subway h4 span {

    background: url(../../../image/map-icon.png) no-repeat 1px -126px #F61686;

}

.assort-distance.subway ul li .digit {

    color: #F61686;

}

.assort-distance.park h4 span {

    background: url(../../../image/map-icon.png) no-repeat 1px -147px #BEBC36;

}

.assort-distance.park ul li .digit {

    color: #BEBC36;

}

.assort-distance.airport h4 span {

    background: url(../../../image/map-icon.png) no-repeat left -166px #0889F6;

}

.assort-distance.airport ul li .digit {

    color: #0889F6;

}

.assort-distance.refuel h4 span {

    background: url(../../../image/map-icon.png) no-repeat left -186px #25C0CD;

}

.assort-distance.refuel ul li .digit {

    color: #25C0CD;

}



.assort-distance .close {

    position: absolute;

    right: 20px;

    top: 22px;

    display: block;

    width: 11px;

    height: 11px;

    background: url(../../../image/map-icon.png) no-repeat 0 -217px;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.assort-distance .close:hover {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

}

.assort-distance ul {

    overflow-y: scroll;

    max-height: 300px;

}

.assort-distance ul li {

    height: 40px;

    font-size: 16px;

    line-height: 40px;

    overflow: hidden;

}

.assort-distance ul li .text {

    display: inline-block;

    width: 170px;

    color: #666;

    white-space:nowrap; 

    text-overflow:ellipsis;

}

.assort-distance ul li .distance {

    float: right;

    font-size: 14px;

    color: #999;

}



.map-label {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 52px;

    background: rgba(255,255,255,0.85);

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#85FFFFFF', endColorstr='#85FFFFFF');

}

.map-label ul {

    height: 52px;

}

.mLabel-li {

    float: left;

    padding: 0 25px;

    height: 52px;

    position: relative;

    background: url(../../../image/result-opt-vline.png) no-repeat right center;

}

.mLabel-li a.icon-text {

    position: relative;

    z-index: 1;

    display: block;

    padding-left: 27px;

    height: 52px;

    line-height: 52px;

    font-size: 15px;

    color: #666;

}

.mLabel-li a.icon-text span {

    position: absolute;

    z-index: -1;

    left: 0;

    top: 15px;

    display: block;

    width: 23px;

    height: 23px;

    border-radius: 23px;

}

.mLabel-li.label-one a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left 5px #06B676;

}

.mLabel-li.label-two a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left -18px #FF3238;

}

.mLabel-li.label-three a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left -39px #9C3CA7;

}

.mLabel-li.label-four a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left -60px #EAAE2A;

}

.mLabel-li.label-five a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left -83px #581EEF;

}

.mLabel-li.label-six a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left -105px #914F2D;

}

.mLabel-li.label-seven a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left -127px #F61686;

}

.mLabel-li.label-eight a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left -147px #BEBC36;

}

.mLabel-li.label-nine a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left -167px #0889F6;

}

.mLabel-li.label-ten a.icon-text span {

    background: url(../../../image/map-icon.png) no-repeat left -186px #25C0CD;

}

.mLabel-more a.text {

    display: block;

    height: 52px;

    line-height: 52px;

    font-size: 14px;

    color: #666;

}

.mLabel-more a.text span {

    display: inline-block;

    width: 7px;

    height: 5px;

    vertical-align: 2px;

    margin-left: 5px;

    background: url(../../../image/nh-operate.png) no-repeat -67px -40px;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.mLabel-more.active a.text {

    color: #f5c01d;

}

.mLabel-more.active a.text span {

    background: url(../../../image/nh-operate.png) no-repeat -67px -50px;

}

.mLabel-more ul {

    display: none;

    position: absolute;

    z-index: 2;

    left: 0;

    top: 52px;

    width: 120px;

    background: rgba(255,255,255,0.85);

    background: #fff \9;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#85FFFFFF', endColorstr='#85FFFFFF');

    border: 1px solid #ddd;

    border-top: 0;

    height: auto;

}

.mLabel-more ul li {

    margin: 0 10px;

    padding: 10px 0;

    border-bottom: 1px solid #eee;

}

.mLabel-more ul li a {

    position: relative;

    z-index: 1;

    display: block;

    padding-left:27px;

    font-size: 14px;

    color: #666;   

}

.mLabel-more ul .label-eight a span {

    background:url(../../../image/map-icon.png) no-repeat left -147px #BEBC36;

}

.mLabel-more ul .label-nine a span {

    background:url(../../../image/map-icon.png) no-repeat left -167px #0889F6;

}

.mLabel-more ul .label-ten a span {

    background:url(../../../image/map-icon.png) no-repeat left -186px #25C0CD;

}

.mLabel-more ul li a span {

    position: absolute;

    z-index: -1;

    left: 0;

    top: -1px;

    display: inline-block;

    width: 22px;

    height:22px;

    border-radius: 22px;

}



/* ***问答 */

dl.qa {

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #F5F5F5;

}

dl.qa dt,

dl.qa dd {

    position: relative;

}

dl.qa dt {

    margin-bottom: 10px ;

}

dl.qa strong {

    position: absolute;

    left: 0;

    top: 2px;

    display: block;

    width: 26px;

    height: 26px;

    margin-right: 20px;

    background: #ccc;

    font-size: 16px;

    color: #fff;

    text-align: center;

    line-height: 26px;

    font-weight: normal;

}

dl.qa p {

    padding-left: 40px;

    font-size: 16px;

    color: #333;

    line-height: 30px;

}

dl.qa p time {

    font-size: 14px;

    color: #666;

}



.aside-ad li {

    margin-bottom: 20px;

    overflow: hidden;

}

.aside-ad li a {

    position: relative;

    display: block;

    text-align: right;

}

.aside-ad li img {

    float: right;

    display: block;

    width: 365px;

    height: 234px;

}



.answer-list li {

    /*height: 36px;*/

    font-size: 16px;

    line-height: 36px;

}

.answer-list li a {

    color: #333;

}

.answer-list li a:hover {

    color: #f5c01d;

}

.answer-list li.last {

    margin-top: 10px;

}

.answer-list li.last a {

    color: #999;

}

.answer-list li.last a:hover {

    color: #f5c01d;

}

.answer-list li span {

    float: right;

    color: #666;

}

.answer-list li span a {

    color: #666;

}



.question-form textarea {

    display: block;

    width: 97%;

    height: 48px;

    padding: 10px;

    margin: 20px 0;

    border: 1px solid #ccc;

    font-size: 14px;

    color: #999;

    clear: both;

}

.question-form textarea:focus {

    color: #666;

}



.question-form .form-control {

    display: none;

    position: relative;

    float: left;

    height: 40px;

    margin: 10px 20px 20px 0;

    border: 1px solid #ccc;

    background: #fff;

    overflow: hidden;

}

.question-form .form-control label {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    float: left;

    display: inline-block;

    width: 60px;

    padding: 0 10px;

    font-size: 14px;

    color: #999;

    line-height: 40px;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.question-form .form-control label.active {

    -webkit-transform: translate(-80px);

    -moz-transform: translate(-80px);

    transform: translate(-80px);

}

.question-form .form-control label i {

    display: inline-block;

    margin-left: 5px;

    color: #f00;

    vertical-align: -2px;

}

.question-form .form-control input {

    float: left;

    width: 240px;

    height: 28px;

    padding: 0 10px;

    margin-top: 6px;

    line-height: 28px;

    font-size: 14px;

    color: #666;

}



/* 可能想看 */

.want-to-see {

    width: 1240px;

    height: 252px;

    overflow: hidden;

}

.want-to-see .hj-col-lg-5 {

    width: 260px;

    margin-right: 30px;

}

.want-to-see .thumbnail {

    width: 258px;

    height: 208px;

}

.want-to-see .unit-price {

    float: left;

    margin-top: 15px;

    font-size: 16px;

    color: #333;

    line-height: 26px;

}

.want-to-see .unit-price i {

    display: block;

    color: #f5c01d;

}

.want-to-see .red-tag {

    float: right;

    margin-top: 45px;

}

.red-tag {

    float: right;

    display: block;

    height: 19px;

    padding: 0 7px;

    background: #DE383A;

    font-size: 12px;

    color: #fff;

    line-height: 19px;

}



/* 附加信息 */

.addition {

    overflow: hidden;

}

.addition .phone-apply {

    height: 52px;

    background: url(../../../image/bg-group.png) no-repeat 0 -2002px;

}

.addition .phone-apply strong {

    top: -7px;

    color: #999;

}

.addition .phone-apply span {

    margin-top: -4px;

    font-size: 16px;

    color: #999;

}

.addition ul {

    margin-top: -8px;

}

.addition ul li {

    margin-top: 5px;

    font-size: 16px;

    color: #999;

}

.addition ul li .field {

    display: inline-block;

    width: 80px;

}

.addition ul li i {

    font-size: 24px;

    font-style: italic;

}

.addition ul li i span {

    margin-left: 10px;

    font-size: 14px;

    font-style: normal;

}



/* 接下来您还可以 */

.well-enough {

    margin-top: 16px;

}

.well-enough h4 {

    font-size: 18px;

    color: #999;

    font-weight: normal;

}

.well-enough ul {

    overflow: hidden;

}

.well-enough ul li {

    float: left;

    margin-right: 40px;

    margin-top: 10px;

}

.well-enough ul li a {

    font-size: 16px;

    color: #999;

}

.well-enough ul li a:hover {

    color: #f5c01d;

}





/* 底部tab */

.tab-opt {

    height: 36px;

    border-bottom: 2px solid #eee;

    margin-bottom: 20px;

}

.tab-opt li {

    float: left;

    margin-right: 28px;

}

.tab-opt li a {

    display: block;

    height: 36px;

    line-height: 36px;

    font-size: 18px;

    color: #999;

}

.tab-opt li.active a {

    color: #666;

    border-bottom: 2px solid #ccc;

}

.tab-body {

    overflow: hidden;

}

.tab-body li {

    float: left;

    margin-right: 20px;

    margin-bottom: 10px;

}

.tab-body li a {

    font-size: 16px;

    color: #999;

}

.tab-body li a:hover {

    color: #f5c01d;

}



.houses-bottom {

    padding: 30px 20px;

    margin-bottom: 30px;

    margin-top: 38px;

    border: 2px solid #F9F9F9;

}

.houses-bottom .addition .item-block {

    float: left;

    width: 33.33333%;

    height: 72px;

}

.houses-bottom .addition .item-block img {

    float: left;

    display: block;

    height: 62px;

    width: 62px;

    padding: 4px;

    border: 1px solid #EEEEEE;

}

.houses-bottom .addition .item-block p {

    margin-top: 6px;

    margin-left: 82px;

    font-size: 16px;

    color: #999;

    line-height: 30px;

}

.houses-bottom-tab {

    margin-top: 27px;

    width: 100%;

}

.wrap-re{position:relative;}
.overlay{position:absolute;display:block;width:100%;height:100%;top:0;left:0;}
@media screen and (max-width: 990px) {

    .want-to-see,

    .album-list,

    .htype-exhibition {

        width: 970px;

    }

}