锘?header-breadcrumb { text-align: center; height: 70px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ align-items: center; justify-content: center; background-color: #de613a; margin-bottom: 90px; } .header-breadcrumb > .ul-menu > li > a { padding: 19px; } .header-breadcrumb > .ul-menu > li.active > a::after { border: 0.5px solid #fff; content: ""; display: block; width: 40px; margin-left: auto; margin-right: auto; margin-top: 3px; } .header-breadcrumb .ul-menu { list-style-type: none; border-bottom: 1px solid #dadada; margin: 0; height: 70px; width: 100%; text-align: center; } .header-breadcrumb .ul-menu li { padding: 0 15px; display: inline-block; height: 70px; } .header-breadcrumb .ul-menu li a { height: 28px; line-height: 28px; font-size: 16px; color: #fff; display: block; font-weight: 600; } .header-breadcrumb .ul-menu li a:hover, .header-breadcrumb .ul-menu li a:focus { *color: #fff; } .header-breadcrumb .ul-menu li.multi-level { position: relative; } .header-breadcrumb .ul-menu li.multi-level .more, .header-breadcrumb .ul-menu li.multi-level .ul-menu { display: none; } .header-breadcrumb .ul-menu li.multi-level .ul-menu { position: absolute; *height: 200px; height: auto; z-index: 99; width: 230px; top: 70px; } .header-breadcrumb .ul-menu li.multi-level .ul-menu li { display: block; height: 50px; } .header-breadcrumb .ul-menu li.multi-level .ul-menu li a { height: 50px; line-height: 50px; } .header-breadcrumb .ul-menu li.multi-level .ul-menu li ul { top: 0; left: 100%; } .header-breadcrumb .ul-menu li.multi-level:hover > .ul-menu { display: block; background: #f7f7f7; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); } .header-breadcrumb .ul-menu li.multi-level:hover > .ul-menu li a { color: #5b5b5b; text-align: left; } .header-breadcrumb .ul-menu li:hover a { color: #fff; } .header-breadcrumb .ul-menu li.active a { color: #fff; } @media screen and (max-width: 767px) { .inner-content .header-breadcrumb { display: none; } }