/* html {background-color: #f0efed;} */
/* body.fixed{position: fixed;} */
.header{position: fixed; left: 0; right: 0; top: 0;}
/*选择城市*/
/* .search-box{background: #fff; border-bottom: 1px solid #f2f2f2; width: 100%;}
.search-box form{position: relative; background: #fff; padding: .1rem .3rem;}
.search-box input{ outline: 0; border: 0; border-radius: .06rem; padding: .1rem .1rem .1rem .5rem; width: 6.3rem; font-size: .28rem; line-height: .4rem; background: #eee;}
.search-box .icon{position: absolute; width: .4rem; height: .4rem; left: .4rem; top: .2rem;}
.search-box .icon img{display: block; width: .4rem; height: .4rem;}
.search-box .close{position: absolute; width: .5rem; height: .5rem; right: .4rem; top: .15rem; display: none;}
.search-box .close img{display: block; width: .3rem; height: .3rem; margin: .1rem auto;}
.table-tit{color: #666; padding: .1rem .3rem; font-size: .26rem; text-transform: uppercase;} */

/* .search-box{background: #fff; border-bottom: 1px solid #f2f2f2; width: 100%;} */
.main,body{-webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
.search-box{padding-top: .2rem; padding-bottom: .14rem; position: fixed; left: 0 ;right: 0; top: .9rem; background: #fff; z-index: 9; box-sizing: border-box; height: .96rem;}
.huoniao_iOS .search-box{top: 0;}
.search-box form{position: relative; background: #f7f7f7; margin: 0 .3rem; height: .64rem; border-radius: .32rem;}
.search-box input{ outline: 0; border: 0;  height: .64rem; background: none; font-size: .26rem; box-sizing: border-box; width: 100%; padding-left: .68rem;}
.search-box input::placeholder{color: #ADAEB3}
.search-box .icon{position: absolute; width: .3rem; height: .3rem; left: .26rem; top: 0; bottom: 0; margin: auto;}
.search-box .icon img{display: block; width: .3rem; height: .3rem;}
.search-box .close{position: absolute; width: .3rem; height: .3rem; right: .4rem; top: 0; bottom: 0; display: none; margin: auto;}
.search-box .close img{display: block; width: .3rem; height: .3rem; }
.table-tit{color: #939499; padding: .1rem .3rem; font-size: .26rem; text-transform: uppercase;  top: 1.86rem; background: #fff; left: 0; right: 0;}
.huoniao_iOS  .table-tit{top: .96rem;}
.local{position: relative; background: #fff; margin: 0 .3rem; border-bottom: solid 1px #f5f5f7; height: 1rem; font-size: .28rem;  display: flex; align-items: center; justify-content: space-between; margin-bottom: .1rem;}
.local p{line-height: .4rem; height: .4rem; display: flex; align-items: center; font-size: .36rem; color: #313133; font-weight: bold;}
.local p a { color: #313133; font-weight: bold;}
.local p::before{content: ''; display: block; width: .36rem; height: .36rem; background:url(/static/images/local_icon.png) no-repeat center/cover; margin-right: .04rem;}
.localBtn{color: #FF4422; font-size: .26rem;}
.main{padding-top: 1.86rem; }
.huoniao_iOS .main{padding-top: .98rem;}
/* .localBtn{position: absolute; right: .5rem; top: .2rem; color: #2595fb; padding-left: .4rem; background: url(/static/images/local.png) left top no-repeat; background-size: .35rem auto; z-index: 5;} */
.table-list{margin: 0 .3rem; margin-right: .5rem; margin-bottom: .3rem; margin-right: 0;}
.table-list li{background: #fff; padding: 0 1rem 0 0; font-size: .3rem; border-top: 1px solid #f2f2f2;}
/* .table-list li:last-of-type{border: none;} */
/* .table-list li a{display: block; padding: .25rem 0;} */
.table-list li a{display: block; line-height: .78rem; color: #19191A;}
.no-select{ -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
.table-list-hot li{float: left;  height: .64rem; padding: 0 .52rem; box-sizing: border-box; border-radius: .1rem; background: #F5F5F5; margin-right: .14rem; margin-bottom: .14rem; border: none;}
/*.table-list-hot li:nth-of-type(4n){margin-right: 0;}*/
.table-list-hot li a{padding: 0; text-align: center; line-height: .64rem; font-size: .26rem; color: #19191A;}


.szm{position: fixed; right: 0; top: 4.5rem; z-index: 2; font-size: .2rem;}
.szm li{color: #666; text-transform: uppercase; width: .5rem; height: .3rem; text-align: center;}
.szm li a{display: block;}

/*搜索结果列表*/
.search-list{position: fixed; top: 1.7rem; background: #fff; left: 0; right: 0; bottom: 0; z-index: 9;  overflow: auto; display: none;}
/* border-top: 1px solid #f2f2f2; */
.search-list li{border-bottom: 1px solid #f2f2f2; font-size: .28rem;}
.search-list a{padding: .25rem .3rem; display: block;}

/*字母放大*/
.letter{width: 1.4rem; height: 1.4rem; position: fixed; top: 50%; left: 50%; margin-left: -.9rem; margin-top: -.9rem; text-align: center; background: #4D4D4D; color: #fff; line-height: 1.4rem; font-size: .5rem; border-radius: .2rem; display: none; text-transform: uppercase;}
.letter a{color: #fff;}

.table-tit:not(.table-tit-hot):not(.no-select){position: sticky;}
body{height: 100vh; position: relative;}
.downloadBox{display:none;}


.cityMask{display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 9;}
.cityScrollBox .tabBox{display: flexbox; border-bottom: solid 1px #F0F0F0;}
.cityScrollBox{position: fixed; left: 0; right: 0; bottom: 0; background: #fff; border-radius: .5rem .5rem 0 0; height: 9.6rem; z-index: 9; transform: translateY(100%); transition: transform .3s;}
.cityScrollBox h2{font-size: .3rem; color: #010101; font-weight: bold; text-align: center; line-height: 1rem; position: relative;}
.cityScrollBox h2 .close_pop{position: absolute; display: block; width: .7rem; height: .7rem; background: url(/static/images/close_private_phone.png) no-repeat center/cover; top: .1rem; right: .1rem;}

.cityScrollBox .tabBox{font-size: .3rem; color: #939499; position: relative; height: .88rem; line-height: .88rem;}
.cityScrollBox .tabBox s{content: ''; display: block; width: .2rem; height: .06rem; border-radius: .03rem; transition: transform .3s;
    background: linear-gradient(-90deg, #F6252F 0%, #FF4621 100%); position: absolute; bottom: 0;transform: translateX(.48rem);}
.cityScrollBox .tabBox span.on_chose{color: #FF4422; font-weight: bold;}
.cityScrollBox .tabBox span{display: inline-block; padding: 0 .28rem;}
.cityListBox{background-color: #FAFAFA; height: 7.9rem;}
.cityListBox{display: flex; align-items: flex-start;}
.cityListBox .cityList{background-color: #FAFAFA; width: 100%; height: 100%; transition: width .3s; overflow: auto;}
.cityListBox .cityList.parentUl{width: 40%; background-color: #FAFAFA; flex-shrink: 0; display: block;}
.cityListBox .cityList li{line-height: .86rem; color: #19191A; font-size: .3rem; padding: 0 .3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;}
.cityListBox .cityList li a{display: block;}
.cityListBox .cityList li:last-child {margin-bottom: 1rem;}
.cityListBox .cityList.parentUl li:active,.cityListBox .cityList.parentUl li.active{background-color: #fff; color: #FF4422;}
.cityListBox .cityList.parentUl li:active a,.cityListBox .cityList li.active a{color: #FF4422;}
.cityListBox .cityList.parentUl li.prev::after,.cityListBox .cityList li.next::before{content: ''; display: block; position: absolute; right: 0; width: 0.2rem; height: 0.4rem;}
.cityListBox .cityList.parentUl li.prev::after{background: url(/static/images/radius1.png) center center no-repeat; background-size: cover; bottom: -0.2rem; }
.cityListBox .cityList.parentUl li.next::before{background: url(/static/images/radius2.png) center center no-repeat; background-size: cover; top: -0.2rem; }
.cityListBox .cityList.currOnUl{background-color: #fff;}
.loadIcon{width: .42rem; height: .42rem; background: url(/static/images/loading.png) no-repeat center/cover; animation: rotate_ 1s infinite linear; }
.loadBox{display: none; width: .86rem; height: .86rem; border-radius: .16rem;  background: rgba(0,0,0,.9) ; background-size: .5rem; position: absolute; left: 0; right: 0; margin: auto; top: 40%; z-index: 999; box-sizing: border-box;}
.loadBox.show{display: flex; align-items: center; justify-content: center;}