.menu-list li:hover .menu-wrap{ display: flex; } .menu-wrap{ width: 720px; position: absolute; top: 50px; right: 0; border-radius: 4px; display: none; animation: fadeIn 0.3s; background-color: #fbfbfb; z-index: 99; } .menu-wrap.about-us{ width: 560px; } .menu-wrap:before{ font-size: 0; position: absolute; top: -8px; transform: translateY(-50%); right: 42px; width: 0; height: 0; content: ''; border: 8px solid; border-color: transparent transparent #fbfbfb; } .menu-wrap .__side{ width: 180px; background: #eee; border-right: 1px solid rgb(218, 217, 217); padding: 30px 20px; flex-shrink: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .menu-wrap .__side .__side-item{ display: flex; align-items: center; justify-content: space-between; font-size: 16px !important; } .menu-wrap .__content{ display: flex; padding: 20px; flex-wrap: wrap; position: relative; } .menu-wrap a{ width: 50%; display: flex; align-items: center; cursor: pointer; padding: 10px; margin: 4px 0; text-align: left; border-radius: 4px; transition: all .3s; font-size: 16px !important; flex-shrink: 0; color: #444 !important; } .menu-wrap a:hover{ // background-color: rgba(0,0,0,.2); color: #f9aa11 !important; } .nav-toggle-scroll .menu-wrap a:hover{ background-color: rgba(0,0,0,0); } @keyframes fadeIn{ from{ opacity: 0; } to{ opacity: 1; } }

勘察设计行业用户

电气设备厂商用户

公众号
联系电话
13671878040
免费试用
在线咨询
返回顶部
XML 地图