html {
	width:100%;
	font-family:"Hiragino Sans GB","MicroSofr YaHei",arial
}
body {
	text-align:center
}
ul,li,body {
	list-style:none;
	margin:0;
	padding:0
}
a {
	text-decoration:none;
	color:#333
}
a:visited,a:active {
	color:#333
}
a:hover {
	color:#ff552e!important
}
#header {
	position:relative;
	width:1200px;
	height:223px;
	margin:22px auto 0;
	padding-top:10px;
	box-sizing:border-box;
	background-image:url(http://www.guton.net/Changecity/images/changecity_bg.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	text-align:left
}
.header-HD {
	background-image:url(http://www.guton.net/Changecity/images/changecity_bg@2x.png)!important
}
#logo {
	width:125px;
	height:125px;
	background-image:url(http://www.guton.net/Changecity/images/changecity_logo.png);
	background-size:100% 100%;
	background-repeat:no-repeat
}
.logo-HD {
	background-image:url(http://www.guton.net/Changecity/images/changecity_logo@2x.png)!important
}
#bangbang {
	position:absolute;
	top:70px;
	left:258px;
	width:160px;
	height:160px;
	background-image:url(http://www.guton.net/Changecity/images/changecity_bangbang.png);
	background-size:100% 100%;
	background-repeat:no-repeat
}
.bangbang-HD {
	background-image:url(http://www.guton.net/Changecity/images/changecity_bangbang@2x.png)!important
}
#header-qrcode {
	position: absolute;
	left: 963px;
	top: 29px;
	width: 200px;
	height: 160px;
	padding-left: 35px;
	background-size: 200px 93px;
	background-position: 0 67px;
	background-repeat: no-repeat
}
.header-qrcode-HD {
	background-image:url(http://www.guton.net/Changecity/images/changecity_qrbg@2x.png)!important
}
#header-qrcode-title {
	margin-left:-10px;
	margin-top:6px;
	font-size:12px;
	color:#355090
}
#header-links {
	position:absolute;
	left:468px;
	top:55px;
	width:720px
}
#header-title {
	line-height:16px;
	margin-top:25px;
	color:#666;
	font-size:16px
}
#header-home {
	height:40px;
	margin-top:38px
}
#header-home-btn,#header-tongzhen-btn {
	display:inline-block;
	width:500px;
	height:40px;
	border:1px solid #ff552e;
	border-radius:2px;
	color:#fff;
	font-size:20px;
	font-weight:600;
	background-color:#ff552e;
	text-align:center;
	vertical-align:top;
	box-sizing:border-box;
	clear:both
}
#header-home-btn:hover,#header-tongzhen-btn:hover {
	cursor:pointer
}
#header-tongzhen-btn {
	position:relative;
	margin-left:14px;
	background-color:rgba(255,255,255,0);
	color:#ff552e
}
#header-tongzhen-btn::after {
	content:'';
	display:block;
	position:absolute;
	top:-20px;
	right:-25px;
	width:20px;
	height:20px;
	background-image:url(http://www.guton.net/Changecity/images/changecity_new.png);
	background-size:100% 100%
}
.header-tongzhen-btn-HD::after {
	background-image:url(http://www.guton.net/Changecity/images/changecity_new@2x.png)!important;
	background-size:100% 100%
}
#header-home-title,#header-tongzhen-title {
	display:inline-block;
	line-height:38px;
	vertical-align:top
}
#header-arrow {
	display:inline-block;
	width:19px;
	line-height:38px;
	font-size:14px;
	font-weight:400;
	vertical-align:top
}
#header-recommend {
	line-height:16px;
	margin-top:23px;
	color:#333;
	font-size:16px
}
.recommend-city {
	margin:0 8px
}
#hot {
	width:1200px;
	line-height:14px;
	margin:47px auto 0;
	text-align:left
}
#hot-title {
	float:left;
	margin-right:18px;
	color:#ff552e;
	font-size:14px;
	font-weight:600
}
a.hot-city {
	margin:0 10px;
	color:#666;
	font-size:14px
}
#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:118px;
	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(http://www.guton.net/Changecity/images/changecity_down.png);
	background-size:100% 100%;
	background-repeat:no-repeat
}
.selector-arrow-HD {
	background-image:url(http://www.guton.net/Changecity/images/changecity_down@2x.png)!important
}
.selector-arrow-up {
	transform:rotate(180deg)
}
.selector-box {
	display:none;
	position:absolute;
	top:28px;
	left:-1px;
	width:118px;
	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
}
#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
}
.content-letter {
	float:left;
	border-bottom:solid 1px #eee
}
.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;
	position:relative;
	z-index:1;
	width:1158px
}
.content-province-triangle {
	display:none;
	position:absolute;
	top:50%;
	left:0;
	width:7px;
	height:10px;
	margin-top:-5px;
	background-image:url(http://www.guton.net/Changecity/images/changecity_triangle.png);
	background-size:100% 100%;
	background-repeat:no-repeat
}
.content-province-triangle-HD {
	background-image:url(http://www.guton.net/Changecity/images/changecity_triangle@2x.png)!important
}
.content-province-title {
	float:left;
	width:54px;
	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-cities {
	float:left;
	width:1086px;
	padding:12px 0;
	overflow:hidden
}
.content-city {
	display:inline-block;
	line-height:20px;
	color:#333;
	font-size:12px;
	margin:0 12px
}
.content-letter-panle-hover {
	color:#fff;
	background-color:#ff552e
}
.content-province-hover {
	background-color:#f5f5f5
}
.content-province-triangle-hover {
	display:block
}
.clb {
	clear:both
}
#footer {
	margin-top:31px
}
#footer-tongzhen {
	position:relative;
	width:1200px;
	margin:0 auto
}
#footer-tongzhen-bangbang {
	display:inline-block;
	width:45px;
	height:37px;
	margin-right:8px;
	background-image:url(http://www.guton.net/Changecity/images/changecity_tongzhen_bangbang.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	vertical-align:middle
}
.footer-tongzhen-bangbang-HD {
	background-image:url(http://www.guton.net/Changecity/images/changecity_tongzhen_bangbang@2x.png)!important
}
#footer-tongzhen-title {
	display:inline-block;
	font-size:12px;
	color:#333;
	vertical-align:middle
}
#footer-tongzhen-btn {
	cursor:pointer;
	display:inline-block;
	width:79px;
	height:33px;
	margin-left:12px;
	line-height:33px;
	border-radius:2px;
	border:1px solid #ddd;
	font-size:14px;
	box-sizing:border-box;
	vertical-align:middle
}
#footer-tongzhen-btn::after {
	content:'';
	display:inline-block;
	width:14px;
	height:14px;
	margin-left:4px;
	margin-top:8px;
	background-image:url(http://www.guton.net/Changecity/images/changecity_qricon.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	vertical-align:top
}
.footer-tongzhen-btn-HD::after {
	background-image:url(http://www.guton.net/Changecity/images/changecity_qricon@2x.png)!important
}
#footer-copyright {
	width:1200px;
	margin:32px auto 39px;
	color:#666;
	font-size:14px;
	text-align:center
}
.tongzhen-layer {
	display:none;
	position:absolute;
	z-index:10;
	width:348px;
	height:218px;
	border:1px solid #e7e7e7;
	background:#fff;
	text-align:center;
	box-sizing:border-box
}
.tongzhen-layer::after {
	content:'';
	display:block;
	position:absolute;
	width:10px;
	height:10px;
	border:1px solid #e7e7e7;
	background-color:#fff
}
.tongzhen-layer-title {
	font-size:16px;
	color:#333
}
.tongzhen-layer-message {
	font-size:12px;
	color:#999
}
.tongzhen-iphone {
	position:absolute;
	background-image:url(http://www.guton.net/Changecity/images/changecity_iphone.png);
	background-size:100% 100%;
	background-repeat:no-repeat
}
.tongzhen-iphone-HD {
	background-image:url(http://www.guton.net/Changecity/images/changecity_iphone@2x.png)!important
}
.tongzhen-qrcode {
	position:relative;
	width:160px;
	height:160px;
	border:1px solid #e7e7e7;
	box-sizing:border-box;
	background-image:url(http://www.guton.net/images/erwm01.png);
	background-size:100% 100%;
	background-repeat:no-repeat
}
.tongzhen-qrcode::after {
	content:'';
	position:absolute;
	left:10%;
	top:10%;
	width:160px;
	height:160px;
	margin-left:-15px;
	margin-top:-15px;
	border-radius:3px;
	background-image:url(http://www.guton.net/Changecity/images/wx.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat
}
.tongzhen-qrcode-HD::after {
	background-image:url(http://www.guton.net/Changecity/images/changecity_tongzhen_logo@2x.png)!important
}
#header-layer {
	left:765px;
	top:154px;
	padding-right:156px;
	padding-top:156px
}
#header-layer::after {
	left:35px;
	top:-6px;
	border-left:none;
	border-top:none;
	transform:rotate(225deg)
}
#footer-layer {
	left:510px;
	bottom:54px;
	padding-left:175px;
	padding-top:153px
}
#footer-layer::after {
	left:170px;
	bottom:-6px;
	border-left:none;
	border-top:none;
	transform:rotate(45deg)
}
#header-layer-iphone {
	left:184px;
	top:-80px;
	width:137px;
	height:287px
}
#footer-layer-iphone {
	left:27px;
	top:-104px;
	height:306px;
	width:146px
}
#header-layer-qrcode {
	position:absolute;
	left:30px;
	top:16px;
	width:130px;
	height:130px
}
#footer-layer-qrcode {
	position:absolute;
	left:198px;
	top:13px;
	width:130px;
	height:130px
}
.tooltip {
	border:1px solid #ccc;
	background:#fff;
	margin:-3px 0 0 -1px;
	*margin:-3px 0 0 0
}
.tooltip li {
	height:28px;
	line-height:28px;
	padding:0 5px;
	overflow:hidden;
	zoom:1
}
.tooltip li a {
	color:#999;
	text-decoration:none
}
.tooltip li a b {
	color:#999;
	font-weight:400
}
.tooltip li .tool_r {
	float:right;
	color:#090;
	font-size:11px
}
.tooltip li.selected a b,.tooltip li.selected a,.tooltip li.selected .tool_r {
	color:#999
}
.tooltip li.selected,.tag_options li.open_hover {
	background:#f2f2f2;
	color:#999
}
#tooltipdiv2 {
	width:114px;
	font-size:14px;
	text-align:left;
	color:#999;
	margin-top:-4px
}
#tooltipdiv2 a:hover {
	color:#999!important
}