.bj{ background: #fafafa; height: 100vh; } .top{ width: 750rpx; height:380rpx; position: absolute; top: 0; left: 0; } .middle{ display: flex; flex-direction:row; flex-wrap:wrap; /* border: 1px solid red; */ width: 100%; } .block{ width: 330rpx; height: 180rpx; background: #fff; margin-left: 30rpx; margin-top: 30rpx; border-radius: 30rpx; display: flex; /* justify-content:space-around; */ align-items: center; } .tabbar { width: 750rpx; border: 1px solid #999; height: 100rpx; position: fixed; bottom: 0; left: 0; display: flex; font-size: 28rpx; } .tab1 { height: 100rpx; width: 250rpx; text-align: center; color: #999999; }