.top { height: 90rpx; } .bottom { height: 1100rpx; border-top: #C8C7CC 15rpx solid; } .left { width: 20%; background: #929292; position: absolute; } .list-name { width: 18%; height: 100%; background: #eee; position: absolute; } .list-name view { height: 100rpx; text-align: center; line-height: 100rpx; } .list-name .active { background-color: white; color: #000000; font-weight: bold; } .list-name view span{ font-size: 25rpx; } .list-food { width: 82%; height: 100%; position: absolute; margin-left: 18%; background: white; } .no_menu { margin-top: 70rpx; display: flex; justify-content: center; } .uf{ color: #FFFFFF; width: 100%; height: 70rpx; margin-bottom:1%; position: fixed; background: #00c277; text-align: center; line-height: 70rpx; } .notCheck{ width: 40rpx; vertical-align: sub; margin-right: 10rpx; } .time-header { /* height: 1.2upx; */ width: 100%; background: #ffffff; color: #333333; /* font-size: 29.3333upx; */ overflow-x: scroll; display: flex; padding-left: 40upx; } .time-header span { height: 100%; width: 150upx; box-sizing: border-box; display: flex; flex-direction: column; font-size: 25upx; } .time-header span .week { display: flex; flex-direction: row; margin-top: 8upx; margin-bottom: 8upx; } .dataactive { font-size: 28upx; position: relative; color: #00c277; width: 260upx !important; } .dataactive .line { width: 77.3333upx; height: 8upx; background: #00c277; position: absolute; left: -1%; bottom: -1%; } .bg-list { background: #eee; height: 100%; } .bg-list .ul-list-name { width: 1.866667rem; height: 100%; background: #eee; } .bg-list .ul-list-name ul li .active { background-color: #e73839; color: white; font-weight: bold; } .nr-content { width: 100%; } .nr-content > p { width: 2.666667rem; height: 2.666667rem; border-radius: 0.133333rem; background: #eee; overflow: hidden; } .nr-content p img { width: 100%; height: 100%; }