@charset "utf-8";



/* 容器 <div> - 需要放置下拉内容 */
.dropdown {
position: relative;
display: inline-block;
border: #B2B2B2 1px solid;
background: url(img/down.jpg) no-repeat;
background-position: right center;
width: 100%;
}

/* 设置下拉按钮的样式 */
.dropdown .dropbtn {
width: 80%;
height: 31px;
border: none;
padding: 0px;
margin: 0px;
cursor: pointer;
line-height: 31px;
background-color: #ffffff;
}

/* 下拉内容（默认隐藏） */
.dropdown .dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
width: 100%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
height:auto;
overflow-x: auto;
}

/* 下拉链接 */
.dropdown .dropdown-content a {
color: black;
line-height: 36px;
padding-left:10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}

/* 悬停时更改下拉链接的颜色 */
.dropdown .dropdown-content a:hover {
background-color: #f1f1f1
}

/* 悬停时显示下拉菜单 */
/*.dropdown:hover .dropdown-content {
display: block;
}*/
/* 显示下拉内容时，更改下拉按钮的背景颜色 */
/*.dropdown:hover .dropbtn {
background-color: #f1f1f1;
}*/