#header {
    display: none;
}


/* 将默认的导航头屏蔽掉，这样才能把自己的导航栏加上去 */


/* 定制自己导航栏的样式 */

#shwtop ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*去除li前的标注*/
    background-color: #333;
    overflow: hidden;
    /*隐藏溢出的部分，保持一行*/
}

#shwtop li {
    float: left;
    /*左浮动*/
}

#shwtop li a,
.dropbtn {
    display: inline-block;
    /*设置成块*/
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 14px 16px;
}


/*鼠标移上去，改变背景颜色*/

#shwtop li a:hover,
.dropdown:hover .dropbtn {
    /* 当然颜色你可以自己改成自己喜欢的，我还是挺喜欢蓝色的 */
    background-color: rgb(243, 186, 29);
}

#shwtop .dropdown {
    /*
    display:inline-block将对象呈递为内联对象，
    但是对象的内容作为块对象呈递。
    旁边的内联对象会被呈递在同一行内，允许空格。
    */
    display: inline-block;
}

#shwtop .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

#shwtop .dropdown-content a {
    display: block;
    color: black;
    padding: 8px 10px;
    text-decoration: none;
}

#shwtop .dropdown-content a:hover {
    background-color: #a1a1a1;
}

#shwtop .dropdown:hover .dropdown-content {
    display: block;
}