#city-box {margin-bottom: 60px;}#hot {width: 1200px;line-height: 14px;margin: 47px auto 0;text-align: left;}#hot-title {float: left;height: 85px;margin-right: 18px;color: #ff552e;font-size: 14px;line-height: 25px;font-weight: 600;}a.hot-city {margin: 0 10px;color: #666;font-size: 14px;line-height: 25px;display: inline-block;}#selector {width: 1200px;margin: 27px auto 0;/* height: 30px; */text-align: left;overflow: hidden;}#selector .sel-box {display: inline-block;overflow: hidden;}#selector .sel-box:nth-child(2) {margin-right: 39px;}.selector {overflow: hidden;}.selector-title {float: left;line-height: 30px;margin-right: 29px;color: #555;font-size: 14px;font-weight: 600;}#selector select {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-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-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: 1182px;margin: 33px auto 0;text-align: left;}#content-box {float: left;width: 100%;margin-top: 23px;border: solid 1px #eee;}#content-title {line-height: 16px;color: #555;font-size: 16px;font-weight: 600;}.content-letter {/* float: left; */border-bottom: solid 1px #eee;background-color: #fff;width: 100%;overflow: hidden;display: inline-table;padding-left: 5%;position: relative;}.content-letter-panel {float: left;width: 5%;height: 100%;color: #999;font-size: 18px;font-weight: 700;background-color: #f5f5f5;text-align: center;position: absolute;left: 0;top: 0px;border-right: 1px solid #eee;justify-content: center;align-items: center;display: flex;}.content-letter .content-province:hover {background-color: #f5f5f5;}.content-letter:hover .content-letter-panel {color: #fff;background-color: #ff552e;}.content-province {float: left;position: relative;z-index: 1;width: 100%;}.content-province-title {float: left;width: 10%;height: 100%;line-height: 46px;padding-left: 16px;color: #333;font-size: 16px;}.content-cities {float: left;width: 90%;padding: 12px 0;overflow: hidden;border-left: 1px solid #eee;}.content-city {display: inline-block;line-height: 20px;color: #333;font-size: 12px;margin: 0 12px;}.pro-box {overflow: hidden;}@media screen and (max-width:1225px) {#content,#selector,#selector,#hot {width: 100%;}}@media screen and (max-width:700px) {#selector .sel-box {width: 100%;}#selector .sel-box:nth-child(2) {margin-bottom: 15px;}}@media screen and (max-width:600px) {#content {width: 100%;}.content-province-title {width: 20%;height: 100%;line-height: 46px;padding-left: 0px;font-size: 16px;text-align: center;border-top: 1px solid #eee;}.pro-box .content-province:nth-child(1) .content-province-title {border-top: 0;}.content-cities {float: left;width: 80%;padding: 12px 0;overflow: hidden;border-left: 1px solid #eee;}a.hot-city {margin: 0 7px;font-size: 12px;line-height: 21px;}}