* {
	list-style: none;
	padding: 0;
	margin: 0;
}

.area-select-box {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	z-index: 999;
	overflow: hidden;
	display: none;
}

.area-select-background {
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5;
}

.area-select-obj {
	position: fixed;
	top: 0px;
	width: 78.4%!important;
	height: 101%;
	background-color: #f8f8f8;
	display: table;
	border: 1px solid #eee;
	font-size: 14px;
	right: 0;
	/* -webkit-transform: translate3d(27.6%, 0px, 0px);
	-moz-transform: translate3d(27.6%, 0px, 0px);
	-ms-transform: translate3d(27.6%, 0px, 0px);
	-o-transform: translate3d(27.6%, 0px, 0px);
	transform: translate3d(27.6%, 0px, 0px);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s; */
	transition: all 0.4s;
}

.area-mark {
	-webkit-transform: translate3d(128%, 0px, 0px);
	-moz-transform: translate3d(128%, 0px, 0px);
	-ms-transform: translate3d(128%, 0px, 0px);
	-o-transform: translate3d(128%, 0px, 0px);
	transform: translate3d(128%, 0px, 0px);
}

.area-select-obj .area-select {
	display: table-cell;
	height: 33.33%;
	position: relative;
	overflow: hidden;
}

.area-province,.area-select {
	width: 33.33%;
	background: white;
}

.area-select-province li {
	background: white;
	border-right: 1px solid #eee;
}

.area-select-province li.on {
	background: #f8f8f8;
	border-right: 0;
	color: #2078fb;
}

.area-select-option {
	margin-left: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #eee;
}

.area-select li {
	background-color: #fff;
}

.area-select li.on {
	background-color: #f8f8f8;
}

.area-select li:last-child .area-select-option {
	border: none;
}

.area-select-option>span {
	margin-right: 4px;
	color: #333;
}

.area-select-province li.on .area-select-option>span {
	color: #2078fb;
}

.area-select-province,
.area-select-city {
	width: 100%;
	position: absolute;
	top: 0px;
}

.area-select-city {
	background: #f8f8f8;
}

.area-select-city li{
	background: white;
	border-right: 1px solid #eee;
}

.area-select-city li.on {
	color: #2078fb;
}

.area-select .area-background-tab {
	background: #ececec;
}
