html,
body,
form,
ol,
ul,
li,
div,
p,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td {
	margin : 0px;
	padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
	font-size  : 100%;
	font-weight: normal
}

ol,
ul {
	list-style: none;
}

html {
	_filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	font-size  : 12px;
	line-height: 1.5;
	font-family: Verdana, Geneva, sans-serif, \5b8b\4f53;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {}

img {
	border                : 0;
	-ms-interpolation-mode: bicubic;
}

.cl {
	clear    : both;
	font-size: 0;
	height   : 0;
	overflow : hidden
}

.fix:after {
	content: '\20';
	display: block;
	height : 0;
	clear  : both;
}

.fix {
	*zoom: 1
}

label {
	font-family: Tahoma;
}

input,
label {
	vertical-align: middle;
}

th {
	font-weight: normal;
	text-align : left
}

.nojj {
	border-collapse: collapse;
	border-spacing : 0
}

ins {
	float      : right;
	font-family: \5b8b\4f53;
}

body {
	margin     : 0px;
	padding    : 0px;
	background : #fff;
	font-size  : 14px;
	color      : #707070;
	font-family: "Microsoft YaHei", "宋体";
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color          : #acacac
}

a:hover {
	text-decoration: none;
}

a {
	blr    : expression(this.onFocus=this.blur());
	outline: none;
}

.clr {
	clear: both
}

.pointer {
	cursor: pointer
}

.none {
	display: none;
}

.relative {
	position: relative;
	z-index : 999
}

textarea {
	resize: none
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block;
	margin : 0;
	padding: 0;
}

.header {
	width          : 1200px;
	height         : 223px;
	background     : url(../image/changecity_bg.png) no-repeat center top;
	background-size: 100%;
	margin         : 20px auto 0;
	padding-left   : 10px;
	box-sizing     : border-box;
	position       : relative;
}

.logo {
	width : 150px;
	height: 45px;
}

.logo a {
	display        : block;
	width          : 150px;
	height         : 45px;
	background     : url(../image/u18.png) no-repeat;
	background-size: 100%;
	text-indent    : -999em;
}

.header-pic {
	width : 750px;
	margin: 0 auto;
}

.header-pic dl {
	overflow   : hidden;
	padding-top: 20px;
	text-align : center
}

.header-pic dl dt {
	float: left;
	width: 100px;
}

.header-pic dl dd {
	float    : left;
	width    : 610px;
	font-size: 45px;
	color    : #128cec;
}

.header-pic dl dd span {
	display    : block;
	font-size  : 22px;
	line-height: 26px;
}

.header-code {
	position  : absolute;
	width     : 200px;
	right     : 20px;
	top       : 50px;
	text-align: center;
	z-index   : 10
}

.header-code img {
	width : 120px;
	height: 120px;
}

.header-code p {
	font-size: 12px;
	color    : #355090;
}

.hots {
	width : 1200px;
	margin: 30px auto 0;
}

.hot_tit {
	float       : left;
	margin-right: 18px;
	color       : #ff552e;
	font-size   : 14px;
	font-weight : 600;
}

.hots a.hot-city {
	margin   : 0 10px;
	color    : #666;
	font-size: 14px;
}

.hots a.hot-city:hover {
	color: #ff552e
}

#selector {
	width     : 1200px;
	margin    : 27px auto 0;
	height    : 30px;
	text-align: left
}

.selector-title {
	float       : left;
	line-height : 30px;
	margin-right: 29px;
	color       : #555;
	font-size   : 14px;
	font-weight : 600
}

.selector {
	float        : left;
	cursor       : pointer;
	position     : relative;
	z-index      : 10;
	width        : 138px;
	height       : 28px;
	margin-right : 8px;
	border       : solid 1px #DDD;
	border-radius: 2px;
	color        : #999;
	font-size    : 14px
}

.selector:hover {
	border-color: #999
}

.selector-result {
	height      : 28px;
	padding-left: 15px;
	line-height : 28px;
	font-size   : 12px
}

.selector-arrow {
	position         : absolute;
	top              : 10px;
	right            : 10px;
	width            : 11px;
	height           : 7px;
	background-image : url(../image/changecity_down.png);
	background-size  : 100% 100%;
	background-repeat: no-repeat
}

/* .selector-arrow-HD {background-image: url(../image/changecity_down@2x.png)!important} */
.selector-arrow-up {
	transform: rotate(180deg)
}

.selector-box {
	display         : none;
	position        : absolute;
	top             : 28px;
	left            : -1px;
	width           : 138px;
	border          : solid 1px #DDD;
	font-size       : 12px;
	background-color: #fff;
	overflow-x      : hidden;
	overflow-y      : auto
}

