@charset "utf-8";
.airportData,.hotelCityData{position:absolute;left:0;top:40px;width:400px;background:#fff;box-shadow:0 0 5px #d9d9d9;font-size:16px;max-height:200px;overflow:auto;z-index:9;display:none;}
.airportData li,.hotelCityData li{list-style:none;display:block;line-height:28px;margin:0px;padding:2px 10px;overflow:hidden;}
.airportData li img, .hotelCityData li img {vertical-align: -2px; margin-right: 5px;}
.airportData li.focus,.hotelCityData li.selected{background:#003399;color:white;}
.cityData{position:absolute;left:0;top:44px;padding:15px 15px 5px;width:420px;background:#fff;border-radius:6px;box-shadow:0 0 5px #d9d9d9;display:none;z-index:9;font-size:16px;}
.cityData dl{border-bottom:1px dashed #ccc;line-height:30px;width:100%;overflow:hidden;padding-bottom:10px;margin-bottom:10px;}
.cityData dl:last-child{border:none;}
.cityData dl dt{color:#003399;width:100%;font-size:16px;}
.cityData dl dd{margin:0 10px 0 5px;float:left;line-height:24px;}
.cityData dl dd a{float:none;padding:0;height:auto;line-height:normal;font-size:16px;}
.cityData dl dd i{font-style:normal;cursor:pointer;position:relative;}
.cityData dl dd i:hover{color:#003399;}
.cityData dl dd a:after{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background-color:#003399;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all 0.3s ease-in-out 0s;}
.cityData dl dd a:hover:after{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}

@media screen and (max-width:760px){
  .cityData,.airportData,.hotelCityData{box-sizing:border-box;top: 2.1rem;width: 100%;overflow-y:scroll;}
  .searchCity .clear{position:absolute;top:0;right:0;width:1.6rem;height:2rem;line-height:2rem;text-align:center;display:none;}
  .searchCity input::-ms-clear { display: none; }
  .searchCity input:valid + .clear{ display: block; }
  .cityData{width: 100%;overflow-y:scroll;padding:.32rem 0;max-height:12rem;}
  .cityData dl{width:100%;padding:0;border:none;}
  .cityData dl:after{content:'';display:block;clear:both;width:13.5rem;height:2px;border-bottom:1px dashed #ccc;margin:0 auto;}
  .cityData dl:last-child:after{display:none;}
  .cityData dl dt{text-indent:1rem;line-height:.6rem;padding-top:.5rem;font-size:.7rem;}
  .cityData dl dd{padding:0;width:auto;height:.810667rem;margin:.597333rem 0 .597333rem -2px;border-left:1px solid #e1e1e1;overflow:visible;box-sizing:border-box;}
  .cityData dl dd i{display:block;width:auto;height:.810667rem;line-height:.810667rem;font-size:.7rem;padding:.6rem 1.1rem;margin-top:-.597333rem;}
}