ul仿写下拉框

                    <div>

                        <ul>

                            <li>企业类型<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型1<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型2<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型3<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型4<img src="operation_box_right_top_img.png" alt=""></li>

                        </ul>

                        <ul>

                            <li>融资阶段<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型10<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型20<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型30<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型40<img src="operation_box_right_top_img.png" alt=""></li>

                        </ul>

                        <ul>

                            <li>公司规模<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型11<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型21<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型31<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型41<img src="operation_box_right_top_img.png" alt=""></li>

                        </ul>

                        <ul>

                            <li>市场份额<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型11<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型21<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型31<img src="operation_box_right_top_img.png" alt=""></li>

                            <li>企业类型41<img src="operation_box_right_top_img.png" alt=""></li>

                        </ul>

                    </div>

                    <div>筛选</div>

                </div>

css:

.operation_box_right_bottom{background: #ffffff;width: 100%;margin-top: 1.09375vw;min-height: 90%;padding: 1.041vw 1.5625vw;box-shadow: 0 0 10px #E7E7E7;border-radius: 5px;}

.operation_box_right_bottom_top{display: flex;justify-content: space-between;align-items: center;}

.operation_box_right_bottom_top li{z-index: 99;position: relative;background: #fff;}

.operation_box_right_bottom_top>div:nth-child(1){display: flex;}

.operation_box_right_bottom_top>div:nth-child(1) ul{margin-right: 18px; width: 150px;height: 28px;border: 1px solid #DDDDDD;cursor: pointer;}

.operation_box_right_bottom_top>div:nth-child(1) ul li{display: none;margin-left: -1px; width: 150px;height: 28px;line-height: 28px;border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;font-size: 14px;color: #999999;justify-content: space-around;align-items: center;}

.operation_box_right_bottom_top>div:nth-child(1) ul li img{width: 15px;height: 15px;opacity: 0;}

.operation_box_right_bottom_top>div:nth-child(1) ul li:nth-child(1){border: none;display: flex;background: rgba(0, 0, 0, 0);}

.operation_box_right_bottom_top>div:nth-child(1) ul li:nth-child(1) img{opacity: 1;}

.operation_box_right_bottom_top>div:nth-child(1) ul li:last-child{border-bottom: 1px solid #DDDDDD;}

.operation_box_right_bottom_top>div:nth-child(2){width: 70px;height: 27px;line-height: 27px;background: #00B7EE;color: #fff;font-size: 14px;text-align: center;border-radius: 27px;}

js