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


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


#test33 li a, .dropbtn {
    /*display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。*/
display: inline-block; /*设置成块*/
color: #333;
text-align: center;
  
font-weight:bold;
text-decoration: none;
padding:1px 0px;
      font-size: 17px;
}


#test33 li a:hover, .dropdown:hover .dropbtn { /*鼠标移上去，改变背景颜色*/

color: #00a0e9;
z-index: -1;
}

#test33 .dropdown-content {
display: none;
    position: absolute;
    color: #fff;
    background-color: rgb(0, 160, 233);
    min-width: 90px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    left: -10px;

}


#test33 .dropdown-content a {
display: block;
color: #fff;
padding: 5px 5px;
    font-size:15px;
text-decoration:none;
}


#test33 .dropdown-content a:hover {
background-color: #00a0e9;
color: #ffffff;
   border-radius: 30px;
}


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