header.header-home{position:fixed;left:0;top:0;width:100%;z-index:100;background:#fff;height:14.8148148148vw}header.header-home .logo-container{display:flex;align-items:center}header.header-home .logo-container .three-border{width:6.1111111111vw;height:6.1111111111vw;padding:1.2962962963vw 1.2037037037vw;display:flex;flex:none;justify-content:space-between;align-items:center;flex-direction:column;margin-right:1.8518518519vw}header.header-home .logo-container .three-border i{width:100%;border-radius:2px;height:2px;background-color:#000}header.header-home .logo-container a.logo{display:block;background:url(/images/lavieai.png) no-repeat 50%;background-size:contain;width:22.4074074074vw;height:4.6296296296vw}header.header-home .header-container{width:92.5925925926vw;margin-left:auto;margin-right:auto;position:relative;display:flex;align-items:center;justify-content:space-between}header.header-home .header-container .group{display:flex;height:14.8148148148vw}header.header-home .header-container .group .btn-group{width:120px;height:14.8148148148vw;display:flex;align-items:center;justify-content:center;gap:5px}header.header-home .header-container .group .btn-group button{width:58px;height:28px;border-radius:14px;border:1px solid transparent;cursor:pointer;color:#000}header.header-home .header-container .group .btn-group button.btn-block{border:1px solid rgba(0,0,0,.1)}header.header-home .auth-action{width:55px;height:56px;position:relative;display:flex;align-items:center}header.header-home .auth-action .user-avatar{cursor:pointer;height:32px;background-color:#f1f1f1;display:flex;align-items:center;padding:0 5px;border-radius:32px}header.header-home .auth-action .user-avatar img.avatar{width:28px;height:28px;border-radius:50%}header.header-home .auth-action:hover .user-info{display:flex}header.header-home .auth-action .user-info{display:none;justify-content:center;flex-direction:column;align-items:center;width:136px;position:absolute;right:0;border-radius:10px;top:52px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);padding:20px 0}header.header-home .auth-action .user-info img.user-avatar{padding:0;width:42px;height:42px;object-fit:cover}header.header-home .auth-action .user-info .user-name{font-size:16px;margin-top:10px}header.header-home .auth-action .user-info button.btn{border:1px solid #7b7b7b;height:36px;line-height:34px;border-radius:10px;margin-top:12px;font-size:13px}header.header-home.nav-open .aside-container{opacity:1;visibility:visible}header.header-home .aside-container{position:absolute;width:37.037037037vw;left:3.7037037037vw;top:14.7222222222vw;padding-top:1.8518518519vw;visibility:hidden;transition:all .3s;opacity:0}header.header-home .aside-container ul{background-color:#fff;border:1px solid #b8c3d8;border-radius:1.8518518519vw;display:flex;flex-direction:column;box-shadow:0 4px 24px 0 rgba(0,0,0,.251)}header.header-home .aside-container ul li.aside-item{transition:all .4s;position:relative;cursor:pointer}header.header-home .aside-container ul li.aside-item .link-hard:hover~.list-children{display:block}header.header-home .aside-container ul li.aside-item .list-children{display:none;justify-content:center;flex-direction:column;align-items:center;width:100%;background-color:#fff}header.header-home .aside-container ul li.aside-item .list-children a{padding:0 3.7037037037vw;height:36px;line-height:36px;color:#666}header.header-home .aside-container ul li.aside-item .list-children a.aside-item--active{color:#000}header.header-home .aside-container ul li.aside-item .list-children a span{padding:0 10px}header.header-home .aside-container ul li.aside-item.aside-item--active>a{color:#000}header.header-home .aside-container ul li.aside-item a{transition:all .5s;padding-left:20px;padding-right:20px;color:rgba(0,0,0,.6);display:flex;align-items:center}header.header-home .aside-container ul li.aside-item a span{display:block;line-height:38px;height:38px;font-weight:500;font-size:14px}header.header-home .aside-container ul li.aside-item a:hover{color:#000}@media(min-width:1024px){header.header-home{height:96px;background:hsla(0,0%,93%,.749);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background-color:hsla(0,0%,93%,.851);transition:transform 1s;-webkit-transition:transform 1s;transform:translateY(0);-webkit-transform:translateY(0)}header.header-home.header-scroll-up{transform:translateY(-95px);-webkit-transform:translateY(-95px)}header.header-home .header-container{display:block;max-width:1200px;margin-left:auto;margin-right:auto;position:relative}header.header-home .header-container .group{position:absolute;right:0;top:0;display:flex;height:56px}header.header-home .header-container .group .btn-group{width:120px;height:56px;display:flex;align-items:center;justify-content:center;gap:5px}header.header-home .header-container .group .btn-group button{width:58px;height:28px;border-radius:14px;border:1px solid transparent;cursor:pointer;color:#000}header.header-home .header-container .group .btn-group button.btn-block{border:1px solid rgba(0,0,0,.1)}header.header-home .logo-container{height:56px;display:flex;justify-content:center;align-items:center}header.header-home .logo-container .three-border{display:none}header.header-home .logo-container a.logo{width:121px;height:20px;margin:0 auto}header.header-home .auth-action{width:55px;height:56px;position:relative;display:flex;align-items:center}header.header-home .auth-action .user-avatar{cursor:pointer;height:32px;background-color:#f1f1f1;display:flex;align-items:center;padding:0 5px;border-radius:32px}header.header-home .auth-action .user-avatar img.avatar{width:28px;height:28px;border-radius:50%}header.header-home .auth-action:hover .user-info{display:flex}header.header-home .auth-action .user-info{display:none;justify-content:center;flex-direction:column;align-items:center;width:136px;position:absolute;right:0;border-radius:10px;top:52px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);padding:20px 0}header.header-home .auth-action .user-info img.user-avatar{padding:0;width:42px;height:42px;object-fit:cover}header.header-home .auth-action .user-info .user-name{font-size:16px;margin-top:10px}header.header-home .auth-action .user-info button.btn{border:1px solid #7b7b7b;height:36px;line-height:34px;border-radius:10px;margin-top:12px;font-size:13px}header.header-home .aside-container{width:100%;position:static;padding:0;opacity:1;visibility:visible}header.header-home .aside-container ul{box-shadow:none;background:none;border:0;border-radius:0;display:flex;justify-content:center;flex-direction:row}header.header-home .aside-container ul li.aside-item{transition:all .4s;position:relative;cursor:pointer}header.header-home .aside-container ul li.aside-item:hover .list-children{display:block}header.header-home .aside-container ul li.aside-item .list-children{display:none;justify-content:center;flex-direction:column;align-items:center;width:90px;left:50%;margin-left:-47px;position:absolute;right:0;border-radius:5px;top:40px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);padding:10px 0}header.header-home .aside-container ul li.aside-item .list-children a{padding:0;height:36px;line-height:36px;color:#666}header.header-home .aside-container ul li.aside-item .list-children a.aside-item--active{color:#000}header.header-home .aside-container ul li.aside-item .list-children a span{padding:0 10px}header.header-home .aside-container ul li.aside-item.aside-item--active>a{color:#000}header.header-home .aside-container ul li.aside-item a{transition:all .5s;padding-left:20px;padding-right:20px;color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}header.header-home .aside-container ul li.aside-item a span{display:block;line-height:38px;height:38px;font-weight:500;font-size:14px}header.header-home .aside-container ul li.aside-item a:hover{color:#000}}