html,body{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
}

.locationContainer{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.provinceList,.provinceList>li{
	width: 100%;
	position: relative;
	font-size: .14rem;
	line-height: .4rem;
}

.provinceList>li{
	overflow: hidden;
}

.provinceList{
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.provinceList h1,.provinceList span{
	width: 100%;
	display: block;
	line-height: inherit;
}

.provinceList h1{
	background: #eee;
	font-size: .16rem;
	text-indent: .1rem;
}

.provinceList span{
	text-indent: .1rem;
	color: #333;
	border-bottom: .01rem solid #eee;
	font-size: inherit;
}

.provinceList li>span:last-child{
	border-bottom: none;
}

.cityContainer{
	width: 100%;
	position: fixed;
	top: 0;
	left: 100%;
	bottom: 0;
	z-index: 100;
	background: #fff;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

.cityList,.cityList>li,.cityContainer>div>a{
	width: 100%;
	position: relative;
	overflow: hidden;
	line-height: .4rem;
	font-size: .14rem;
	color: #333;
	text-indent: .1rem;
	text-align: left;
	display: block;
}

.cityList>li,.cityContainer>div{
	border-bottom: .01rem solid #eee;
}

.cityContainer.show{
	left: 0;
}