*{margin:0;padding:0;box-sizing:border-box}li{list-style:none}@font-face{font-family:electronicFont;src:url(/visual/font/DS-DIGIT.TTF)}.body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;background:url(/visual/bg.jpg) no-repeat 50% #000;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;overflow:auto;line-height:1.15}.header{position:relative;height:1.35rem;background:url(/visual/head_bg.png) no-repeat top;background-size:100% 100%}.header h1{font-size:.4rem;color:#fff;text-align:center;padding-top:.1rem}.header .header-left{left:.375rem;line-height:.9375rem;font-size:.25rem}.header .header-left,.header .header-right{position:absolute;top:0;color:hsla(0,0%,100%,.7)}.header .header-right{right:.175rem;display:flex}.header .header-right .safeDays{line-height:.9375rem;font-size:.25rem}.header .header-right .safeDays span{font-size:.675rem;color:#ffeb7b;padding:0 .1rem;font-family:electronicFont;font-weight:700}.header .header-right .user{margin:.3rem;cursor:pointer}.header .month{position:absolute;top:1.4rem;left:.175rem;width:2rem;z-index:2000}.header .month .ivu-input{background-color:transparent;color:#fff;border-color:rgba(2,166,181,.4)}.header-username{margin-left:.1rem}.button-group{display:flex;justify-content:space-around;margin-bottom:.1rem}.ivu-btn-ghost.ivu-btn-info{border-color:rgba(25,186,139,.25)}.ivu-btn-ghost.ivu-btn-info:hover{background-color:transparent}.ivu-btn-ghost.ivu-btn-default{color:#fff;border-color:rgba(25,186,139,.25)}.mainBox{min-width:1024px;max-width:1920px;padding:.125rem .125rem 0;display:flex}.mainBox .column{flex:5}.mainBox .column:nth-child(2){flex:0.1}.mainBox .column:nth-child(3){flex:5;margin:0 .125rem .1875rem;overflow:hidden}.panel{z-index:10;position:relative;height:3.875rem;border:1px solid rgba(25,186,139,.17);background:hsla(0,0%,100%,.04) url(/visual/line.png);padding:0 .1875rem .5rem;margin-bottom:.1875rem}.panel:before{left:0;border-left:2px solid #02a6b5}.panel:after,.panel:before{position:absolute;top:0;content:"";width:10px;height:10px;border-top:2px solid #02a6b5}.panel:after{right:0;border-right:2px solid #02a6b5}.panel .double-chart{display:flex}.panel .double-chart :first-child{width:20%}.panel .double-chart :last-child{width:80%}.panel .panel-footer{position:absolute;left:0;bottom:0;width:100%}.panel .panel-footer:before{left:0;border-left:2px solid #02a6b5}.panel .panel-footer:after,.panel .panel-footer:before{position:absolute;bottom:0;content:"";width:10px;height:10px;border-bottom:2px solid #02a6b5}.panel .panel-footer:after{right:0;border-right:2px solid #02a6b5}h2{height:.6rem;line-height:.6rem;text-align:center;font-size:.35rem;font-weight:400}h2,h2 a{color:#fff}h2 a{margin:0 .1875rem;text-decoration:underline}.chart{height:3rem}.no{background:rgba(101,132,226,.1);padding:.1875rem}.no .no-hd{position:relative;border:1px solid rgba(25,186,139,.17)}.no .no-hd:before{border-top:2px solid #02a6b5;border-left:2px solid #02a6b5;top:0;left:0}.no .no-hd:after,.no .no-hd:before{content:"";position:absolute;width:30px;height:10px}.no .no-hd:after{border-bottom:2px solid #02a6b5;border-right:2px solid #02a6b5;right:0;bottom:0}.no .no-hd ul{display:flex}.no .no-hd ul li{position:relative;flex:1;text-align:center;height:1rem;line-height:1rem;font-size:.875rem;color:#ffeb7b;padding:.05rem 0;font-family:electronicFont;font-weight:700}.no .no-hd ul li:first-child:after{content:"";position:absolute;height:50%;width:1px;background:hsla(0,0%,100%,.2);right:0;top:25%}.no .no-bd ul{display:flex}.no .no-bd ul li{flex:1;height:.5rem;line-height:.5rem;text-align:center;font-size:.225rem;color:hsla(0,0%,100%,.7);padding-top:.125rem}.matrix{position:absolute;top:25%;left:50%;height:10.125rem;z-index:1}.matrix .matrix1,.matrix .matrix2,.matrix .matrix3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.475rem;height:6.475rem;background:url(/visual/map.png) no-repeat;background-size:100% 100%;opacity:.3}.matrix .matrix2{width:8.0375rem;height:8.0375rem;background-image:url(/visual/lbx.png);opacity:.6;-webkit-animation:rotate 15s linear infinite;animation:rotate 15s linear infinite;z-index:2}.matrix .matrix3{width:7.075rem;height:7.075rem;background-image:url(/visual/jt.png);-webkit-animation:rotate1 10s linear infinite;animation:rotate1 10s linear infinite}@-webkit-keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes rotate1{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes rotate1{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@media screen and (max-width:2550px){html{font-size:100px!important}}@media screen and (max-width:1440px){html{font-size:50px!important}}@media screen and (min-width:1440px){html{font-size:50px!important}}