.navbar { width: 100vw; background-color: #F4F5F9; position: fixed; left: 0; top: 0; /* height:150rpx; */ overflow: hidden; z-index: 400000000; } .title-container { height: 50px; display: flex; align-items: center; position: relative; } .capsule { margin-left: 10px; height: 32px; border: 1px solid #e1e1e3; border-radius: 60px; display: flex; align-items: center; padding: 0 20rpx; background: #fff!important; } .capsule > view { width: 35px; height: 60%; position: relative; } .capsule > view:nth-child(2) { border-left: 1px solid #777; } .capsule image { width: 70%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .title { color: #000; position: absolute; left: 104px; right: 104px; font-weight: 600; font-size: 32rpx; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @font-face { font-family: 'iconfont'; /* project id 1353695 */ src: url('//at.alicdn.com/t/font_1353695_nyv2ld9xqk8.eot'); src: url('//at.alicdn.com/t/font_1353695_nyv2ld9xqk8.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1353695_nyv2ld9xqk8.woff2') format('woff2'), url('//at.alicdn.com/t/font_1353695_nyv2ld9xqk8.woff') format('woff'), url('//at.alicdn.com/t/font_1353695_nyv2ld9xqk8.ttf') format('truetype'), url('//at.alicdn.com/t/font_1353695_nyv2ld9xqk8.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-daohangdizhiweizhi:before { content: "\e787"; } .locations{ font-size: 28rpx; display: inline-block; width: 200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .pick-box{ width: 260rpx; padding-left: 20rpx; }