.city-wrap{  width: 1200px;  margin: 10px auto;  margin-bottom: 40px;}
.city-sort{   margin-top: 20px;}
.city-sort .title,.city-sort>ul{  float: left;  line-height: 30px;}
.city-sort .title{  width: 90px;}
.city-sort>ul li{  float: left;  padding-left: 10px;}
.city-sort>ul li a{  padding: 0 10px;}
.city-sort>ul li a:hover{  color: #fff;  display: block;  background: rgb(243, 134, 5);  border-radius: 4px;}
.actives{  color: #fff;  display: block;  background: rgb(243, 134, 5);  border-radius: 4px;}
.getCity{  border-top: 1px #ddd solid;  margin: 20px 0 0 0;}
.city-item{  overflow: hidden;  position: relative;}
.addr,.addr-item,.addr-wrap{  float: left;}
.addr-item{  width: 1098px;  margin-left: 100px;}
.addr-item ul,.addr-item ul li{  float: left;}
.addr-f{  overflow: hidden;  position: relative;}
.addr-f:hover{  background-color: #f5f5f5;}
.addr{  width: 60px;  position: absolute;  top: 0;  left: 40px;  bottom: 0;  text-align: center;  line-height: 46px;  border-right: 1px solid #ddd;}
.addr a{  position: absolute;  top: 50%;  left: 0;  width: 100%;  transform: translateY(-50%);  display: block;  text-align: center;}
.city-item{  border: 1px #ddd solid;  border-top: none;}
.addr-item ul li{  color: #333;  font-size: 12px;  padding: 0 5px;  line-height: 46px;}
.addr-item ul li a{  padding: 5px 8px;}
.addr-item ul li a:hover{  background: #f38605;  color: #fff;  border-radius: 4px;}
@media (max-width:767px) {
    .addr-item{width:100%;}
    .city-wrap{width:100%;}
    .addr-f{width:100%;}
    .addr-item ul {width:75%;}
}
@media (max-width:992px) {
    .addr-item{width:100%;}
    .city-wrap{width:100%;}
}