.index{height:100%}.index .header{width:100%;height:8%;background-color:#03044a;display:flex;position:relative;justify-content:space-between;align-items:center}.index .header-title{position:absolute;left:50%;transform:translateX(-50%);color:#fff;font-size:30px;letter-spacing:15px;flex-grow:1;text-align:center;margin-right:0;margin-bottom:20px;width:-moz-max-content;width:max-content}.index .header .login-box{margin-right:50px}.index .header .clock{margin-left:20px}.index .body{width:100%;height:92%;background-color:#03044a;display:flex}.index .body .page3{height:100%;width:100%;padding:14px 20px 20px;background:#03044a;overflow:hidden}.index .body .page3 .ivu-col{height:100%}.index .body .page3 .center-bottom,.index .body .page3 .left,.index .body .page3 .right1-1{height:100%;border:1px solid #0d2451;position:relative;background:#151456}.index .body .page3 .center-bottom #left_5,.index .body .page3 .left #left_5,.index .body .page3 .right1-1 #left_5{height:100%;width:100%}.index .body .page3 .center-bottom #left_6,.index .body .page3 .left #left_6,.index .body .page3 .right1-1 #left_6{height:100%;width:55%;float:left}.index .body .page3 .center-bottom .circular,.index .body .page3 .left .circular,.index .body .page3 .right1-1 .circular{height:100%}.index .body .page3 .center-bottom .left1,.index .body .page3 .left .left1,.index .body .page3 .right1-1 .left1{border-bottom:1px solid #0d2451;background:#151456}.index .body .page3 .center-bottom .title,.index .body .page3 .left .title,.index .body .page3 .right1-1 .title{position:absolute;display:inline-block;color:#6eddf1;height:18px;left:50%;transform:translate(-50%,-50%)}.index .body .page3 .center-bottom .title .title-text,.index .body .page3 .left .title .title-text,.index .body .page3 .right1-1 .title .title-text{position:relative;font-size:16px;background:#09102e;display:inline-block;padding:0 4px;transform:translateY(-5px)}.index .body .page3 .center-top{height:60%}.index .body .page3 .center-top .fade-enter-active,.index .body .page3 .center-top .fade-leave-active{transition:opacity .4s ease}.index .body .page3 .center-top .fade-enter,.index .body .page3 .center-top .fade-leave-to{opacity:0}.index .body .page3 .center-top .slide-image-wrap{height:100%;width:100%;position:relative;background:#0b1240;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:24px 12px 16px}.index .body .page3 .center-top .slide-image-frame{width:100%;flex:3 0 0;aspect-ratio:1.77777778;background:rgba(9,16,46,.8);border:1px solid rgba(110,221,241,.25);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;overflow:hidden}.index .body .page3 .center-top .slide-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.index .body .page3 .center-top .slide-caption{flex:2 0 0;width:100%;color:#cfefff;background:rgba(0,0,0,.35);padding:12px 16px;border-radius:4px;margin-top:16px;display:flex;flex-direction:column;justify-content:center}.index .body .page3 .center-top .slide-title{font-size:18px;font-weight:600;margin-bottom:6px}.index .body .page3 .center-top .slide-desc{font-size:14px;line-height:1.6;white-space:pre-wrap;color:#e5fbff;letter-spacing:.5px}.index .body .page3 .center-top .slide-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#6eddf1;opacity:.7;letter-spacing:2px}.index .body .page3 .center-top .slide-controls{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 8px;pointer-events:none}.index .body .page3 .center-top .slide-btn{pointer-events:all;width:32px;height:32px;border-radius:50%;border:1px solid hsla(0,0%,100%,.5);background:rgba(0,0,0,.35);color:#fff;cursor:pointer;line-height:30px;text-align:center;font-size:18px;transition:all .2s}.index .body .page3 .center-top .slide-btn:hover{background:rgba(0,0,0,.6)}.index .body .page3 .center-bottom{height:40%}.index .body .page3 .center-bottom .bottom-radars{height:100%}.index .body .page3 .center-bottom .bottom-bars{height:45%}.index .body .page3 .right-1{height:30%}.index .body .page3 .right-1 .right1-1{height:92%}.index .body .page3 .right-2{height:40%}