body{margin:0;color:#fff}@media screen and (max-width:375px){body{font-size:4px}}@media screen and (min-width:376px) and (max-width:768px){body{font-size:6px}}@media screen and (min-width:769px) and (max-width:1024px){body{font-size:10px}}@media screen and (min-width:1025px){body{font-size:16px}}#app .index-container{height:100vh;width:100vw;background-color:#0f0b34}#app .index-container .body-background{background-image:url(/img/main-bg.44306027.png);background-size:cover;background-position:50%;background-repeat:no-repeat;margin:0 auto;padding-bottom:56.25%}#app .index-container .body-background .content-item .center-earth{position:relative;width:30vw;height:30vw;top:7vw;left:0;right:0;margin:0 auto;background-image:url(/img/center-earth.9ebcdfd6.png)}#app .index-container .body-background .content-item .center-earth .avatar{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999}#app .index-container .body-background .content-item .center-earth .avatar img{width:100%;height:100%}#app .index-container .body-background .content-item .center-earth,#app .index-container .body-background .content-item .center-inner{position:absolute;background-size:cover;background-position:50%;background-repeat:no-repeat}#app .index-container .body-background .content-item .center-inner{width:30vw;height:30vw;top:7vw;left:0;right:0;margin:0 auto;background-image:url(/img/center-inner.8ff4f284.png)}#app .index-container .body-background .content-item .center-outer{width:30vw;height:30vw;top:7vw;left:0;right:0;margin:0 auto;position:absolute;background-image:url(/img/center-outer.840b4989.png);background-size:cover;background-position:50%;background-repeat:no-repeat}#app .index-container .body-background .content-item .broadcast-item{text-align:center;position:absolute;color:#fff;z-index:999}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#app .index-container .body-background .content-item .rotating-element{animation:rotate 30s linear infinite}@keyframes rotate2{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}#app .index-container .body-background .content-item .rotating-element2{animation:rotate2 30s linear infinite}#app .index-container .body-background .content-item .day{position:absolute;top:3vw;left:4vw;font-weight:700;color:#51b7e3}#app .index-container .body-background .content-item .title1{position:absolute;top:7vw;left:4.5vw}#app .index-container .body-background .content-item .title2{position:absolute;top:29.2vw;left:4.5vw}#app .index-container .body-background .content-item .title3{position:absolute;top:6.8vw;right:13.5vw}#app .index-container .body-background .content-item .title4{position:absolute;top:28.3vw;right:15.2vw}#app .index-container .body-background .content-item .title5{position:absolute;top:39vw;left:31vw}#app .index-container .body-background .content-item .item1{position:absolute;top:9.8vw;left:4.5vw}#app .index-container .body-background .content-item .item1 .canvas{height:40vw;width:24vw}#app .index-container .body-background .content-item .item2{position:absolute;top:32vw;left:4.5vw}#app .index-container .body-background .content-item .item2 .canvas{height:20vw;width:24vw}#app .index-container .body-background .content-item .item3{position:absolute;top:9.8vw;right:4.1vw}#app .index-container .body-background .content-item .item3 .canvas{height:15vw;width:24vw}#app .index-container .body-background .content-item .item4{position:absolute;top:31vw;right:4.1vw}#app .index-container .body-background .content-item .item4 .canvas{height:20vw;width:24vw}#app .index-container .body-background .content-item .item5{position:absolute;top:41.5vw;left:30vw}#app .index-container .body-background .content-item .item5 .canvas{height:11vw;width:39vw}