@charset "UTF-8";#header{position:fixed;top:0;z-index:9999;width:100%}#header-wrap{max-width:100%;margin:0 auto;display:flex;justify-content:flex-start;padding:0 0 20px}#header-wrap__left{flex:1}#header-wrap__content{display:flex;align-items:center;justify-content:space-between;height:60px;background-color:#fff;color:#fff;position:relative;top:13px;max-width:440px;flex:1;border-radius:20px 20px 0 0}#header-wrap__right{flex:1}#header .logo{padding-left:20px}#header .logo img{max-height:100%;max-width:75px}#header .menu{margin-left:auto;transition:.5s;display:none;position:relative;right:-80%}#header .content-menu{display:flex;justify-content:flex-end;align-items:center}#header .header-menu-class{display:flex;text-align:center}#header .header-menu-class ul{display:flex;list-style:none}#header .header-menu-class ul li{margin-left:20px}#header .header-menu-class ul li a{text-decoration:none;color:#3f3f3c;font-size:12px;transition:color .3s}#header .header-menu-class ul li a:hover{color:#f0a500}#header .user-icon{display:flex;align-items:center font-size:15px;text-align:center;padding:0;position:relative;top:2px}#header .user-icon img{border-radius:50%;margin:0 5px}#header .user-icon a{border:1px solid #333;border-radius:4px;padding:2px 8px;font-size:10px;letter-spacing:1px}.user-icon-box{padding-right:20px}.user-icon-box a{border-bottom:1px solid #3f3f3c}#header .user-name{color:#fff;font-size:12px;position:relative;top:-10px}#header .default-avatar{border-radius:50%;margin:0 5px}#header .button .line{width:20px;height:3px;background:#333;transition:transform .3s ease,opacity .3s ease;display:none;margin-bottom:5px}#header .button .line:nth-of-type(3){margin-bottom:0}#header .button.active .line{background:#fff}#header .button.active .line:nth-of-type(1){transform:translateY(0) rotate(45deg);position:relative;top:8px}#header .button.active .line:nth-of-type(2){opacity:0}#header .button.active .line:nth-of-type(3){transform:translateY(0) rotate(-45deg);position:relative;top:-8px}#header nav.menu.active{display:block;position:absolute;right:0;top:0;background-color:#354752;width:80%;text-align:center;height:100vh;z-index:1}#header .menu.active{right:0}#header nav.menu.active ul{display:block;padding:50% 0 35px;margin:0 auto}#header nav.menu.active ul li{margin:0 0 10px}#header nav.menu.active ul li a{color:#fff;font-size:16px;text-decoration:none}#header .user-icon.active{display:none}@media screen and (max-width:1080px){#header .logo img{position:relative;top:3px;max-width:75px}#header-wrap__content{height:60px}#header .button .line{display:block}#header .button{display:none;cursor:pointer;z-index:1;padding-right:20px;line-height:60px}#header .user-icon{margin-left:auto;position:relative;top:3px;left:0}#header-wrap__content{margin:0 auto;flex:1}#header-wrap__left{width:20px;flex:none}#header-wrap__right{flex:1}}@media screen and (max-width:768px){#header .button{display:block}#header-wrap__content{max-width:none;border-radius:10px 10px 0 0}#header-wrap{width:100%;padding:0}#header-wrap__right{display:none}#header-wrap__content{top:0;border-radius:0}#header-wrap__left{display:none}}