@charset "UTF-8";

#site-allmenu{position:fixed;left:0;top:0;width:100%;height:100dvh;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:.3s;z-index:99999}
#site-allmenu.open{opacity:1;visibility:visible}
.site-allmenu-wrap{width:100%;height:90dvh;background:#fff;border-radius:15px 15px 0 0;transform:translateY(100%);transition:.35s cubic-bezier(.4,0,.2,1);overflow:hidden}
#site-allmenu.open .site-allmenu-wrap{transform:translateY(0)}
.site-allmenu-head{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 1.5rem;border-bottom:1px solid #eee;}
.site-allmenu-head h3{margin:0;font-size:16px;font-weight:600}
.site-allmenu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:#f5f5f5;border-radius:50%;cursor:pointer;font-size:18px}
.site-allmenu-body{height:calc(90dvh - 64px);overflow-y:auto}
.site-menu-box{margin-bottom:1rem}
.site-menu-title{display:flex;align-items:center;gap:10px;padding:1rem 1.5rem;margin-bottom:1rem;border-bottom:1px solid var(--borderColor);font-size:16px;font-weight:600;text-decoration:none}
.site-menu-title i{width:20px;text-align:center;color:var(--theme-color,#019589)}
.site-menu-depth2,.site-menu-depth3{padding: 0 1.5rem; display: flex; gap: 10px; flex-wrap: wrap;}
.site-menu-depth2 li { flex: 0 0 calc(33% - 6px);}
.site-menu-depth2>li>a{
  display: block;
  text-decoration: none;
  transition: .2s;
  padding: 0.5rem 0;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 3px 8px #00000014;
}
.site-menu-depth2>li>a:hover{color:var(--theme-color,#019589)}
.site-menu-depth3{margin-top:6px;padding-left:15px;border-left:2px solid #eee}
.site-menu-depth3 li{margin:6px 0}
.site-menu-depth3 a{display:block;color:#888;font-size:14px;text-decoration:none;transition:.2s}
.site-menu-depth3 a:hover{color:var(--theme-color,#019589)}