/* templates/footer_teacher/footer.wxss */ .footer-container { position: fixed; bottom: 0; left: 0; width: 100%; height: 98rpx; background:rgba(255,255,255,1); box-shadow:0 0 14rpx 0 rgba(221,221,221,0.5); z-index: 99; } .footer-wrapper { width: 100%; margin: 0; } .footer-items { display: flex; justify-content: space-around; align-items: center; text-align: center; margin: 0; } .footer-item { margin: 18rpx 22rpx 0 22rpx; position: relative; } .footer-item-image { width: 51rpx; height: 38rpx; } .footer-item-image-active { width: 51rpx; height: 38rpx; } .footer-item-image-large { width: 74rpx; height: 74rpx; } .footer-item-text { font-size: 20rpx; color: #ccc; } .footer-item-text-active { color: #FA5741; } .footer-item-specific-text-active { color: #fff; }