.content {
	margin-top: 1.59rem
}

.indexss {
	display: block;
	width: 5.6rem;
	height: 0.6rem;
	margin: 0 0.44rem 0 0;
	overflow: hidden;
	border-radius: .3rem;
	background: #F4F4F4;
	border: .01rem solid #F4F4F4;
	    margin-left: -1rem;
	    margin-right: -0.6rem;
}

#form-search {
	width: 5.6rem;
	margin: 0 0.44rem 0 0;
}

.indexss img {
	display: block;
	width: 0.23rem;
	height: 0.23rem;
	float: left;
	margin: 0.18rem 0.09rem 0 0.27rem;
}

.indexss span {
	display: block;
	float: left;
	overflow: hidden;
	line-height: 0.6rem;
	height: .6rem;
	color: #999999;
	font-size: 0.24rem;
	font-weight: normal;
}

nav {
	width: 6.5rem;
	height: 0.84rem;
	line-height: .84rem;
	background: #fff;
	position: fixed;
	top: .86rem;
	padding: 0 .5rem;
	z-index: 99;
}

nav ul {
	width: 99%;
	height: 100%;
	text-align: justify;
}

nav li {
	display: inline-block
}

nav li span {
	display: block;
	float: left;
	font-size: .24rem;
	color: #666666
}

nav li.active span {
	color: #00a2ed;
}

nav li.active i {
	background: url('../img/syy-img/arrowon.png') no-repeat center;
	background-size: cover;
}

nav li i {
	display: block;
	width: 0.14rem;
	height: 0.08rem;
	float: left;
	background: url('../img/syy-img/arrow.png') no-repeat center;
	background-size: cover;
	margin: .36rem 0 0 .16rem
}

nav li:nth-child(4) i {
	width: 0.22rem;
	height: 0.22rem;
	display: block;
	background: url('../img/syy-img/calssify.png') no-repeat center;
	background-size: contain;
	margin: 0.31rem 0 0.31rem 0.16rem;
}

nav li:nth-child(4).active i {
	background: url('../img/syy-img/calssifyon.png') no-repeat center;
	background-size: cover;
}

