li ul a { padding: 10px 0; display: block; color: #333 !important; text-align: left; border-bottom: 1px solid #eee !important;}li ul li { height: auto; line-height: 1.4; position: relative; padding: 0 15px; margin: 0; list-style: none; flex-direction: column; text-align: center; justify-content: center; display: flex ; vertical-align: top; }li ul:before { content: ""; position: absolute; top: -8px; left: 30px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; z-index: 1; }li ul { top: calc(100% - 20px);max-height: 0; overflow: hidden; opacity: 0; display: block; position: absolute; list-style: none; padding: 0; margin: 0; background: white; border: 1px solid #ccc; color: rgb(255, 70, 0); transition: max-height 0.5s ease-out, opacity 0.5s ease-out;}li:hover > ul { max-height: 200px; opacity: 1; }