HEADER{width:100%;min-width:960px;background-color:#16902E;background-color:#39AE2D;padding:4px 4px 4px 4px;height:58px;z-index:3;position:fixed;box-shadow:2px 1px 2px 1px rgba(0,0,0,0.2);border-bottom:solid 1px #999}HEADER>.pc-menu,HEADER>.sp-menu{display:none}HEADER .logo{position:absolute;left:4px;width:46px;top:-4px;transition-property:left;transition-duration:.5s}HEADER .logo.sp{left:calc(100% - 80px)}HEADER .pc-menu .menu{display:flex;position:absolute;bottom:0;left:48px;width:calc(100% - 48px)}HEADER .pc-menu .menu LI{padding:0;margin:0;position:relative}HEADER .pc-menu .menu LI>A{width:96px;padding:10px 0px 8px 0px;border:solid 1px #999999;border-bottom:0;background-color:#CCCCCC;margin-right:-1px;cursor:default;text-align:center;color:#fff;transition-property:color, background;transition-duration:.2s}HEADER .pc-menu .menu LI>A:hover{background-color:#EEEEEE;color:#F9B52C}HEADER .pc-menu .menu LI>A.current{color:#666;background-color:#FFFFFF}HEADER .pc-menu .menu LI.search A{border:0;width:auto;background:none;font-size:28px;position:absolute;margin:-5px 0 0px 8px}HEADER .pc-menu .menu LI.setting{margin-left:auto;color:#FFF;align-self:flex-end;padding:0px 8px 6px 0px}HEADER .pc-menu .menu LI.setting I{margin-right:4px;font-size:20px;vertical-align:-2px}HEADER .pc-menu .menu LI.setting>UL{right:2px}HEADER .pc-menu .menu LI>UL{display:none;position:absolute;box-shadow:2px 1px 2px 1px rgba(0,0,0,0.2)}HEADER .pc-menu .menu LI>UL>LI:last-child>A{border:solid 1px #999999}HEADER .pc-menu .menu LI:hover>UL{display:block}HEADER .sp-menu .iconWrap{position:absolute;top:8px;left:12px;border:solid 1px #fff;width:40px;height:40px}HEADER .sp-menu .iconWrap>DIV{position:absolute;background:#FFF;height:1px;top:18px;left:3px;right:3px;transition-property:background-color;transition-duration:.5s}HEADER .sp-menu .iconWrap>DIV::before,HEADER .sp-menu .iconWrap>DIV::after{transition-property:top, transform, height;transition-duration:.6s;content:"";background:#FFF;height:1px;width:100%;position:absolute}HEADER .sp-menu .iconWrap>DIV::before{top:-8px}HEADER .sp-menu .iconWrap>DIV::after{top:8px}HEADER .sp-menu .menuBack{display:none;background:rgba(0,0,0,0.5);position:fixed;top:0;right:0;bottom:0;left:0}HEADER .sp-menu .sub-menu{position:fixed;background:#FFF;padding:10px;top:0;bottom:0;width:200px;left:-200px;transition-property:left;transition-duration:.3s}HEADER .sp-menu .sub-menu LI{padding:10px;border-bottom:solid 1px #AAA}HEADER .sp-menu .sub-menu LI.close::before{content:"\f100";font-family:FontAwesome;font-size:20px}HEADER .sp-menu .sub-menu LI A{color:#FE7272}HEADER .sp-menu.open .menuBack{display:block}HEADER .sp-menu.open .sub-menu{left:0px}