header#top{padding:0 60px;position:fixed;width:calc(100vw - 120px);height:80px;top:0;z-index:10000}header#top .phone{font-size:26px;line-height:80px;float:left;color:white}header#top ul{float:left}header#top ul a{display:inline-block}header#top ul a.active li{color:#0b4a58;border-radius:0 0 16px 16px;background-color:#05c1c6;padding:20px }header#top ul a li{color:white;font-size:18px;padding:20px 20px;float:left}header#top .logo{position:relative;float:right;display:block;height:80px;width:11rem;z-index:100}@keyframes rotate{from{transform:rotateX(30deg) rotateY(-30deg);left:0}to{transform:rotateX(500deg) rotateY(-500deg);left:500px}}.cube{transition:1s;width:11rem;height:80px;transform-style:preserve-3d;position:relative;transform:rotateX(0deg) rotateY(0deg)}.wcube{transform:rotateX(-90deg) rotateY(0deg)}.bcube{transform:rotateX(0deg) rotateY(0deg)}.cube .face{background-size:90%;background-position:center;background-repeat:no-repeat;width:100%;height:100%;line-height:300px;text-align:center;font-size:50px;position:absolute;left:0;top:0}.cube .face1{width:11rem;transform:rotateX(90deg) translateZ(40px);background-image:url("../img/logo.svg")}.cube .face2{width:11rem;transform:rotateX(90deg) translateZ(-40px)}.cube .face3{width:80px;transform:rotateY(90deg) translateZ(-40px)}.cube .face4{width:80px;transform:rotateY(90deg) translateZ(140px)}.cube .face.face5{width:11rem;transform:translateZ(-40px);background-image:url("../img/logo2.svg")}.cube .face.face6{width:11rem;transform:translateZ(40px)}/*# sourceMappingURL=./header.css.map */