关于ul没有小黑点的问题！

ul没有小黑点，究竟是哪里的问题？
晚上写页面的时候发现ul中没有小黑点，反复检查代码也没有发现问题，求大手子解决一下！

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>哈药</title>
        <link rel="stylesheet" type="text/css" href="./css/hayao.css"/>
    </head>
    <body>
        <div id="app">
            <!-- 头部 -->
            <div id="d1">
                <div id="d1_1">
                    <img src="img/00.png" >
                </div>
                <div id="d1_2">
                    <a href="">简体</a>
                    <a id="zhong" href="">繁体</a>
                    <a href="">English</a><br>
                    <input type="text" />
                </div>
            </div>
            
            <!-- 导航 -->
            <div id="d2">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">走进哈药</a></li>
                    <li><a href="">动态咨询</a></li>
                    <li><a href="">产品世界</a></li>
                    <li><a href="">科技研发</a></li>
                    <li><a href="">招标采购</a></li>
                    <li><a href="">人才招聘</a></li>
                    <li><a href="">合作交流</a></li>
                </ul>
            </div>
        </div>
    </body>
</html>



*{
    margin: 0px;
    padding: 0px;
}
a{
    text-decoration: none;
}
#app{
    width: 1536px;
    margin: auto;
}

/* 头部 */
#d1{
    width: 980px;
    height: 90px;
    margin: auto;
    display: table;
    /* background-color: red; */
}
#d1_1{
    width: 400px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    /* background-color: #999999; */
}
#d1_2{
    display: inline-block;
    /* background-color: #7575A0; */
    width: 300px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
#d1_2>a{
    color: #747474;
    padding: 0px 2px;
    display: inline-block;
}
#d1_2>a:hover{
    color: red;
}
#d1_2>input{
    width: 136px;
}
#zhong{
    border-left: 1px solid black;
    border-right: 1px solid black;
}

/* 导航 */
#d2{
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: red;
}
/* ul并没有出现小黑点 */
#d2 ul li{
    display: inline-block;
}
#d2>ul>li>a{
    color: white;
    padding: 0px 25px;
}

img

很简单呀display: inline-block;或者list-style:none都可以去除小黑点，如果你将
#d2 ul li{
display: inline-block;
}
删了，小黑点就又回来了

ul没有小黑点不好吗
li 设置了 display: inline-block; 就不是列表元素了，就没有小黑点了