.cityMask {
	width: 100%;
	height: 100vh;
	background-color: #191919;
	background-color: rgba(25, 25, 25, .6);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 99999;
	
}

.city-content {
	width: 88%;
	font-size: 39px;
	background-color: #fff;
	padding: 6.4px;
	padding: .4rem;
	-webkit-border-radius: .4rem;
	border-radius: .4rem;
	color: #333;
	position: absolute;
	left: 4.7%;
	top: 21.333px;
	top: 1.33333rem
}

.city-content h1 {
	font-size: 16px;
	text-align: center;
	line-height: 150%;
	margin-bottom: 3.2px;
	margin-bottom: .2rem
}

.city-content .city-list li {
	padding: 5px 10px;
	margin: 5px 10px;
	float: left;
	text-align: center;
	line-height: 12.8px;
	line-height: .8rem;
	border: 1px solid #a0a0a0;
	background-color: #fff;
	font-size: 16px;
	-webkit-border-radius: .13333rem;
	border-radius: .13333rem
}

.city-content .city-list li:first-of-type,
.city-content .city-list li:nth-of-type(5),
.city-content .city-list li:nth-of-type(9),
.city-content .city-list li:nth-of-type(13),
.city-content .city-list li:nth-of-type(17),
.city-content .city-list li:nth-of-type(21),
.city-content .city-list li:nth-of-type(25),
.city-content .city-list li:nth-of-type(29) {
	margin-left: 0
}

.city-content .city-list .active {
	background-color: #00b9fd;
	color: #fff;
	border-color: #00b9fd
}

.city-content .clear {
	clear: both
}

.closeBtn {
	width: 25px;
	height: 25px;
	background-image: url(https://www.homekingcdn.com/home/imgs/close.9edbe4bf.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	top: 204.8px;
	top: 12.8rem;
	left: 46%
}