.justify_fix {
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.commonList {
	overflow: hidden;
}

.commonList li {
	width: 5.9rem;
	padding: 0.3rem .25rem;
	background: #fff;
	overflow: hidden;
	border-bottom: 1px solid #E6E6E6
}

.commonList li img {
	width: 2.36rem;
	height: 1.58rem;
	border-radius: .25rem;
	float: left;
}

.spotInfo {
	width: 3.28rem;
	float: left;
	margin-left: .22rem
}

.spotInfo h3 {
	font-size: .3rem;
	font-weight: normal;
	color: #333333
}

.spotInfo p {
	font-size: .22rem;
	color: #999999
}

.commonList .star li {
	float: left;
	width: .26rem;
	border: 0;
	margin-right: .08rem;
	padding: 0
}

.commonList .star span {
	font-size: .22rem;
	color: #ff4e32;
	margin-left: .28rem
}

.commonList .star {
	margin: .05rem 0 .08rem;
}

.commonList .star li img {
	width: 0.26rem;
	height: 0.24rem;
}

.perfer {
	/* width: 0.46rem; */
	height: 0.26rem;
	border: 1px solid #F5AC2D;
	display: block;
	text-align: center;
	line-height: .28rem;
	border-radius: .1rem;
	font-size: .18rem;
	color: #f5ac2d;
	/* margin-top: .14rem; */
	margin: 0.18rem 0.12rem 0 0 !important;
}

.all {
	display: none;
	width: 100%;
	background: #fff;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 1.6rem;
	z-index: 101;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
}

.all_l {
	display: block;
	float: left;
	width: 3.2rem;
	height: 5.8rem;
	background: #efefef;
}

.all_l ul {
	display: block;
	width: 100%;
	overflow: hidden;
}

.all_l li {
	display: block;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e9e9e9;
}

.all_l li a {
	display: block;
	width: 3.2rem;
	font-size: 0.24rem;
	text-align: left;
	padding-left: .45rem;
	color: #333;
	line-height: 0.7rem;
}

.all_l .choice a {
	background: #fff;
	color: #00a2ed
}

.all_r {
	display: block;
	float: right;
	overflow: hidden;
	width: 4.3rem;
	height: 5.8rem;
	overflow-y: auto;
	background: #fff;
}

.all_r ul {
	display: block;
	width: 100%;
}

.all_r li {
	display: block;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.all_r li h3 {
	font-size: .28rem;
	color: #333;
	padding: 0 .25rem 0 .37rem;
	line-height: 1rem
}

.all_r li h3 img {
	width: 0.27rem;
	height: 0.33rem;
	float: left;
	margin: .36rem 0.13rem 0 0
}

.all_r dl {
	display: block;
	float: right;
	overflow: hidden;
}

.all_r dl dd {
	display: block;
	width: 100%;
	font-size: 0.28rem;
	overflow: hidden;
	line-height: 0.85rem;
}

.all_r dl dd a {
	width: 3.8rem;
	display: block;
	font-size: .24rem;
	text-align: left;
	padding-left: .25rem;
	border-bottom: 1px solid #dbdbdb;
	line-height: 0.7rem;
	color: #666666;
}

.all_r dd.active a {
	color: #00a2ed
}

.listBox {
	background: #fff
}

.listBox li {
	font-size: .24rem;
	color: #333;
	padding-left: .95rem;
	position: relative;
	line-height: .7rem;
	border-bottom: 1px solid #DBDBDB
}

.listBox li img {
	width: 0.22rem;
	height: 0.16rem;
	position: absolute;
	left: .49rem;
	top: .29rem;
	display: none
}

.listBox li.active {
	color: #00a2ed
}

.listBox li.active img {
	display: block
}

.typeBox,
.typeMoney {
	padding: 0 .25rem;
	overflow: hidden;
	background: #fff;
	margin-bottom: -0.02rem;
}

.allFor .all:nth-child(4) {
	background: transparent
}

.typeBox p,
.typeMoney p {
	font-size: .24rem;
	color: #999999;
	margin-top: .3rem
}

.typeBox li {
	height: 0.4rem;
	text-align: center;
	padding: 0 .14rem;
	border-radius: .2rem;
	font-size: .24rem;
	color: #333;
	display: block;
	float: left;
	background: #F2F2F2;
	margin-left: .4rem;
	margin-top: .3rem;
	line-height: .4rem;
	vertical-align: middle;
	/* background-color: #00a2ed; */
}
.typeBox li:first-child{
	margin-left: 0;
}
.typeBox li span{
	height: 0.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btnBox ul {
	display: flex
}

.typeBox li.active {
	color: #00A2ED
}

.btnBox li {
	flex: 1;
	text-align: center;
	line-height: .8rem;
	font-size: .3rem;
	color: #333333;
	background: #F4F4F4
}

.btnBox li.ensure {
	color: #fff;
	background: #00A2ED
}

.moneySelect ul {
	display: flex
}

.moneySelect {
	padding: .5rem 0;
}

.moneySelect li {
	position: relative;
	padding-top: .2rem;
	border-top: .04rem solid #ccc;
	flex: 1;
	text-align: center;
	font-size: .22rem;
	color: #999
}

.moneySelect li:first-child {
	text-align: left
}

.moneySelect li:last-child {
	text-align: right
}

.moneySelect li.active span {
	display: block
}

.moneySelect p {
	display: flex
}

.moneySelect li span {
	width: 0.1rem;
	height: 0.1rem;
	display: none;
	top: -.08rem;
	left: 50%;
	border-radius: 50%;
	background: #00A2ED;
	position: absolute;
}

.moneySelect li:first-child img {
	width: 0.24rem;
	height: 0.24rem;
	width: 0.24rem;
	position: absolute;
	height: 0.24rem;
	left: 0;
	top: -.4rem;
}

.moneySelect li.active img {
	display: block
}

.moneySelect li img {
	width: 0.24rem;
	display: block;
	height: 0.24rem;
	width: 0.24rem;
	display: none;
	position: absolute;
	height: 0.24rem;
	left: 50%;
	top: -.4rem;
}

.moneySelect li:last-child img {
	left: 100%
}

.moneySelect li:first-child span {
	left: 0
}

.moneySelect li:last-child span {
	left: 100%
}

.moneyBox {
	position: relative;
}

.moneySelectone {
	position: absolute;
	top: .5rem
}

.moneySelectone ul {
	display: flex
}

.moneySelectone li {
	position: relative;
	padding-top: .2rem;
	border-top: .04rem solid #ccc;
	flex: 1;
	text-align: center;
	font-size: .22rem;
	color: #999;
}

.progress {
	height: 0.06rem;
	width: 0%;
	background: #00a2ed;
	position: absolute;
	top: 0.48rem;
	z-index: 999;
}

.bottomLine p {
	text-align: center;
	font-size: .2rem;
	color: #b2b2b2;
	line-height: 1rem
}

.foodBottom .more {
	font-size: .24rem;
	color: #808080;
	text-align: center;
	line-height: .84rem;
	border-bottom: 1px solid #E6E6E6;
}

.foodMore {
	position: relative;
	margin: .29rem 0;
}

.foodMore p {
	width: 3.3rem;
	margin: 0 auto;
	font-size: .2rem;
	color: #999;
	text-align: center
}

.foodMore .firstImg {
	left: .95rem;
	position: absolute;
}

.foodMore img {
	width: .25rem;
	height: 0.2rem;
	top: 0
}

.foodMore img.lastImg {
	right: .95rem;
	position: absolute;
}

.foodMore a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 0.6rem;
	line-height: .6rem;
	text-align: center;
	font-size: .24rem;
	background: #00a2ed;
	margin: 0 auto;
	border-radius: .1rem;
	color: #fff;
	margin-top: .3rem
}

.foodMore a img {
	width: 0.22rem;
	margin-right: .05rem
}


.nav-img {
	width: 6.91rem;
	height: 2rem;
	margin: 1.72rem auto 0;
}

.contain .info {
	margin: 0 auto;
}

.info .index4con li {
	padding: .24rem 0;
}

.info .index4con li p {
	justify-content: flex-start;
	align-items: center;
	display: flex;
	overflow: hidden;
}

.contain .info {
	height: inherit;
}

.nav-all .img-nav {
	/* width: initial !important; */
}

.listBox li.active a {
	color: #00a2ed;
}

.listBox li a {
	color: #666;
}

.syy-jd {
	width: 6.91rem;
	height: 2rem;
	margin: 1.72rem auto 0;
	overflow: hidden;
	border-radius: .2rem;
}