@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:normal;}
i,em{font-style:normal;}
a{text-decoration:none; font-size:12px;color:#666;}
input{outline:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
*
.to{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body {
    font: normal normal 14px Arial, Helvetica, '微软雅黑', '黑体';
    background:#fff;
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
}
.detail-content{
	padding-bottom: 150px;
}
.park-margin{
	padding:0 20px;
	margin-top: 48px!important;
}
.parkindex-menu{
	margin-top: 20px;
}
.parkindex-menu li{
	width: 20%;
	float: left;
	text-align: center;
}
.parkindex-menu li img{
	display: inline-block;
	width: 32px;
}
.parkindex-menu li span{
	display: block;
	color: #333;
	font-size: 12px;
	margin-top: 12px;
}
.parkindex-banner{
	position: relative;
}
.swiper-container,.swiper-container-banner,.swiper-container-1{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination-bullet{
	width:6px;
	height:2px;
	background:rgba(255,255,255,1);
	border-radius:3px;
}
.swiper-pagination-bullet-active{
	background:rgba(255,211,27,1);
}
.swiper-pagination-bullet{
	opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 2px;
}
.parkindextype-model .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 10px;
	right: 12px;
	width: auto;
	left: auto;
}
.parkindexbanner-img{
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
.park-big-title{
	color: #333;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 20px;
	padding: 0;
	font-weight: bold;
}
.parkindexroom-box{
	position: relative;
	padding: 4px 0 0 4px;
}
.parkindexroom-box img{
	border: 2px;
	width: 100%;
}
.parkindexroom-label{
	position: absolute;
	top:0;
	left: 0;
	height:20px;
	background:rgba(255,86,83,0.8);
	border-radius:4px 4px 14px 4px;
	padding: 0 8px;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}
.parkindexroom-place,.parkindexroom-detail{
	position: absolute;
	left: 4px;
	text-align: left;
	width: 98%;
}
.parkindexroom-place{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	bottom: 21px;
}
.parkindexroom-detail{
	font-size: 12px;
	color: #999;
	bottom: 0;
}
.parkindexroom-main .swiper-slide{
	padding-bottom: 46px;
}
.parkindex-type a{
	display: block;
}
.parkindextype-model{
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	border-radius:8px;
	padding: 12px;
	margin-bottom: 20px;
}
.parkindextypemodel-img{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.parkindextypemodel-img img{
	width: 100%;
	min-height: 100%;
}
.parkindextypemodel-text{
	margin-top: 16px;
	position: relative;
}
.parkindextyprmodel-textprice{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #FF5653;
}
.parkindextyprmodel-textprice span{
	margin-right: 4px;
	font-weight: bold;
	font-size: 16px;
}
.parkindextyprmodel-texttitle{
	width: 59%;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.parkindextyprmodel-textplace{
	margin-top: 4px;
	color: #999;
	font-size: 12px;
	width: 100%;
}
.parkindextypemodel-label li{
	display: inline-block;
	padding: 5px 8px;
	background: #333;
	color: #DCC18D;
	font-size: 12px;
	margin-right: 8px;
	border-radius: 4px;
	margin-top: 12px;
}
.parkindexlife-main a{
	display: block;
}
.parkindexlife-main li{
	width: 48%;
	float: left;
	margin-bottom: 20px;
}
.parkindexlife-main li:nth-child(2n){
	margin-left: 2%;
}
.parkindexlife-main li:nth-child(2n+1){
	margin-right: 2%;
}
.parkindexlife-main li .parkindexlife-img{
	width: 100%;
	overflow: hidden;
}
.parkindexlife-main li .parkindexlife-img img{
	width: 100%;
	min-height: 100%;
	border-radius: 4px;
}
.parkindexlife-main li .parkindexlife-text{
	color: #333;
	font-size: 12px;
	margin-top: 12px;
	line-height: 17px;
	height: 33px;
	overflow: hidden;
}
.detail-title .park-big-title{
	margin: 0;
}
.detail-map{
	border-bottom: 1px solid #F4F4F4;
	border-top: 1px solid #F4F4F4;
	padding: 17px 0;
	margin: 48px 20px 0 20px;
	position: relative;
}
.detailmap-text{
	line-height: 21px;
	width: 90%;
	color: #999;
	font-size: 15px;
	background: url("../images/detail/icon_search_area.png") no-repeat;
	background-size: 18px 18px;
	padding-left: 20px;
	background-position: 0 1px;
}
.detail-map i{
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../images/detail/icon_label_arrow.png") no-repeat;
	background-size: 100%;
	position: absolute;
	top:16px;
	right: 0;
}
.detail-introduce{
	margin: 32px 20px 0 20px;
	box-shadow:4px 4px 10px 0px rgba(193,193,193,0.3);
	border-radius:2px;
	border:1px solid rgba(193,193,193,0.3);
	padding: 20px;
}
.detail-introduce p{
	font-size: 13px;
	line-height: 24px;
	color: #999;
}
.detailservice-main li{
	width: 25%;
	margin-top: 16px;
	float: left;
	text-align: center;
}
.detailservice-main li img{
	width: 32px;
	display: inline-block;
}
.detailservice-main li p{
	font-size: 12px;
	color: #999;
	margin-top: 8px;
	line-height: 15px;
	height: 36px;
	overflow: hidden;
}
.detailroom-list{
	padding: 16px 0;
	border-bottom: 1px solid #F4F4F4;
	position: relative;
}
.detailroom-list a{
	display: block;
}
.detailroomlist-img{
	width: 35%;
}
.detailroomlist-img img{
	width: 100%;
	min-height: 100%;
	border-radius: 2px;
}
.detailroomlist-main{
	margin-left: 40%;
	width: 55%;
}
.detailroomlist-title{
	font-size: 16px;
	color: #333;
	line-height: 23px;
	font-weight: bold;
}
.detailroomlist-price{
	color: #666;
	font-size: 16px;
	line-height: 19px;
	margin-top: 9px;
}
.detailroomlist-area{
	color: #999;
	font-size: 14px;
	line-height: 20px;
	margin-top: 16px;
}
.detailroomlist-more{
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../images/detail/icon_label_arrow.png") no-repeat;
	background-size: 100%;
	position: absolute;
	right: 5px;
	top: 40%;
}
.detailaround-text{
	margin: 20px 0;
}
.detailaround-text p{
	font-size: 14px;
	color: #999;
	line-height: 25px;
}
.detail-button{
	position: fixed;
	width: 100%;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	padding: 14px 18px;
	bottom: 0;
	left: 0;
	z-index: 999;
}
.detail-button span{
	display: inline-block;
	width: 48%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 17px;
	border-radius: 4px;
}
.detail-button span a{
	display: block;
	font-size: 17px;
	color: #fff;
}
.detail-button span.detail-call{
	background: rgba(129,83,190,0.10);
}
.detail-button span.detail-call a{
	color: #8153BE;
}
.detail-button span.detail-contact{
	background: #8153BE;
	border: 1px solid #8153BE;
	color: #fff;
}
.detail-banner{
	padding: 4px 20px 0 20px;
	position: relative;
}
.append-buttons a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	margin: 0 10px;
	font-size: 12px;
	line-height: 22px;
	opacity: 0.5;
}

.detailbanner-mask{
	position: absolute;
	bottom: 10px;
	z-index: 20;
	left: 5%;
	width: 90%;
	background: rgba(0,0,0,0.3);
	padding: 0 4px;
	height: 22px;
	border-radius: 11px;
}
.detailbanner-mask .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	right: 0;
	bottom: 0;
	color: #fff;
	height:22px;
	padding: 0 10px;
	line-height: 22px;
	background: rgba(0,0,0,0.3);
	border-radius: 11px;
}
.detail-banner .swiper-slide img{
	width: 100%;
	min-height: 100%;
}
.room-banner .swiper-pagination{
	 bottom: 10px;
	 right: 10px;
 }
.room-price{
	color: #FF5653;
	font-size: 14px;
	line-height: 28px;
	margin-top: 8px;
}
.room-price span{
	font-size: 20px;
	padding-right: 8px;
	font-weight: bold;
}
.room-titlt{
	margin:32px 0;
	padding: 0 20px;
}
.room-map{
	margin: 0 20px;
}
.room-facilities li{
	width: 20%;
	float: left;
	text-align: center;
	margin-top: 20px;
}
.room-facilities li img{
	width: 40px;
	height: 40px;
	padding: 8px;
	background: #F4F4F4;
	border-radius: 8px;
	display: inline-block;
}
.room-facilities li p{
	margin-top: 12px;
	font-size: 12px;
	line-height: 17px;
	color: #999;
	text-align: center;
}
.detail-service{
	position: relative;
}
.roomfacilities-more{
	position: absolute;
	top: 0;
	right: 20px;
}
.roomfacilities-more a{
	color: #C1C1C1;
	font-size: 12px;
}
.roomfacilities-more i{
	width: 22px;
	height: 22px;
	background: url("../images/detail/icon_label_arrow.png") no-repeat;
	background-size: 22px 22px;
	display: inline-block;
	background-position: 0 6px;
}
.room-introduce{
	padding: 12px 0;
	border-bottom: 1px solid #F4F4F4;
	position: relative;
	margin: 0 20px;
}
.room-introduce i{
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 21px;
	top:12px;
	left: 50%;
	background:#F4F4F4 ;
}
.room-introduce p{
	width: 49%;
	display: inline-block;
	float: left;
	color: #333;
	line-height: 21px;
	height: 21px;
	text-align: center;
}
.room-introduce p span{
	color: #999;
}


@media screen and (max-width: 400px){
	.append-buttons a {
		margin: 0 5px;
	}
}
@media screen and (max-width: 330px){

	.parkindexroom-place {
		font-size: 12px;
	}
	.detailservice-main li p {
		line-height: 18px;
	}
	.room-facilities li img {
		width: 35px;
		height: 35px;
	}
	.append-buttons a {
		margin: 0 3px;
	}
	
}