.selector-list {
	width       : 100%;
	height      : 30px;
	line-height : 30px;
	padding-left: 15px;
	color       : #999;
	box-sizing  : border-box
}

.selector-list:hover {
	color           : #ff552e;
	background-color: #f8f8f8
}

#selector-city {
	/* margin-right: 39px */
}

#selector-btn {
	cursor          : pointer;
	float           : left;
	width           : 80px;
	height          : 30px;
	margin-right    : 39px;
	line-height     : 30px;
	border-radius   : 2px;
	color           : #fff;
	font-size       : 14px;
	background-color: #ff552e;
	text-align      : center
}

#selector-search {
	float        : left;
	width        : 168px;
	height       : 28px;
	border       : solid 1px #DDD;
	border-radius: 2px;
	overflow     : hidden
}

#selector-search-input {
	float      : left;
	width      : 108px;
	height     : 28px;
	line-height: 28px;
	padding    : 0 0 0 6px;
	border     : 0;
	outline    : 0;
	font-size  : 14px;
	color      : #999
}

#selector-search-btn {
	cursor          : pointer;
	float           : left;
	width           : 53px;
	height          : 28px;
	line-height     : 28px;
	border-left     : solid 1px #DDD;
	color           : #555;
	font-size       : 14px;
	text-align      : center;
	background-color: #f5f5f5
}

#content {
	width         : 1200px;
	margin        : 33px auto 0;
	text-align    : left;
	padding-bottom: 50px;
}

#content-title {
	line-height: 16px;
	color      : #555;
	font-size  : 16px;
	font-weight: 600
}

#content-box {
	float     : left;
	width     : 1198px;
	margin-top: 23px;
	border    : solid 1px #eee;
	position  : relative;
}

.content-letter {
	float        : left;
	border-bottom: solid 1px #eee;
	position     : relative
}

.content-letter-panel {
	float           : left;
	width           : 40px;
	height          : 100%;
	color           : #999;
	font-size       : 18px;
	font-weight     : 700;
	background-color: #f5f5f5;
	text-align      : center
}

.content-province {
	float        : left;
	z-index      : 1;
	width        : 1158px
		/* ;position:relative; */
}

.content-province-triangle {
	display          : none;
	position         : absolute;
	top              : 50%;
	left             : 40px;
	width            : 7px;
	height           : 10px;
	margin-top       : -5px;
	background-image : url(../image/changecity_triangle.png);
	background-size  : 100% 100%;
	background-repeat: no-repeat
}

.content-province-title {
	float             : left;
	width             : 60px;
	height            : 100%;
	line-height       : 46px;
	padding-left      : 16px;
	border-left-style : solid;
	border-right-style: solid;
	border-width      : 1px;
	border-color      : #eee;
	color             : #333;
	font-size         : 16px
}

.content-province-title a {
	color: #333;
}

.content-province-title a:hover {
	color: #ff552e
}

.content-cities {
	float      : left;
	width      : 1020px;
	padding    : 12px 0;
	/* overflow:hidden */
}

.content-city {
	display    : inline-block;
	line-height: 20px;
	color      : #333;
	font-size  : 12px;
	margin     : 0 12px
}

.content-city:hover {
	color: #ff552e;
}

.content-letter-panle-hover {
	color           : #fff;
	background-color: #ff552e
}

.content-province-hover {
	background-color: #f5f5f5
}

.content-province-triangle-hover {
	display: block
}

.clb {
	clear: both
}

.citylist_box {
	position: relative;
	display : inline-block;
}

.cowns_box {
	position        : absolute;
	font-size       : 12px;
	line-height     : 24px;
	padding         : 10px;
	left            : 0;
	top             : 20px;
	background-color: #f5f5f5;
	border-radius   : 5px;
	box-shadow      : 0 3px 3px #888;
	white-space     : nowrap;
	z-index         : 100;
	display         : none;
}

.cowns_box-hover {
	display: inline-block;
	z-index: 100;
}

.cowns_box a {
	color: #555;
}

.cowns_box a:hover {
	color: #ff552e
}

.footer {
	width     : 1200px;
	margin    : 0px auto 50px;
	text-align: center;
}

.footer span {
	font-size: 14px;
	color    : #666;
	display  : inline-block;
	padding  : 0 10px;
}

.footer span a {
	color: #666;
}

.footer span a:hover {
	color: #000;
}

.footer span img {
	margin-top    : -1px;
	vertical-align: middle
}

.footer span img.img1 {
	width         : 17px;
	height        : 17px;
	margin-top    : -1px;
	vertical-align: middle
}

footer .yyzz {
	position: relative;
}

footer .yyzz:hover .inner {
	display: block;
}

footer .yyzz .inner {
	position: absolute;
	bottom  : 34px;
	left    : -250px;
	display : none;
}