body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; list-style:none;font-family: "微软雅黑"; -webkit-appearance: none;}
a{color:#2b2b2b; text-decoration:none}
body{
	font-size:24px;
	background-color:#ededed;
}
img { border:0px;}

.whole{
	width:100%;
	height:auto;
	overflow:hidden;
	border-bottom:1px solid #ded9da;
	background-color:#fff;
	margin-bottom:120px;
}
.detail-pic{
	position:relative;
	width:100%;
	height:498px;
	overflow:hidden;
}
.headPic {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.headPic a {
    float: left;
    width: 100%;
    height: 498px;
    position: relative;
    text-decoration: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
}
a.back{
	position:absolute;
	width:40px;
	height:40px;
	overflow:hidden;
	left:30px;
	top:30px;
}
.share{
	position:absolute;
	width:40px;
	height:40px;
	overflow:hidden;
	right:30px;
	top:30px;
}
.number{
	position:absolute;
	width:100px;
	height:47px;
	background-color:rgba(0,0,0,0.5);
	border-radius:20px;
	right:30px;
	bottom:20px;
	color:#fff;
	text-align:center;
	font-size:26px;
	line-height:47px;
}

.detail-content{
	position:relative;
	width:100%;
	height:auto;
}
.detail-content .detail-head{
	position:relative;
	width:126px;
	height:126px;
	overflow:hidden;
	border-radius:50%;
	border:4px solid #fff;
	z-index:66;
	margin-top:-66px;
	left:50%;
	margin-left:-63px;
}
.detail-con{
	width:100%;
	height:auto;
	overflow:hidden;
}
.detail-con h3{
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:34px;
	line-height:50px;
	margin-top:10px;
}
.detail-con p{
	float:left;
	font-size:28px;
	text-align:center;
	height:50px;
	line-height:50px;
	position: relative;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}
.detail-con p:nth-of-type(1),.detail-con p:nth-of-type(3){
	width:100% !important;
}
.detail-con p:nth-of-type(2) span{
	float:left;
}
.detail-con p a{
	margin-left:37px;
}

a.maps{
	display:inline-flex;
	width:30px;
	height:30px;
	overflow:hidden;
}
.collect{
	width:54px;
	height:54px;
	display:inline-block;
	background-image:url(../image/collect.png);
	background-repeat:no-repeat;
	background-size:100% auto;
}
a.num-people{
	margin-left:0 !important;
}


.detail-res{
	overflow:hidden;
	margin:20px auto;
	padding-top:15px;
	border-top:1px solid #ded9da;
}
.detail-res h3,.detail-res p,.detail-res a{
	float:left;
	width:100%;
	text-align:center;
	line-height:50px;
	font-size:28px;
}
.detail-res h3{
	line-height:80px;
	font-size:34px;
}
.detail-res a{
	color:#3d87dc;
}


.overhead{
	overflow:hidden;
	margin:0 auto;
}
.overhead h3{
	line-height:80px;
	font-size:34px;
	text-align:center;
}
.overhead_list{
	overflow:hidden;
	width:500px;
	margin:0 auto;
}
.over-common{
	width:250px;
	float:left;
	height:auto;
	overflow:hidden;
}
.over-common p:first-child{
	float:left;
	width:54px;
	height:54px;
	margin:0 98px;
}
.over-common p:first-child ~ p{
	float:left;
	width:100%;
	text-align:center;
	font-size:30px;
	color:#333333;
	line-height:60px;
}
.over-common p a{
	color:#3d87dc;
}



.order-content{
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
	left:-100%;
	top:0;
	background-color:rgba(0,0,0,0.5);
	z-index:999999;
}
.order_active{
	animation:shows 1s ease-in-out forwards;
	-webkit-animation:shows 1s ease-in-out forwards;
}
@keyframes shows{
	from{
		transform:rotate(0deg);
		left:-100%;
	}
	to{
		transform:rotate(360deg);
		left:0;
	}
}
@-webkit-keyframes shows{
	from{
		-webkit-transform:rotate(0deg);
		left:-100%;
	}
	to{
		-webkit-transform:rotate(360deg);
		left:0;
	}
}
.order-cc{
	width:90%;
	height:300px;
	background-color:#fff;
	margin:0 5%;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	padding:5px 5px 30px 5px;
	top:50%;
}
.layui-m-layercont{
	font-size:28px;
	padding:10px;
	line-height:80px !important;
}
.order-con{
	float:left;
	width:96%;
	height:240px;
	margin:5px 2%;
	font-size:28px;
	color:#333333;
	outline:none;
	border:none;
}
.pl{
	position:absolute;
	right:8px;
	bottom:10px;
	width:140px;
	height:60px;
	border-radius:4px;
	background-color:#db3d3c;
	color:#fff;
	font-size:28px;
	text-align:center;
	line-height:60px;
}


.footer{
	position:fixed;
	width:100%;
	height:100px;
	bottom:0;
	left:0;
	border-top:1px solid #ded9da;
	background-color:#fff;
}
.footer a{
	float:left;
	height:100px;
	overflow:hidden;
}
a.foot_list{
	width:20%;
}
a.order{
	width:60%;
	background-color:#db3d3c;
	color:#fff;
	font-size:32px;
	text-align:center;
	line-height:100px;
}
a.collect_foot{
	border-right:1px solid #ded9da;
	box-sizing:border-box;
}
a.collect_foot.colle p:first-child{
	background-position:0 -34px;
}
a.collect_foot.colle p:first-child ~ p{
	color:#db3d3c !important;
}
a.foot_list p:first-child{
	display:inline-block;
	width:34px;
	height:34px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	left:50%;
	position:relative;
	margin-top:15px;
}
a.collect_foot p:first-child{
	position:relative;
	transition:background-position 1s ease-in-out;
	-webkit-transition:background-position 0.5s ease-in-out;
	background-image:url(../image/shoucang.png);
	background-repeat:no-repeat;
	background-size:100% auto;
}
a.foot_list p:first-child ~ p{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:28px;
}


/****分享各大社区菜单***/
.shaer-menu{
	overflow:hidden;
}
ul.share-list{
	width:100%;
	height:auto;
	background-color:#e8e8e8;
	bottom:-340px;
	left:0;
	position:fixed;
	padding:10px 0;
	transition:bottom 1s ease-in-out;
	z-index:999999;
}
.shaer-menu.activ ul.share-list{
	bottom:0;
}
ul.share-list li{
	float:left;
	width:187.5px;
	max-width:25%;
	height:auto;
	margin:10px auto;
}
ul.share-list li p:first-child{
	float:left;
	width:60px;
	height:60px;
	margin:5px 63.75px;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	overflow:hidden;
}
ul.share-list li p:first-child ~ p{
	float:left;
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:44px;
}
.close{
	width:80px;
	height:80px;
	overflow:hidden;
	border-radius:50%;
	background-color:#e8e8e8;
	position:absolute;
	top:-40px;
	left:50%;
	margin-left:-40px;
}