.header-container{padding:0 200px;position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#3c454c;background-image:linear-gradient(#434c53,#3c454c);box-shadow:0 0 5px #333}.header-frame{height:50px;position:relative;margin:0 auto}.header-logo{line-height:50px;margin-right:30px;display:inline-block;vertical-align:top}.header-logo img{height:35px;margin-top:7px;vertical-align:top}.header-logo a{display:inline-block}.header-menu{display:inline-block}.header-menu li.header-menu-widget{display:inline-block;position:relative}.header-menu li.header-menu-widget .header-menu-item{line-height:50px;font-size:16px;padding:0 25px;text-decoration:none;color:#d8d8d8;text-align:center;display:inline-block}.header-menu li.header-menu-widget.active .header-menu-item{font-weight:bold;color:#EEE;background-color:#323a40}.header-menu li.header-menu-widget.hover .header-menu-item,.header-menu li.header-menu-widget .header-menu-item:hover{color:#323a40;background-color:#EEE;box-shadow:0 0 4px #DDD}.header-menu .header-down{margin-left:8px;font-size:12px;vertical-align:middle}.header-panel{position:absolute;left:0;top:40px;padding-top:10px;display:none}.header-layer{padding:10px;border-radius:10px;background-color:#FFF;border:1px solid #EEE;box-shadow:1px 1px 4px #DDD;display:flex}.header-layer .header-layer-block{width:220px;display:inline-block}.header-layer .header-layer-block .title{margin-bottom:5px}.header-layer .header-layer-block li{display:inline-block}.header-layer .header-layer-block li:nth-child(odd){margin-right:15px}.header-layer .header-layer-block li span{margin-left:5px;font-size:12px;vertical-align:middle}.header-menu-widget-homepage .header-layer-block.layer-category{width:150px}.header-menu-widget-modpack .header-layer-block.layer-version{width:250px}.header-menu-widget-modpack .header-layer-block.layer-category{width:180px}.header-menu-widget-tools .header-layer-block.layer-tools{width:320px}.header-mobilemenu .header-layer-block{width:100%}.header-mobilemenu{height:50px;display:none}.header-mobilemenu .header-layer-block li{margin-right:15px}#header-mobilemenu-switch{margin-top:8px;line-height:30px;border:0;background-color:transparent;color:#d8d8d8;cursor:url(//www.mcmod.cn/images/cursor/hand.png),auto;display:inline-block}#header-mobilemenu-switch:hover{color:#EEE}.header-right{right:0;top:0;position:absolute}.header-search{margin:8px 10px 0 0;display:inline-block}#header-search-switch{line-height:30px;border:0;background-color:transparent;color:#d8d8d8;cursor:url(//www.mcmod.cn/images/cursor/hand.png),auto;display:inline-block}#header-search-switch:hover{color:#EEE}.header-search form{width:235px;background-color:#FFF;border:1px solid;border-color:#323a40;border-radius:5px;display:none}#header-search-input{width:200px;line-height:30px;font-size:14px;padding:0 5px;display:inline-block;border:0;border-radius:5px}#header-search-submit{line-height:30px;padding:0 8px;font-size:14px;color:#323a40;border:0;background-color:transparent;display:inline-block;border-radius:5px;cursor:url(//www.mcmod.cn/images/cursor/hand.png),auto;vertical-align:top}#header-search-submit:hover{color:#000}.header-user{display:inline-block}.header-user.unlogin{margin-top:8px}.header-user.unlogin li{display:inline-block;margin-right:8px;vertical-align:top}.header-user.unlogin li:last-child{margin-right:0}.header-user.unlogin li a{color:#d8d8d8;font-size:14px}.header-user.unlogin li a:hover;{color:#EEE}.header-user .header-user-avatar{display:inline-block;vertical-align:top}.header-user .header-user-avatar a{display:inline-block}.header-user .header-user-avatar img{width:34px;height:34px;border-radius:50%;border:1px solid #222}.header-user .header-user-info{height:50px;cursor:url(//www.mcmod.cn/images/cursor/hand.png),auto;padding-top:8px;display:inline-block;position:relative}.header-user .header-user-name{line-height:34px;margin-left:8px;display:inline-block}.header-user .header-user-name a{max-width:100px;color:#d8d8d8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top}.header-user .header-user-name .header-down{line-height:34px;color:#d8d8d8;margin-left:8px;font-size:12px;display:inline-block;vertical-align:top}.header-user .header-user-info .header-panel{width:180px;text-align:center}.header-user .header-user-info .header-panel.header-panel-admin{width:270px}.header-user .header-user-info .header-layer .header-layer-block li{margin:0}.header-user .header-user-msg{line-height:34px;padding:0 8px;margin:8px 0 0 8px;border-left:1px solid;border-right:1px solid;border-color:#393939;display:inline-block;vertical-align:top;position:relative}.header-user .header-user-msg a{color:#d8d8d8;font-size:12px;vertical-align:top}.header-user .header-user-msg .badge{margin-left:5px}.header-user .header-user-name a:hover,.header-user .header-user-msg a:hover{color:#EEE}.header-menu .header-down,.header-user .header-user-name .header-down{-webkit-transition:all .15s ease 0s;-moz-transition:all .15s ease 0s;-o-transition:all .15s ease 0s;transition:all .15s ease 0s}.header-container,.header-panel,.header-menu li.header-menu-widget .header-menu-item,.header-search form,.header-user .header-user-avatar img{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}#header-mobilemenu-switch,#header-search-switch:focus,#header-search-submit:focus{outline:0}@media(max-width:1920px){.header-container{padding:0 20px}.header-frame{max-width:1200px}.header-search form{position:absolute;top:60px;right:-10px;border:2px solid}}@media(max-width:1200px){.header-menu li.header-menu-widget .header-menu-item{padding:0 20px}.header-user .header-user-info .header-panel{right:-75px;left:auto}}@media(max-width:1100px){.header-menu li.header-menu-widget .header-menu-item{padding:0 10px;font-size:15px}}@media(max-width:980px){.header-user .header-user-name a{display:none}}@media(max-width:850px){.header-menu{display:none}.header-mobilemenu{display:inline-block}.header-logo{margin-right:10px}}