﻿.provinceCityAll {
	width: -webkit-calc(100% - 0.50rem); width: calc(100% - 0.50rem);
	max-width: 320px;
	position: absolute;
	background: #FFF;
	display: none;
	margin-top: 20px;
}

.provinceCityAll .tabs { 
	overflow: hidden;
	border-bottom: 2px solid #323055;
	background: #f7f7f7;
}

.provinceCityAll .tabs li {
	width:33.33%;
	float: left;
	cursor: pointer;
}

.provinceCityAll .tabs li a,.provinceCityAll .tabs li a:visited {
	display: block;
	height: 36px;
	color: #777777;
	line-height: 40px;
	text-align: center;
	text-decoration: none; 
}

.provinceCityAll .tabs li a.current,.provinceCityAll .tabs li a.current:visited
	{
	background: #24549B;
	color: #FFF
}

.provinceCityAll .con {
	overflow: hidden;
	border: 1px solid #d6d6d6;
	border-top: none;
	padding: 10px;
	position: relative; 
} 
.provinceCityAll .pre,
.provinceCityAll .next{position: absolute; top:10px; left:0; width: 30px; height: 120px; }
.provinceCityAll .next{ left:auto; right:0;}
.provinceCityAll .pre a,
.provinceCityAll .next a{ display:block; height: 100%; position:relative; cursor: pointer;}
.provinceCityAll .pre a:before,
.provinceCityAll .next a:before{content: "<"; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); font-size: 20px; font-family: serif; font-weight: bold; }
.provinceCityAll .next a:before{ content: ">"; }  
.provinceCityAll .pre a.can,.provinceCityAll .pre a.can:visited{ color: #24549B } 
.provinceCityAll .next a.can,.provinceCityAll .next a.can:visited{ color: #24549B }
.list{ width: 225px; margin: auto; font-size: 14px; } 
.list li {
	float: left;
	width: 75px;
	text-align: center;
	overflow: hidden; 
}
.list li a{
	display:block; cursor: pointer; line-height: 30px;
}
.list li a,
.list li a:visited
	{
	color: #777777
}
.list li a:hover,
.list li a:hover:visited
	{
	background: #24549B;
	color:#ffffff;
}
.list li a.current,
.list li a.current:visited
	{
	color: #24549B
}

.provinceCityAll .city {
	float: left;
	width: 284px;
	margin: auto
}

.provinceCityAll .city li {
	float: left;
	width: 69px;
	text-align: center;
	overflow: hidden;
	padding: 3px 0
}
 

.provinceCityAll .county {
	float: left;
	width: 284px;
	margin: auto
} 
 
.provinceCityAll .hotCity {
	float: left;
	width: 284px;
	margin: auto
}
 
 
 
#dimCityQuery {
	position: absolute;
	border: 1px solid #d6d6d6;
	background: #FFF;
	display: none
}

#dimCityQuery li a,#dimCityQuery li a:visited {
	display: block;
	height: 26px;
	padding: 0 15px;
	line-height: 26px;
	color: #777777;
	text-decoration: none
}

#dimCityQuery li.current a,#dimCityQuery li.current a:visited {
	background: #ff6c00;
	color: #FFF
}

#dimCityQuery li.none {
	height: 26px;
	padding: 0 15px;
	line-height: 26px;
	color: #777777
}

.city_input {
	/* border: 1px solid #d6d6d6;
	width: 180px;
	height: 30px;
	background: url(../images/ts-indexcity.png) no-repeat;
	line-height: 30px;
	margin-top: 5px;
	text-indent: 5px; */
	background: url(../images/ts-indexcity.png) no-repeat right center;
	cursor: pointer;
}

.provinceCityAllAll .clear {
	clear: both;
	overflow: hidden;
	height: 1px;
}

.provinceCityAllAll .clearfix {
	overflow: auto;
	height: 1%
}

.provinceCityAllAll img {
	border: 0;
	vertical-align: middle
}

.provinceCityAllAll a,.provinceCityAllAll a:visited {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.provinceCityAllAll a:hover {
	text-decoration: underline;
	color: #333
}

.provinceCityAllAll a,.provinceCityAllAll a:hover {
	text-decoration: none
}

.provinceCityAllAll ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.provinceCityAllAll label {
	color: #6CBD45;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin: 0;
}

.h3 {
	font-size: 13px;
	font-weight: bold;
}

.provinceCityAllAll #meun {
	color: #fff;
	padding-left: 10px;
}

.provinceCityAllAll #meun img {
	float: left;
}

.provinceCityAllAll #submeun {
	margin-left: 70px;
	float: left;
}

.provinceCityAllAll #submeun span {
	text-align: center;
	margin-right: 10px;
	float: left;
	display: inline;
}

.provinceCityAllAll #submeun span a {
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
}

.provinceCityAllAll #submeun span.cur {
	text-align: center;
	background: #82ce18;
	margin-right: 10px;
	float: left;
	display: inline;
}

.provinceCityAllAll #top {
	background-color: #000;
	margin: 0em 0 10px 0em;
	border-style: solid;
	border-width: 1px;
	border-color: #E5E5E5;
	height: 50px;
	line-height: 50px;
}

.provinceCityAllAll label.subtitle {
	font-size: 13px;
	float: right;
	color: #6CBD45;
	margin: 0 10px;
	text-align: right;
}

.provinceCityAllAll h1.title {
	height: 50px;
	font-size: 12px;
	background: url(logo.png) no-repeat;
}

.provinceCityAllAll h1.title a:link,.provinceCityAllAll h1.title a:visited,.provinceCityAllAll h1.title a:hover
	{
	color: #000;
	text-decoration: none;
}

.provinceCityAllAll li , .provinceCityAllAll .next, .provinceCityAllAll .pre {
	cursor: pointer;
}

.provinceCityAllAll {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}