.tap-box { margin-top: 30px; padding: 0 10px; display: flex; } .tap-box div { text-align: center; padding: 8px 16px; background: rgba(22, 186, 170, 0.2); border-radius: 6px; border: 1px solid rgba(22, 186, 170, 0.5); transition: all 0.3s ease; cursor: pointer; } .tap-box div:last-child { margin-left: 10px; } .active { background: rgba(22, 186, 170, 0.8) !important; border: 1px solid rgba(22, 186, 170, 0.8) !important; color: #fff; } .chart-box { padding: 10px; display: flex; } .chart-box-left, .chart-box-right { width: 48%; height: 400px; background: linear-gradient( 135deg, rgba(22, 186, 170, 0.1) 0%, rgba(22, 186, 170, 0.05) 100% ); border: 1px solid rgba(22, 186, 170, 0.3); border-radius: 12px; padding: 20px; position: relative; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); } .chart-box-left { margin-right: 1%; } .chart-box2 { width: 95%; height: 400px; margin: 0 auto; background: linear-gradient( 135deg, rgba(22, 186, 170, 0.1) 0%, rgba(22, 186, 170, 0.05) 100% ); border: 1px solid rgba(22, 186, 170, 0.3); border-radius: 12px; padding: 20px; position: relative; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); } .layui-table[lay-even] tbody tr:nth-child(even) { background-color: transparent !important; } /* 如果需要同时去除鼠标悬停效果 */ .layui-table tbody tr:hover { background-color: transparent !important; }