body{background:#f5f5f5}.city-search-form{width:100%;margin:20px auto}.city-search-form input{width:20%;height:30px}.city-search-form button{width:5%;height:30px;background:#ff552e;color:#fff}.city-outer{margin:0 auto;background:#fff;border:#ccc solid 1px}.city-outer-li-title{line-height:30px;border-bottom:#ccc solid 1px;text-indent:10px;background:#eee}.city-outer-li-list{width:100%;overflow:hidden;padding:10px 10px}.city-outer-li-list span{margin-right:20px;display:inline-block;float:left;width:30px;height:30px;line-height:30px;text-align:center;background:#eee;border:#ccc solid 1px}.city-outer-li-list a{color:#666;margin-right:15px;margin-bottom:5px;display:inline-block;float:left}.city-outer-li-list a:hover{color:#ff552e}.hot-city-li a{color:#ff552e}@media only screen and (max-width:768px){.city-search-form{width:95%}.city-search-form input{width:78%}.city-search-form button{width:20%}.city-outer{border:none}}