 body{background-color: #eeeeee;}

.center{padding-top: 0.7rem;}
/*热门目的地*/
.hotplace{width:100%;height:auto; margin-top:0.15rem; background-color: #fff;}
.comm_tit{width:100%;height:0.7rem;border-bottom: 1px solid #f1f1f1; color:#444444;text-indent: 0.22rem; line-height: 0.7rem;font-size: 0.28rem;}
.hotplace_list{padding-top:0.07rem; }
.hotplace_list ul li{width:96%; position: relative; overflow:hidden;float:left;margin-left:2.2%;margin-top:0.15rem;}
.hotplace_list ul li img{width:100%;height:100%;}
.hotplace_list ul li span{display: block;width:100%;height:100%;color:#fff;text-align: center;font-size: 0.31rem; position: absolute;top:0px;left:0px;}

/*热门民宿*/
.hotminsu{width:100%;height:auto;overflow: hidden; background-color: #fff;}
.hotminsu h1{width:100%;font-size: 0.28rem;padding-top:0.2rem;font-weight: normal;color:#444; text-indent: 0.22rem;}
.hotminsu ul.minsu_tab{width:115%;padding-left: 0.22rem; border-bottom:1px solid #f1f1f1;}
.hotminsu ul.minsu_tab li{display: block;float:left;font-size: 0.22rem;margin-right:0.53rem;}
.hotminsu ul.minsu_tab li a{color:#666;display: block;width:100%;height:100%;padding-bottom:0.1rem;padding-top:0.11rem;}
.hotminsu ul.minsu_tab li a.active{border-bottom: 4px solid #22d3c5;}
.hotminsu_list{width:100%;height:auto;}
.hotminsu_list ul{display: block;width:100%; height:auto; }
.hotminsu_list ul li{width:96%; position: relative; overflow:hidden;float:left;margin-left:2.2%;margin-top:0.15rem;}
.hotminsu_list ul li div.hotminsu_pic{ width:100%;overflow: hidden; position: relative;}
.hotminsu_list ul li div.hotminsu_pic img{width:100%;height:100%;}
.hotminsu_list ul li p.hotminsu_title{width:100%;font-size: 0.23rem;margin-top:0.1rem; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hotminsu_list ul li p.location{display: block; font-size: 0.18rem;color:#666;margin-top: 0.08rem;}
.mark_status{line-height: 0.25rem;margin-top: 0.08rem;margin-bottom:0.12rem; position: absolute; bottom: 0; left: 0;}
.mark_status span.bargain{display: block;float: left;font-size: 0.18rem;color:#666;}
.mark_status span.price{display: block;float: right;color: #fa603a;font-size: 0.26rem;}
.mark_status span.price i{font-size: 0.21rem;}

/*民宿故事*/
.minsuhistory{width:100%;height:auto;background-color: #fff; margin-top: 0.15rem;}
.history_pic{width:100%;height:auto;text-align: center; margin:0 auto;}
.history_pic img{width:95%;margin:0.16rem auto;}
/*bottom*/
.bottom{text-align: center;padding:0.15rem 0rem;font-size: 0.21rem;color:#cecece;}
.bottom p{margin-top: 0.05rem;}
.bottom .bottom_logo img{width:0.39rem;height:0.5rem;}
@media(max-width: 400px){
.hotminsu_list ul li p.location{font-size: 12px;}
.mark_status span.bargain{font-size: 12px;}

}
@media(max-width:359px){
.hotminsu ul.minsu_tab li{margin-right: 0.32rem}
.hotminsu ul.minsu_tab li{font-size: 14px;}
}

/*20160927*/
.hotminsuName{ width: 100%; overflow: hidden; position: absolute; bottom: 0.2rem;color: #fff;padding:0 0.2rem;}
.hotminsuName .name{ float: left; font-size:0.26rem; color: #fff; line-height: 0.28rem;}
.hotminsuName .name i{ color: #333; font-size: 0.18rem; background:#fff; border-radius: 0.02rem; padding:0.04rem;line-height: 0.28rem;}
.hotminsuName .name span{font-size: 0.28rem; color: #fff; display: inline-block; line-height: 0.28rem;  }
.hotminsuName .name span:first-child{font-size: 0.2rem; color:#333; display: inline-block; line-height: 0.28rem;background:#fff;border-radius: 0.05rem; padding:0.02rem 0.06rem;}
.hotminsuName .name span:last-child{ position: relative; top: 0.02rem; margin-left: 0.1rem;}
.hotminsuName .price{ float: right; font-size: 0.2rem;}
.hotminsuName .price i{ font-size:0.4rem; }
.hotminsuScore{overflow: hidden;}
.score{ float: left;font-size: 0.2rem;margin-left: 0.4rem}
.evalute{ float: right; font-size: 0.2rem;}
.store {display: block;width: 0.9rem;height: 0.9rem;cursor: pointer;z-index: 10;position: absolute;top: 0px;right: 0px;display: block;}
.store.nostore {background: url(http://cdn.dujiake.com/uploadfile/wap/images/icon_16.png) no-repeat center;background-size: 0.5rem; display: block;}
.store.hasstore {background: url(http://cdn.dujiake.com/uploadfile/wap/images/icon_17.png) no-repeat center;background-size: 0.5rem; display: block;}}
.hide {display: none;}    

/*评分*/
p.in-mark .star {width: 1.4rem;height: 0.26rem;position: relative;display: block;margin-right: 0.02rem;float: left;}
p.in-mark .star_part{background: url(http://cdn.dujiake.com/uploadfile/wap/images/index/star_part.png) no-repeat center;background-size: 100%;}
p.in-mark .star_one {position:absolute;background: url(http://cdn.dujiake.com/uploadfile/wap/images/index/star_one.png) no-repeat left center;background-size: 1.4rem 0.26rem;}
p.in-mark .star_no {position: relative;background: url(http://cdn.dujiake.com/uploadfile/wap/images/index/star_no.png) no-repeat left center;background-size: 1.4rem 0.26rem;float: left;}
.hotminsuName .price i {font-size: 0.32rem;}
.hotminsuName .price {float: right;font-size: 0.2rem;position: relative;top: -0.06rem;}

/*20161124*/
.hotplace{ margin-top:0; }
.hotplace_list{ padding-top:0;overflow: hidden; }
/*20170109*/
.hotplace_list ul li{float:none;margin-left:auto;margin-right:auto;}
