html {height: 100%; background: #f8f8f8 url('../images/changecity_bg.jpg') no-repeat top center; background-size: 1925px 343px;}

.wrap {width: 1200px; margin: 0 auto;}

/* 头部 */
.header {margin-top: 75px;}
.header .logo {float: left; font-size: 35px; height: 100px; line-height: 100px; vertical-align: middle;}
.header .logo img {height: 100px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.tel {float: right; position: relative; margin-top: 20px; padding-left: 65px; font-size: 30px; line-height: 30px;}
.tel p {font-size: 18px;}
.tel s {position: absolute; left: 0; top: 6px; width: 50px; height: 50px;}
.tel s img {width: 100%; height: 100%; display: block;}


/* 内容 */
.main {background: #fff; margin-top: 30px; box-shadow: 0 0 40px rgba(172, 172, 172, .25); min-height: 400px;}
.content {padding: 80px; overflow: hidden;}
.sel-tit {font-size: 16px; font-weight: 600;}
ul.city {width: 110%; margin-top: 25px;}
ul.city li {float: left; margin: 0 36px 15px 0;}
ul.city li a {display: block; position: relative; font-size: 16px; padding: 0 25px; height: 35px; line-height: 33px; border: 1px solid #eaeaea; border-radius: 3px;}
ul.city li a:hover {text-decoration: none; border-color: #0ab7f9; color: #0ab7f9;}
ul.city li a s {position: absolute; width: 17px; height: 17px; right: 0; bottom: 0; display: none;}
ul.city li a s img {display: block; width: 100%; height: 100%;}
ul.city li a:hover s {display: block;}


/* 热门城市 */
.hot-city {font-size: 16px; margin: -20px 0 30px;}
.hot-city dt {float: left; color: #ff552e; line-height: 28px; font-weight: 600; margin-right: 10px;}
.hot-city dd {position: relative; overflow: hidden;}
.hot-city dd a {line-height: 28px; margin: 0 10px;}

.main a:hover {color: #ff552e;}


/* 按城市首字母选择 */
.content-box {margin-top: 23px; border: solid 1px #eee; border-bottom: 0;}
.content-letter {border-bottom: solid 1px #eee;}
.content-letter-panel {float: left; position: relative; padding-top: 2px; width: 40px; height: 100%; color: #999; font-size: 18px; background-color: #f5f5f5; text-align: center; text-transform: uppercase; font-family: "Hiragino Sans GB", "MicroSofr YaHei", arial;}
.content-letter-panel em {display: none; position: absolute; top: 50%; right: -7px; width: 7px; height: 10px; margin-top: -5px; background-image: url(../images/changecity_triangle.png); background-size: 100% 100%; background-repeat: no-repeat;}
.content-cities {position: relative; overflow: hidden; padding: 12px 0 12px 10px;}
.content-cities a {display: inline-block; line-height: 24px; color: #333; font-size: 14px; margin: 0 12px;}
.content-letter-hover {background-color: #f5f5f5;}
.content-letter-panle-hover {color: #fff; background-color: #ff552e;}
.content-letter-panle-hover em {display: block;}