html body{
    min-width: 1100px;
	background: #f5f5f5;
}
.container{
	padding: 0 0;
}
.now-place {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 600;
}
.fpyx-ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fpyx-ul li{
	width: 260px;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	border-radius: 10px;
}
.fpyx-ul li img{
	width: 100%;
	height: auto;
}
.fpyx-ul li span{
	position: absolute;
	right: 10px;
	bottom: 88px;
	color: #fff;
}
.fpyx-ul li p{
	background: #fff;
	height: 80px;
	font-size: 18px;
	color: #000;
	line-height: 40px;
	padding: 0 10px;
}
.fpyx-ul li:hover{
	z-index: 2;
	    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	    box-shadow: 0 15px 30px rgba(0,0,0,.1);
	    -webkit-transform: translate3d(0,-2px,0);
	    transform: translate3d(0,-2px,0);
}
.footer{
	background-image: linear-gradient(#76caf6, #299dda);
}
.footer .middle p,.footer .middle a{
	color: #FFF;
}