dl,dt,dd,ul {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
a {
	text-decoration:none;
}
.picker-box {
	-webkit-user-select:none;
	z-index: 6;
    position: relative;
}
.picker-box dt {
	background-color:#dbdbdb;
	padding:5px 20px;
}
.picker-box dd {
	padding:15px 20px;
	border-bottom:1px solid #dbdbdb;
}
.pro-picker,.city-picker {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	background-color:#fff;
	overflow:auto;
	width:100%;
}
.city-picker li {
	padding:20px;
	border-bottom:1px solid #dbdbdb;
}
.navbar {
	position:fixed;
	top:50%;
	right:0;
	width:40px;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	border-radius:5px;
	font-size:28px;
}
.navbar a {
	display:block;
	text-align:center;
	color:gray;
}
.navbar.active {
	background-color:grey;
}
.navbar.active a {
	color:#fff;
}
.picker-box .prompt {
	display:block;
	width:85px;
	height:85px;
	line-height:85px;
	font-size:36px;
	border-radius:50%;
	background-color:gray;
	color:#fff;
	text-align:center;
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.common{
	display:inline-block;
	width:690px;
	background-color:#fff;
	margin: 30px;
}
.common.host{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
	margin-top:0;
}
.common.recommend{
	margin-bottom:0 !important;
}
.common span{
	float:left;
	width:25%;
	line-height:78px;
	font-size:28px;
	text-align:center;
}
.common a{
	float:left;
	width:100%;
	line-height:80px;
	font-size:28px;
	margin-left: -3px;
    background-color: #fff;
}
.common.host span{
	box-sizing:border-box;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
.common.recommend span{
	box-sizing:border-box;
	border:1px solid #ccc;
}