.menunav { width: calc(90%-241px); display: flex; justify-content: center; margin-top: 25px; float: right; } .menunav * { box-sizing: border-box; } .menunav .center { width: 100%; } .menunav .ul-list { display: flex; justify-content: flex-end; } .menunav .ul-list > li { padding:0px 10px; position: relative; text-align:center; } .dropdown > a { color: #000; } .open > a { color: #f6792b; } .open > a::after { position: absolute; content: ''; width: 45px; bottom:-5px; right:10px; border-bottom: 2px solid #F48000; } .menunav .ul-list > li > a { font-size: 16px; text-decoration: none; } .menunav .ul-list > .dropdown > a:hover::after { position: absolute; content: ''; width: 45px; bottom:-5px; right:10px; border-bottom: 2px solid #F48000; } .menunav .ul-list > li:hover .ol-list { display: flex; } .menunav .ol-list { display: none; position: absolute; top: 28px; left: 0; z-index: 999; padding-top:8px; } .menunav .ol-list > li { display: inline; padding: 0px 10px; background:#FDFADC; } .menunav .ol-list > li>a:before { position: absolute; content: ''; width: 0; height: 0; left: -1px; border: 7px solid transparent; border-top:7px solid #F48000; border-left:7px solid #F48000; } .menunav .ol-list > li > a { font-size: 16px; text-decoration: none; color: #605D5C; line-height: 40px; } .menunav .ol-list > li > a:hover { color: #000; } .ss { display:none; float: left; } .ss li { display: inline; font-size: 16px; padding: 0px 10px; } .ss li a { line-height: 40px; } .ul-list .home-i { font-size:20px; color:#000 } .menunav .ul-list > li:hover .home-i { color: #f6792b; }