*{margin:0;padding:0;box-sizing:border-box}li{list-style:none}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;width:100vw;height:100vh;background-size:100% 100%;background-color:#000;line-height:1.15;overflow-x:hidden}header{position:relative;height:1.25rem;background-size:100% 100%}header h1{font-size:.475rem;color:#fff;text-align:center;line-height:1rem}header .showTime{position:absolute;top:0;right:.375rem;line-height:.9375rem;font-size:.25rem;color:rgba(255,255,255,.7)}header .weather{position:absolute;top:0;left:.375rem;line-height:.9375rem;font-size:.25rem;color:rgba(255,255,255,.7)}header .weather img{width:.4rem;height:.3rem;position:relative;top:.05rem}.mainbox{min-width:1024px;padding:.125rem .125rem 0;display:flex}.mainbox .column{flex:3}.mainbox .column:nth-child(2){flex:5;margin:0 .125rem .1875rem;overflow:hidden}.panel{position:relative;height:3.875rem;width:7.5rem;border:1px solid rgba(25,186,139,.17);padding:0 .1875rem .5rem;margin-bottom:.1875rem}.panel::before{position:absolute;top:0;left:0;content:'';width:10px;height:10px;border-top:2px solid #02a6b5;border-left:2px solid #02a6b5}.panel::after{position:absolute;top:0;right:0;content:'';width:10px;height:10px;border-top:2px solid #02a6b5;border-right:2px solid #02a6b5}.panel .panel-footer{position:absolute;left:0;bottom:0;width:100%}.panel .panel-footer::before{position:absolute;bottom:0;left:0;content:'';width:10px;height:10px;border-bottom:2px solid #02a6b5;border-left:2px solid #02a6b5}.panel .panel-footer::after{position:absolute;bottom:0;right:0;content:'';width:10px;height:10px;border-bottom:2px solid #02a6b5;border-right:2px solid #02a6b5}.panel h2{height:.6rem;line-height:.6rem;text-align:center;color:#51e5ff;font-size:.2rem;font-weight:600}.panel h2 a{margin:0 .1875rem;color:#fff;text-decoration:underline}.panel .chart{height:3rem}.panel-app .chart{height:2rem}.panel-app .attribute-statistics{width:100%;height:1.1rem;display:grid;grid-template-columns:2.8rem 2.8rem 2.8rem;grid-template-rows:.35rem .35rem .35rem}.panel-app .attribute-statistics li{width:4rem;height:.4rem;font-size:.2rem;line-height:.4rem}.panel-app .attribute-statistics li .name{color:#51e5ff;font-weight:600}.panel-app .attribute-statistics li .value{color:#fff}.top{background:rgba(101,132,226,.1);padding:.1875rem}.top .no-hd{position:relative;border:1px solid rgba(25,186,139,.17)}.top .no-hd::before{content:'';position:absolute;width:30px;height:10px;border-top:2px solid #02a6b5;border-left:2px solid #02a6b5;top:0;left:0}.top .no-hd::after{content:'';position:absolute;width:30px;height:10px;border-bottom:2px solid #02a6b5;border-right:2px solid #02a6b5;right:0;bottom:0}.top .no-hd ul{display:flex}.top .no-hd ul li{position:relative;flex:1;text-align:center;height:1rem;line-height:1rem;font-size:.58rem;color:#ffeb7b;padding:.05rem .1rem;font-family:electronicFont;font-weight:700}.top .no-hd ul li:first-child::after,.top .no-hd ul li:nth-child(2)::after,.top .no-hd ul li:nth-child(3)::after{content:'';position:absolute;height:50%;width:1px;background:rgba(255,255,255,.2);right:0;top:25%}.top .no-bd ul{display:flex}.top .no-bd ul li{flex:1;height:.5rem;line-height:.5rem;text-align:center;font-size:.26rem;color:#51e5ff;font-weight:500;padding-top:.125rem}.center{height:5.82rem;position:relative;top:.2rem}.center .tagBall{width:5.82rem;height:5.82rem;margin:auto;position:relative}.center .tag{position:absolute;color:green;text-decoration:none;font-size:.26rem;font-family:'微软雅黑';font-weight:700;cursor:pointer;display:flex}.center .tag img{display:block;width:.26rem;height:.26rem;position:relative;top:50%;border-radius:50%;box-shadow:0 0 0 1px #fff}.center .tag span{display:block;margin-left:.06rem;height:.3rem;line-height:.3rem}.bottom{position:relative;top:.39rem;left:0;right:0;bottom:0;height:3.875rem;border:1px solid rgba(25,186,139,.17);padding:0 .1875rem .5rem}.bottom::before{position:absolute;top:0;left:0;content:'';width:10px;height:10px;border-top:2px solid #02a6b5;border-left:2px solid #02a6b5}.bottom::after{position:absolute;top:0;right:0;content:'';width:10px;height:10px;border-top:2px solid #02a6b5;border-right:2px solid #02a6b5}.bottom .panel-footer{position:absolute;left:0;bottom:0;width:100%}.bottom .panel-footer::before{position:absolute;bottom:0;left:0;content:'';width:10px;height:10px;border-bottom:2px solid #02a6b5;border-left:2px solid #02a6b5}.bottom .panel-footer::after{position:absolute;bottom:0;right:0;content:'';width:10px;height:10px;border-bottom:2px solid #02a6b5;border-right:2px solid #02a6b5}.bottom h2{height:.6rem;line-height:.6rem;text-align:center;color:#51e5ff;font-size:.2rem;font-weight:600}.bottom h2 a{margin:0 .1875rem;color:#fff;text-decoration:underline}.bottom .chart{height:3rem}@media screen and (max-width:1024px){html{font-size:42px!important}}@media screen and (min-width:1920){html{font-size:80px!important}}