|
@@ -17,20 +17,28 @@
|
|
|
}
|
|
|
.filter_nav{
|
|
|
display: flex;
|
|
|
- height: 88rpx;
|
|
|
- overflow: hidden;
|
|
|
+ height: 88rpx;
|
|
|
}
|
|
|
.filter_nav_item{
|
|
|
flex: 1;
|
|
|
text-align: center;
|
|
|
- height: 85rpx;
|
|
|
- border-bottom: 3rpx solid rgba(235, 235, 235, 1);
|
|
|
+ height: 88rpx;
|
|
|
transition: all 0.5s;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.filter_nav_item .filters_nav_line{
|
|
|
+ height: 4rpx;
|
|
|
+ position: absolute;
|
|
|
+ bottom: -1rpx;
|
|
|
+ width: 100%;
|
|
|
+ background-color:rgba(235, 235, 235, 1);
|
|
|
}
|
|
|
.filter_nav_item_active{
|
|
|
- border-bottom: 3rpx solid #FFE600;
|
|
|
color:red;
|
|
|
}
|
|
|
+.filter_nav_item_active .filters_nav_line{
|
|
|
+ background-color: #FFE600;
|
|
|
+}
|
|
|
.filter_nav_name{
|
|
|
line-height: 80rpx;
|
|
|
color: rgba(56, 55, 53, 1);
|