.filter-content:nth-child(1) { border-top: 2rem dashed #eeeeee; } .filter-content { min-width: 1400rem; box-sizing: border-box; user-select: none; display: flex; align-items: flex-start; border-bottom: 2rem dashed #eeeeee; font-size: 20rem; color: #333333; } .filter-content .filter-title { white-space: nowrap; margin-top: 30rem; } .filter-content .hidden-box { transition: all 0.4s; } .filter-content .hidden-box.hidden { height: 86rem !important; overflow: hidden; } .filter-content .filter-tag { width: 100%; display: flex; align-items: center; flex-wrap: wrap; min-height: 42rem; box-sizing: border-box; } .filter-content .filter-tag .el-tag { background: #eef6fc !important; color: #000; } .filter-content .filter-tag .tag-item { margin: 20rem 24rem; cursor: pointer; padding: 10rem 23rem; } .filter-content .filter-tag .tag-item.active { color: var(--theme-color); border-radius: 2px; background: #ecf5fe; } .filter-content .more { cursor: pointer; margin-top: 30rem; white-space: nowrap; font-size: 20rem; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: var(--theme-color); } .filter-reset { display: flex; align-items: center; padding: 30rem 0; } .filter-reset .filter-reset-tag { flex: 9; display: flex; align-items: center; flex-wrap: wrap; gap: 12rem; } .filter-reset .filter-reset-tag .el-tag { font-size: 20rem; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #666666; height: unset !important; padding: 10rem 20rem; } .filter-reset .filter-reset-title { flex: 1; display: flex; cursor: pointer; align-items: center; justify-content: center; min-width: 101rem; height: 43rem; background: var(--theme-color); border-radius: 2rem; font-size: 20rem; font-family: PingFangSC-Medium, PingFang SC; font-weight: 700; color: #ffffff; } .filter-reset .filter-reset-title:hover { transform: scale(1.1); }