Html 输入字段在响应视图上未水平对齐

我做了一个电子商务网站的CSS设计。我有一个顶部水平过滤器部分，其中有颜色，性别等过滤器

当我调整窗口大小以查看响应效果时，复选框inputs move保持在li的底部，与文本不一致

.fltp{
利润率：0.1vw；
}
.drpdwn{
位置：绝对位置；
背景色：#FFFFFF；
边界半径：0.2vw；
盒影：0.1vw 0.1vw 0.2vw#808080；
}
.drpdwn>ul{
列表样式：无；
填充：0 5vw 0；
}
.drpdwn>ul>li{
利润率：0.5vw 0；
字体大小：1vw；
}
.drpdwn>ul>li>输入{
宽度：1vw；
光标：指针；
}

颜色

红色的
蓝色的