body{
	background-color: #fff;
}
.navWrap .layui-icon {	
font-size: 22px;	
width: 22px;
}
.navWrap p {	
font-size: 16px;	
}
.city-p-tit{
	color: #EF6214;
	font-weight: bold;
	padding-bottom: 1rem;
	border-bottom: 1px solid #f5f6f8;
	margin-bottom: 1rem;
	position: relative;
}
.city-p-tit::after{
	content: "";
	width: 24px;
	height: 2px;
	background-color: #EF6214;
	border-radius: 2px;
	position: absolute;
	bottom: 0;
	left: 9px;
}
.city-p-tit2{
	padding-bottom: .5rem;
}
.common-city{
	flex-wrap: wrap;
	width: 90%;
}
.common-city a{
	color: #666;
	background-color: #f5f6f8;
	border-radius: 4px;
	padding: 2px 20px;
	margin: 0 1rem 1rem 0;
	
}
.cityList li a{
	padding-bottom: 1rem;
}
.cityList li span{
	padding-right: 1rem;
}
.caps {
  position: fixed;
  right: 3%;
  bottom: 5rem;
}

@media (min-width: 650px) {
  .caps {
    right: calc((100vw - 650px) / 2 + 12px);
  }
}
.caps em{
	padding: 2px 5px;
	text-align: center;
	color: #EF6214;
}
/* .caps em.act{
	background-color: #EF6214;
	border-radius: 6px;
	color: #fff;
	
} */