@charset "utf-8";body,html{width:100%;height:100%;font-family:sans-serif,微软雅黑,Arial;font-size:62.5%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%;background:#f5fffa;overflow-x:hidden;padding:0;margin:0}a{text-decoration:none}header{position:fixed;width:20%;left:-20%;background:#fff;-webkit-transition:left 1s ease-in-out 0s;-moz-transition:left 1s ease-in-out 0s;-ms-transition:left 1s ease-in-out 0s;-o-transition:left 1s ease-in-out 0s;transition:left 1s ease-in-out 0s;z-index:1;padding:0;margin:0}header.active{left:0}header .box{text-align:right;padding:0;margin:4em 5em 0 0}header .box .close img{width:15%;height:15%;cursor:pointer;padding:0;margin:0 0 1rem}header .box .close img:hover{border:2px solid grey;border-radius:1em}header .box .logo{width:75%;height:auto;padding:0;margin:0}header .box .official{font-size:1.8rem;padding:0;margin:.3em 0 0}header .box .official img{width:65%;height:auto;padding:0;margin:0 0 .3em}header .box .official i img{display:block;float:right;width:1.5em;height:1.5em;padding:0;margin:0 0 0 .7em}header .box nav{float:right;padding:0;margin:2em 0 0}header .box nav ul{position:relative;list-style:none;padding:0;margin:0}header .box nav ul li a{display:block;position:relative;width:10rem;color:#000;font-size:2rem;text-align:center;padding:.4rem 1.5rem .8rem;margin:0;z-index:2}header .box nav ul li.bg{position:absolute;top:0;width:13rem;height:3.2rem;background:green;text-shadow:2px 2px 0 green;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;padding:0;margin:0}header footer{position:absolute;bottom:.5em;right:3em;color:grey;font-size:1.4rem;text-align:right;padding:0;margin:0}header footer u{text-decoration:none;padding:0;margin:0 .5em}