<div class='header'>
<div class="header-left">
<span class='iconfont back-icon'></span>
</div>
<div class="header-input">
<span class="iconfont"></span>
输入城市/景点/游玩主题
</div>
<div class="header-right">
城市
<span class='iconfont arrow-icon'></span>
</div>
</div>
.header
display:flex
line-height:.86rem
background:red
color:#fff
.header-left
width:.64rem
float:left
.back-icon
padding:.12rem
text-align:center
font-size :.4rem
.header-input
flex:1
height:.68rem
margin-top:.12rem
margin-left:.2rem
padding-left:.2rem
background:#fff
border-radius:.1rem
color:#ccc
.header-right
min-width:1.04rem
padding:0 .1rem
float:right
text-align:center
color:#fff
.arrow-icon
margin-left:-.04rem
font-size:.24rem