page { background: #ffffff; width: 100%; height: 100%; } /*分割线样式*/ .divLine { background: #E0E3DA; width: 100%; height: 5rpx; } .navbar { width: 100%; height: 90rpx; /* 文本不换行 */ white-space: nowrap; display: flex; box-sizing: border-box; border-bottom: 1rpx solid #eee; background: #fff; align-items: center; /* 固定在顶部 */ } .nav-item { line-height: 14px; background-color: #f7f7f7; padding-left: 25rpx; padding-right: 25rpx; height: 100%; display: inline-table; /* 普通文字大小 */ font-size: 14px; } .nav-text { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; letter-spacing: 4rpx; box-sizing: border-box; } .tab-on { color: #000080; /* 选中放大 */ font-size: 38rpx !important; font-weight: 600; border-bottom: 4rpx solid #000080 !important; } .P_input { position: relative; } .P_input input { background: white; border-radius: 40rpx; width: 90%; padding: 10rpx 0; padding-left: 40rpx; margin: 40rpx 0 5% 20rpx; } .P_input image { position: absolute; z-index: 999999; width: 36rpx; height: 36rpx; padding: 6rpx 20rpx; right: 20rpx; top: 12rpx; } .imagesize { display: flex; justify-content: center; align-items: center; width: 600rpx; margin: 0 auto; } .imagesize select { height: 50rpx; width: 350rpx; } .imagesize select2 { height: 180rpx; width: 350rpx; } .foodist { margin-top: 10px; } .foodlist .a { padding: 20px; border-bottom: #b4b3b3 solid 1px; background-color: #fff9f9; } .foodlist .a .img { float: left; margin-right: 20px; } .foodlist .a .img image { width: 200rpx; height: 200rpx; } .foodlist .a .info { float: left; height: 200rpx; width: 60%; position: relative; } .foodlist .a .info .title { margin-top: 5px; color: black; font-size: 16px; } .foodlist .a .info .price { color: #FF2727; margin-top: 8px; font-size: 15px; } .foodlist .a .info .num { position: absolute; left: 0px; bottom: 5px; color: #747474; font-size: 15px; } .clear { clear: both; overflow: hidden; } navigator { display: inline; } .nav { position: fixed; background: white; color: #353535; z-index: 999999; max-height: 94rpx; width: 100%; } .scroll-view-containner { display: flex; text-align: center; } /* 搜索框*/ .search{ width: 80%; } .sousuokuang { width: 100%; height: 100rpx; display: flex; flex-direction: column; align-items: center; background-color: white; } .sousuo { width: 92%; height: 100rpx; display: flex; flex-direction: row; align-items: center; justify-items: center; } .shurukuang { width: 80%; height: 64rpx; border-radius: 32rpx; display: flex; align-items: center; justify-content: center; background-color: #f6f6f6; } .shurukuang input { width: 90%; height: 100%; font-size: 32rpx; } .sousuo_anniu { width: 20%; height: 64rpx; display: flex; align-items: center; justify-content: center; } .sousuo_anniu text { font-size: 30rpx; }