.hotel-outer[data-v-dcc94fe8] {
	background:url(../images/views_bg.22b171d1.png) no-repeat scroll bottom/100%
}
.hotel .wrap[data-v-dcc94fe8] {
	padding:20px;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.hotel .wrap .item[data-v-dcc94fe8] {
	display:block;
	width:220px;
	height:232px;
	padding-bottom:5px;
	border-radius:4px;
	margin:20px;
	border:1px solid #e4e4e4;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.hotel .wrap .item .img[data-v-dcc94fe8] {
	position:relative;
	overflow:hidden;
	height:170px
}
.hotel .wrap .item .img .hotel-img[data-v-dcc94fe8] {
	width:220px;
	height:170px;
	border-radius:4px
}
.hotel .wrap .item .img .info[data-v-dcc94fe8] {
	background:#4a90e2;
	height:170px;
	width:220px;
	padding:10px;
	position:absolute;
	top:-170px;
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.hotel .wrap .item .img .info img[data-v-dcc94fe8] {
	position:relative;
	top:3px;
	max-width:14px;
	max-height:14px;
	margin-right:3px
}
.hotel .wrap .item .img .info span[data-v-dcc94fe8] {
	color:hsla(0, 0%, 100%, .7);
	font-size:14px;
	line-height:24px
}
.hotel .wrap .item .img .info p[data-v-dcc94fe8] {
	font-size:14px;
	color:#fff;
	margin-left:16px;
	margin-bottom:9px;
	font-weight:bolder
}
.hotel .wrap .item .text[data-v-dcc94fe8] {
	height:60px;
	text-align:center;
	background:#f7f7f7;
	padding:5px 10px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px
}
.hotel .wrap .item .text h4[data-v-dcc94fe8] {
	font-size:15px;
	color:#333;
	font-weight:400;
	line-height:30px
}
.hotel .wrap .item .text p[data-v-dcc94fe8] {
	font-size:14px;
	color:#999
}
.hotel .wrap .item:hover .info[data-v-dcc94fe8] {
	-webkit-transform:translateY(170px);
	transform:translateY(170px)
}
.hotel .wrap .item:hover .text[data-v-dcc94fe8] {
	background:#2a7cdb
}
.hotel .wrap .item:hover .text h4[data-v-dcc94fe8], .hotel .wrap .item:hover .text p[data-v-dcc94fe8] {
	color:#fff
}