.aside{ width:8rem; border-right: 1px solid #ddd; font-size: .85rem; } .type-nav{ width:8rem; position: relative; padding:.7rem .3rem; text-align: center; border-bottom: 1px solid #ddd; z-index: 10; } .flex-wrap{ display: flex; } .type-nav.selected{ margin-right: -1px; padding-left:0,-1px; color: #333; background-color: #fff; } /* .content{ background-color: #fff; } */ .dish{ margin-left: 1rem; padding: 1rem; border-bottom: 1px solid #ddd; } .dish .title{ display: block; font-size: 1rem; } .dish p{ color: orange; font-size: .75rem; } .dish .add-btn{ width: 8rem; text-align: right; } .cu-bar1 { display: flex; align-items: center; justify-content: space-between; } .cart{ display: block; position: fixed; left: 0; right: 0; bottom: 0; padding: 1rem; background: #ddd; } .container { height: 50%; box-sizing: border-box; background-color: #f4f4f4; } .cu1-btn { position: relative; border: 0rpx; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5rpx 5rpx; font-size: 26rpx; height: 70rpx; line-height: 1; text-align: center; text-decoration: none; overflow: visible; margin-left: initial; transform: translate(0rpx, 0rpx); margin-right: initial; } .cu-btn1 { position: relative; border: 0rpx; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 5rpx; font-size: 26rpx; height: 64rpx; line-height: 1; text-align: center; text-decoration: none; overflow: visible; margin-left: initial; transform: translate(0rpx, 0rpx); margin-right: initial; } .setborder { border: 1rpx solid currentColor; } .cubarN { display: flex; position: relative; align-items: center; min-height: 50rpx ; justify-content: space-between; }