@charset "UTF-8";a:active,a:hover,a:link,a:visited{text-decoration:none}body,html{width:100%;height:100%;padding:0;margin:0}body{overflow-x:hidden;font-family:Bitter,'Lantinghei SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:28px;color:#222;font-weight:400;white-space:nowrap}h1,h2{font-weight:600}.fa{margin-right:10px}h1,h2,h3{font-family:'Open Sans','Lantinghei SC','Microsoft YaHei',sans-serif}h1{font-size:60px;line-height:1.3}h2{font-size:24px}h3{font-size:20px;font-weight:400}h4,h5,h6{font-weight:600;line-height:1.2}a:link,a:visited{color:#CE2323}@media screen and (max-width:960px){h1{font-size:34px}}.logo-svg circle,.logo-svg path{stroke-dasharray:500;stroke-dashoffset:500}.info-avatar,.info-content{-webkit-transform:translate(-50%,-50%)}.main{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:#FFF}.info-container{position:relative;width:100%;height:30%;background-color:#000;z-index:1}.info-avatar,.info-content,.info-link{position:absolute;left:50%;top:50%}.info-content{transform:translate(-50%,-50%);width:800px;height:150px;z-index:1}.info-avatar{transform:translate(-50%,-50%);width:100px;height:100px;border-radius:100px;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 0 0 3px #000,0 0 0 5px #fff;z-index:9}.info-icon i,.logo-container{transition:all .5s ease-in-out}.info-avatar:hover{box-shadow:0 0 0 3px #000,0 0 0 6px #CE2323}.info-link{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:680px}.info-icon,.info-icon i{display:block;width:50px;height:50px}.info-icon{float:left;overflow:hidden;margin:20px}.info-icon i{text-align:center;line-height:50px;border-radius:50px;color:#000;background-color:rgba(255,255,255,.3);cursor:pointer}.info-icon i:hover{border-radius:6px;color:rgba(255,255,255,.9);background-color:#CE2323}@media screen and (max-height:500px){.info-container{height:37%}}@media screen and (max-width:767px){.info-icon.extra{opacity:0;visibility:hidden}}.logo-container{position:relative;width:100%;height:70%;background:center no-repeat fixed #FFF;background-size:cover}.logo-container:after,.logo-container:before{display:block;width:100%;height:100%;opacity:0}.logo-container:before{content:'「 幸会，我是不白 」';position:absolute;top:50%;color:#FFF;font-size:2em;text-align:center}.logo-container:after{content:'';background-color:rgba(0,0,0,.55)}.logo-container.switch:after,.logo-container.switch:before,.logo-svg{opacity:1}.logo-container.switch{background-image:url(https://i.loli.net/2018/08/30/5b875fdc9c11c.png)}.logo-svg{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);width:350px;height:350px}.logo-svg.switch{opacity:0}.logo-svg path{stroke-linecap:round;stroke-linejoin:round;-webkit-animation:dash 6s linear forwards;animation:dash 6s linear forwards}.logo-svg circle{-webkit-animation:dash 2s linear forwards;animation:dash 2s linear forwards}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}@media screen and (max-height:500px){.logo-svg{-webkit-transform:translate(-50%,-50%) scale(.55);transform:translate(-50%,-50%) scale(.55)}.logo-container{height:63%}}