header{width:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:9999;border-bottom:1px solid #f1f1f1}header div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}header .nav{position:relative;margin:0 auto;height:67px;font-size:16px}header .nav_logo{float:left;height:67px;line-height:67px}header .logo{width:345px}header .horizental{display:none;float:right;height:67px;background:#fff}header .horizental li{float:left;margin-left:5px;height:67px;line-height:67px;text-align:center}header .horizental li a{padding:4px 8px;color:#333;border-radius:3px}header .horizental li a.active{background:#faf408}header .horizental li a:hover{background:#faf408}header .vertical{position:absolute;top:67px;left:0;width:100vw;height:-webkit-calc(100vh - 67px);height:-moz-calc(100vh - 67px);height:calc(100vh - 67px);background:#fff}header .vertical li{height:50px;line-height:50px;text-align:center}header .vertical li a{display:block;width:100%;height:100%}header .vertical li a.active{background:#faf408}header .vertical li a:hover{background:#fff}header .rightTab{display:none;float:right;margin-right:20px;margin-top:15px;padding:10px 10px 7px 10px;border:1px solid #ddd;border-radius:5px;cursor:pointer}header .rightTab span{display:block;margin-bottom:3px;width:20px;height:3px;background:#666}@media (min-width:1200px){.nav{width:1200px}header .horizental{display:block}header .vertical{display:none}}@media (max-width:1200px){.nav{width:100%}header .nav_logo{margin-left:20px}header .rightTab{display:block}}@media (max-width:480px){header .logo{width:235px}}