.hd-tab { display: flex; justify-content: space-between; padding: 0 54upx 0 67upx; align-items: center; text-align: center; background-color: #fff; height: 88upx; font-size:28upx; color:rgba(51,51,51,1); text { // flex: 1; line-height: 1; display: inline-block; &.active { position:relative; font-weight:bold; color:rgba(51,51,51,1); } &.active:after{ position: absolute; left: 0; content: ''; width: 100%; height: 6upx; background:linear-gradient(-90deg,rgba(148,222,143,1),rgba(29,198,184,1)); bottom: -15upx; } } }