@charset "utf-8";
/* 用于房屋类相关页面 */
/*根据屏幕大小自适应*/
@media (max-width: 767px) {
    /*手机页面样式*/

}
@media (min-width: 768px) and (max-width: 991px) {
    /*ipad页面样式*/

}
@media (min-width: 992px) and (max-width: 1399px) {
    /*笔记本电脑页面样式*/
}
@media (min-width: 1400px) {
    /*台式电脑显示器页面样式-默认已有样式*/
}


.filter{}


/*列表区域*/
.housebox{}
.housebox dl.house-item{
    padding: 26px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.housebox dl.house-item:hover{
    background: #f9f9f9;
}
.housebox dl.house-item dt.listimg{
    background: url(../../../../images/desktop/house/detail_error.png);
    background-size: 180px 130px;
    overflow: hidden;
}
.housebox dl.house-item dt.listimg a{}
.housebox dl.house-item dt.listimg a img{
    vertical-align: middle;
    width: 180px;
    height: 130px;
    transition: all 1s;
}
.housebox dl.house-item dt.listimg a img:hover{
    transform: scale(1.2,1.2);
}
.housebox dl.house-item dd.listinfo{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}
.housebox dl.house-item dd.listinfo h1{
    line-height: 25px;
    margin-bottom: 8px;
}
.housebox dl.house-item dd.listinfo h1 a{
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.housebox dl.house-item dd.listinfo h1 a:hover{
    _color: #90c31f;
    color: #f33;
}
.housebox dl.house-item dd.listinfo h1 span.ico-jing{
    border: 1px solid #3dbfc1;
    color: #3dbfc1;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    padding: 0 3px;
    font-size: 12px;
    vertical-align: middle;
}
.housebox dl.house-item dd.listinfo p{
    font-size: 14px;
    color: #555;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.housebox dl.house-item dd.listinfo p.size{}
.housebox dl.house-item dd.listinfo p.size span{
    display: inline-block;
    padding: 0px 10px;
    border-left: 1px #999 solid;
    height: 16px;
    line-height: 16px;
}
.housebox dl.house-item dd.listinfo p.size span.first{
    padding-left: 0px;
    border-left: none;
}
.housebox dl.house-item dd.listinfo p.address{}
.housebox dl.house-item dd.listinfo p.mode{}
.housebox dl.house-item dd.listinfo p.allocation{}
.housebox dl.house-item dd.listinfo p.allocation span{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    background: #f1f1f1;
    padding: 0 10px;
    font-size: 12px;
    color: #81879a;
}
.housebox dl.house-item dd.listinfo p.advantage{}
.housebox dl.house-item dd.listinfo p.advantage span{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    padding: 0 10px;
    font-size: 12px;
    color: #757575;
}
.housebox dl.house-item dd.listinfo p.advantage span:nth-child(1){
    border: 1px solid #f7aa58;
}
.housebox dl.house-item dd.listinfo p.advantage span:nth-child(2){
    border: 1px solid #90d4c2;
}
.housebox dl.house-item dd.listinfo p.advantage span:nth-child(3){
    border: 1px solid #f08f8f;
}
.housebox dl.house-item dd.listinfo p.advantage span:nth-child(4){
    border: 1px solid #90a8d4;
}

.housebox dl.house-item dd.price{
    padding-top: 20px;
    padding-right: 10px;
}
.housebox dl.house-item dd.price p.hot-price{
    margin-bottom: 5px;
    text-align: right;
}
.housebox dl.house-item dd.price span{
    text-align: right;
    font-weight: bold;
    line-height: normal
}
.housebox dl.house-item dd.price p.hot-price span.num{
    font-size: 30px;
    color: #f33;
    ;
}
.housebox dl.house-item dd.price p.hot-price span.unit{
    font-size: 12px;
    color: #f33;
}
.housebox dl.house-item dd.price span.time{
    font-size: 14px;
    color: #999;
    display: block;
    text-align: right;
    width: 85px;
}
.housebox dl.house-item dd.price span.unit-price{
    font-size: 14px;
    color: #999;
    display: block;
}

/*求租列表页*/
.housebox dl.rentseeking{
    padding: 7px 0px 3px 0px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
}
.housebox dl.rentseeking dd.listinfo{
    flex: 1;
}
.housebox dl.rentseeking dd.listinfo h1{
    margin: 0px;
}
.housebox dl.rentseeking dd.listinfo h1 a{
    font-size: 14px;
    font-weight: normal;
    _color: #00d;
    color: #333;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.housebox dl.rentseeking dd.listinfo h1 a:hover{
    color: #f00;
}
.housebox dl.rentseeking dd.listinfo p.size{
    font-size: 14px;
    color: #555;
    line-height: 32px;
    height: 32px;
}
.housebox dl.rentseeking dd.listinfo p.size span{
    display: inline-block;
    padding: 0px 10px;
    height: 16px;
    line-height: 16px;
}
.housebox dl.rentseeking dd.listinfo p.size span.first {
    padding-left: 0px;
}
.housebox dl.rentseeking dd.price{
    padding: 0px;
    padding-top: 10px;
    min-width: 100px;
    padding-right: 15px;
}
.housebox dl.rentseeking dd.price p.hot-price{
    display: inline-block;
    color: #f33;
    font-size: 16px;
}
.housebox dl.rentseeking dd.price p.hot-price span.num{}
.housebox dl.rentseeking dd.price p.hot-price span.unit{}
.housebox dl.rentseeking dd.price span.time{
    display: inline-block;
    width: 70px;
    text-align: center;
}

/*民宿预订*/
.filterSearchArea{
    padding-left: 60px;
}
.filterSearchArea >label{
    margin-left: 20px;
}
.filterSearchArea >label span{
    
}
.filterSearchArea >.switchCityBtn{
    display: inline-block;
    cursor: pointer;
    min-width: 48px;
    padding: 0px 5px;
    height: 22px;
    line-height: 22px;
    border-radius: 6px;
    color: #fff !important;
    background-color: #469d34;
    border-color: #469d34;
}
.filterSearchArea >.switchCityBtn:hover{

}




