.heard{ width: 100%; height: 1.5rem; display: flex; justify-content: center; position: relative; } .heard_logo{ position: absolute; left: 0.66rem; top: 0.45rem; width: 2.10rem; height: 0.6rem; font-size: 0.24rem; } .heard_logo>img{ width: 100%; height: 100%; } .heard_tabbar ul{ display: flex; align-items: center; font-size: 0.24rem; color: #5B5B5B; margin-top: 0.54rem; } .heard_tabbar ul li{ margin-right: 1.2rem; cursor: pointer; } .heard_tabbar ul li a{ font-size: 0.24rem; color: #5B5B5B; padding-bottom: 0.55rem; border-bottom: 0.04rem solid #fff; } .heard_tabbar ul li a:hover{ color: #2BBDEE; /* border-bottom: 0.04rem solid #2BBDEE; */ } .heard_tabbar ul li .active{ color: #2BBDEE; border-bottom: 0.04rem solid #2BBDEE; font-size: 0.28rem; } .heard_tabbar ul li:last-child{ margin-right: 0; }