RealtorEasier/apps/agent/components/drop-down/drop-down.wxss

page{
  --border: 1px solid rgba(0, 0, 0, 0.1);
  --textColor: #111;
  --subColor: #A3A4A5;
  --statusColor: #F9A718;
  --tbH:22%;
}
@import "/common/font/iconfont.wxss";
.dd-con{
    width: 100%;
    padding: 0 0 0 40rpx;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    transition: all linear .3s;
    max-height: 0;
}

.dd-active{
  max-height: 60vh;
}
.dd-item{
  flex: 1;
  overflow-x: hidden;
  /* overflow-y: auto; */
  max-height: 100%;
}

.row-item{
  margin-right: 40rpx;
  line-height: 90rpx;
  height: 90rpx;
  border-bottom: var(--border);
  position: relative;
  z-index: 999;
}

.row-active{
  color: var(--theme);
}

.filter{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 40rpx);
  line-height: 120rpx;
  height: 120rpx;
}

.hidden{
  display: none;
}

.filter input, .filter .btn{
  width: 140rpx;
  line-height: 60rpx;
  height: 60rpx;
}


.filter input{
  border: var(--border);
  padding-left: 20rpx;
  border-radius: 8rpx;
}

.filter .btn{
  border-radius: 8rpx;
  color: #fff;
  text-align: center;
  background-color: var(--theme);
}

.star{
  margin-left: 4rpx;
  font-size: 28rpx;
  color: #F56C6C;
}