.select-content-activity { position: sticky; top: 0; left: 0; z-index: 9; .screen-item { background-color: #fff; height: 111rpx; padding: 0 34rpx; font-size: 24rpx; color: #333; display: flex; align-items: center; justify-content: space-between; .text-item { width: 150rpx; text-align: center; line-height: 51rpx; box-sizing: border-box; border-radius: 26rpx; background-color: #f8f8fa; // margin-right: 20rpx; } .medium-item { width: 135rpx; } .active { background-color: $uni-color-new; color: #fff; } } .select-conyent { .items-box { width: 40rpx; } .menu-items { background-color: #f8f8fa; width: 100%; display: flex; flex-wrap: wrap; padding: 30rpx 30rpx 0; .menu-items-box { display: flex; width: 50%; font-size: 28rpx; font-weight: 400; margin-bottom: 40rpx; } } .replacement { margin: 0rpx 30rpx 20rpx; display: flex; background-color: $uni-color-new; height: 60rpx; line-height: 58rpx; font-size: 28rpx; font-weight: 400; color: #ffffff; border-radius: 30rpx; text { flex: 1; text-align: center; line-height: 60rpx; } .replacement-box { border: 1rpx solid $uni-color-new; line-height: 58rpx; color: $uni-color-new; background: #ffffff; border-radius: 28rpx 0rpx 28rpx 28rpx; } } } .select-item-multiple { padding: 10rpx 24rpx; border-radius: 26rpx; background-color: #f8f8fa; flex-shrink: 0; margin-right: 20rpx; } .screen-item-ul { height: 80rpx !important; margin-top: -30rpx; } } /deep/.van-dropdown-menu { background-color: #fff; box-shadow: none !important; display: flex; align-items: center; } /deep/.van-dropdown-menu__item { box-sizing: border-box; width: 160rpx; // margin-right: 20rpx; padding-right: 20rpx; height: 51rpx; border-radius: 26rpx; background: #f8f8fa; } /deep/.van-dropdown-item { margin-top: -10rpx; } /deep/[data-index="2"] { margin-right: 0rpx; } /deep/ .van-ellipsis { font-size: 24rpx; }