*{padding:0; margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

body{font-family:Microsoft Yahei,Verdana,Geneva;font-weight:normal; font-size:12px;}

img{border:none;}

ol,ul,li{list-style:none;}

i,em{font-style:normal;}

.transit{transition:all 0.4s linear 0s; -moz-transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;-ms-transition:all 0.4s linear 0s;}

.cityChoice{text-align:center; margin-top:100px;}

.cityInput{width:60%; height:36px; padding:0 10px; border:1px solid #e1e1e1; border-radius:4px;}

/**澶撮儴**/

.cityChoiceBox{width:100%; min-height:1000px; position:absolute; top:0; display:none; background-color:#fff;z-index:999999}

.cityChoiceBox .cityChoice-top{    position: fixed;width: 100%;height: 40px;line-height: 40px;background-color: #fff;z-index: 9999999;text-align: center;font-size: 16px;}

.cityChoiceBox .cityChoice-top span{position: absolute;display: inline-block;font-size: 24px;    width: 0.2rem;height: 0.2rem;border-left: 2px #3b3b3b solid;border-top: 2px #3b3b3b solid;left: 0.4rem;top: 50%;transform: translateY(-50%) rotate( -45deg);}

.cityChoiceBox .cityChoice-top .search-input{width:100%; height:36px; border-radius:20px 0 26px 20px; line-height:36px; padding:0 6px 0 20px; border:none; background-color:rgba(255,255,255,0.7);}

.cityChoiceBox .focus{padding:0 50px 0 15px;}

.cityChoiceBox .cityChoice-top .cancel{position:absolute; display:inline-block; right:15px; top:0;}

.cityChoiceBox .search-box{position:absolute; left:0; top:56px; background-color:#fff; width:100%;}

/**鍩庡競**/

.cityChoiceBox .city-Box{position:relative; width:100%; padding-top:40px;}

.cityChoiceBox .city-Box h3{font-weight:400;}

.cityChoiceBox .city-Box span{display:inline-block;width:27%; height:32px; margin:6px 0px 6px 0; line-height:32px; background-color:#fff; text-align: center; border:1px solid #ccc;border-radius: 5px; }

.cityChoiceBox .city-Box .city-sidaber{position: fixed;right: 0px;top: 50%;width: 30px;line-height: 22px;text-align: center;font-size: 12px;color: #0894d4;transform: translateY(-50%);z-index: 10;}

.cityChoiceBox .city-Box .city-sidaber p{width: 30px;}

.cityChoiceBox .city-content h3,.cityChoiceBox .host-city h3{padding:6px 15px; background-color:#fbfbfb; font-weight:400; }

.cityChoiceBox .city-content p{padding:10px 15px; border-bottom:1px solid #e1e1e1; margin-bottom:0;}

.cityChoiceBox .zimShow{position:fixed; left:50%; top:300px; margin-left:-20px; width:60px; height:60px; line-height:60px; text-align: center; background-color:rgba(0,0,0,0.5); border-radius:50%; font-size:20px; color:#fff;}

.cityChoiceBox .sousuo{padding:10px 15px; border-bottom:1px solid #e1e1e1; margin-bottom:0;}

.cityChoiceBox .hot-city-box{    padding: 10px 32px 10px 10px;display: flex;flex-wrap: wrap;justify-content: space-between;}

.flex-block{border: 0 !important;height: 0 !important;flex-shrink: 1;}

.history-city .hot-city-box .active{background: #f0fbff;border-color: #029dd9;color: #029dd9;}