.c-bar-nav{display:block;width:100%;height:2.75rem;background-color:#fe5958;position:relative}
.c-action-back{width:.78rem;height:.78rem;left:4%;position:absolute;top:50%;border:3px solid #fff;border-top-width:0;border-right-width:0;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}
.c-title{line-height:2.75rem;font-size:1.125rem;color:#fff;text-align:center}
.l-pannel-view{position:relative}
.c-search-bar{margin:4% 4% 0;width:92%}
.c-search-icon{position:absolute}
.c-search-ele-wrap{height:1.6875rem;border:.06rem solid #aeaeae;border-radius:.25rem;background-color:#fff}
.c-search-text{position:relative;top:14%;left:0;width:100%;height:72%;text-indent:.25rem;padding-right:1.125rem;border:0;background:url(imgsearch-icon.png) no-repeat right;background-size:1.09375rem 1.09375rem;background-position: 98% ;}
.l-his-city-wrapper{position:relative}
.c-local-city{font-size:1rem;margin:.9375rem 4%}
.c-city-list{margin:0 4%}
.c-city-list-head{font-size:1rem;color:#333;margin-bottom:.4rem}
.o-grid{padding:2%;background-color:#fff}
.o-grid:after{display:block;content:"";clear:both}
.o-grid-cell{float:left;width:20%;font-size:1rem;padding:.375rem 0;text-align:center}
.c-city-list h2{font-size:.8125rem;margin:.375rem 0}
.c-city-list .list-item{background:#fff}
.c-city-list .list-item-row{font-size:1rem;border-bottom:1px solid #eee;padding:0 4%;height:2.75rem;line-height:2.75rem}
.c-nav-city-bar{position:fixed;display:flex;width:26px;top:5.5rem;z-index:100;bottom:0;right:0;text-align:center;color:#333;font-size:10px;}
.c-nav-city-bar ul{display:flex;width:100%;flex-direction:column;}
.c-nav-city-bar ul li{display:flex;align-items:center;justify-content:center;flex:1}
.c-nav-city-bar ul li:active{background-color:#ccc;}
.u-none-data{padding:1rem 1rem}
.prompt{font-size: 0.875rem;color: #fff;width: 7.8125rem;border-radius: .3rem;background: rgba(0,0,0,.7);line-height: 1.875rem;text-align: center;position: fixed;top: 12.5rem;left: 0;right: 0;margin: 0 auto;}
.hide{display: none;}