*{margin:0;padding:0}@-webkit-keyframes donghua{0%{transform:rotateY(180deg) scale(3)}45%{transform:rotateY(0deg) scale(3)}to{transform:scale(.8)}}@keyframes donghua{0%{transform:rotateY(180deg) scale(3)}45%{transform:rotateY(0deg) scale(3)}to{transform:scale(.8)}}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tit{font-size:.2rem;color:#00d8ff;font-weight:700;height:.25rem;line-height:.25rem;display:flex;letter-spacing:.0375rem x}.tit>div{background:#00d8ff;height:100%;width:6px;margin-right:.125rem}.content{width:100vw;height:100vh;box-sizing:border-box}.nav{width:100%;height:8%;background:url(../img/titbg.7740d6b5.png) 50%/100% 100% #040d32}.nav>div{margin:0 auto;width:50%;text-align:center;font-size:.4rem;height:8vh;line-height:8vh;background-image:-webkit-linear-gradient(bottom,#00b6ff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.main{background:url(../img/zbg.edc03da5.png) 50%/100% 100%;width:100%;height:92%;display:flex;overflow:hidden}.main>div{height:100%}.main>div.left{width:22.5%;width:30.5%;grid-template-rows:repeat(3,1fr)}.main>div.left,.main>div.left>div{display:grid;grid-template-columns:1fr}.main>div.left>div{padding:0 1.5vw;overflow:hidden;box-sizing:border-box;grid-template-rows:.25rem auto}.main>div.left>div>div:last-child{margin:.25rem 0}.main>div.left>div:last-child>div:last-child{position:relative}.main>div.left>div:last-child>div:last-child>div:first-child{height:100%;position:relative}.main>div.left>div:last-child>div:last-child>div:last-child{position:absolute;bottom:0;right:2rem;font-size:.15rem;color:#fff}.main>div.left>div:last-child>div:last-child>div:last-child>div{display:flex;align-items:center;height:.375rem;width:100%}.main>div.left>div:last-child>div:last-child>div:last-child>div>div{width:.1rem;height:.1rem;border-radius:50%;margin-right:.1875rem}.main>div.left>div:last-child>div:last-child>div>div.payName{position:absolute;font-size:.15rem;color:#fff;left:50%;margin-left:.125rem;margin-top:.03125rem}.main>div.left>div:last-child>div:last-child>div>div.payName>div{display:flex;align-items:center}.main>div.left>div:last-child>div:last-child>div>div.payName>div>div{width:.0625rem;height:.0625rem;border-radius:50%;margin-right:.1875rem}.main>div.center{width:55%;color:#fff;padding-top:.375rem;display:grid;grid-template-columns:1fr;grid-template-rows:8vh 52vh auto}.main>div.center,.main>div.center>div{box-sizing:border-box}.main>div.center>div:first-child{height:8vh;display:flex;justify-content:center;text-align:center}.main>div.center>div:first-child>div{background-color:#011053;width:20%;margin:0 .125rem;position:relative;box-sizing:border-box;border:1px solid #4eceeb;height:8vh;display:flex;align-items:center}.main>div.center>div:first-child>div>img{width:6vh;height:6vh;margin-left:.1rem}.main>div.center>div:first-child>div>div{height:100%;width:calc(100% - 7vh - 16px);text-align:center}.main>div.center>div:first-child>div>div>div{width:100%;height:50%}.main>div.center>div:first-child>div>div>div:first-child{font-size:.175rem;color:#0096ff;line-height:5vh}.main>div.center>div:first-child>div>div>div:last-child{font-size:.2rem;font-weight:600;color:#ffc000}.main>div.center>div:first-child>div:before{position:absolute;top:-1px;bottom:-1px;left:.125rem;width:calc(100% - 20px);content:"";border-top:1px solid #040d32;border-bottom:1px solid #040d32;z-index:0}.main>div.center>div:first-child>div:after{position:absolute;top:.125rem;right:-1px;left:-1px;height:calc(100% - 20px);content:"";border-right:1px solid #040d32;border-left:1px solid #040d32;z-index:0}.main>div.center>div:nth-child(2){height:52vh}.main>div.center>div:nth-child(2)>div{width:80vh;height:100%;margin:0 auto;position:relative}.main>div.center>div:nth-child(2)>div>div#map{width:100%;height:100%}.main>div.center>div:nth-child(3){display:flex}.main>div.center>div:nth-child(3)>div{width:50%;height:100%;padding:0 .7vw;overflow:hidden;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:20px auto}.main>div.center>div:nth-child(3)>div>div:last-child{margin:.25rem 0}.main>div.right{width:22.5%;grid-template-rows:repeat(3,1fr);color:#fff}.main>div.right,.main>div.right>div{display:grid;grid-template-columns:1fr;overflow:hidden}.main>div.right>div{padding:0 .7vw;box-sizing:border-box;grid-template-rows:.25rem auto}.main>div.right>div>div:last-child{overflow:scroll;box-sizing:border-box;scrollbar-width:none;margin:.25rem 0}.main>div.right>div>div:last-child>div{display:flex;justify-content:space-between;height:12%;align-items:center;font-size:.15rem;padding:0 .625rem 0 .25rem}.main>div.right>div>div:last-child>div>div:first-child{display:flex;align-items:center;color:#ddd}.main>div.right>div>div:last-child>div>div:first-child>div{width:.1875rem;height:.1875rem;background:#878787;line-height:.1875rem;text-align:center;margin-right:.25rem;border-radius:3px}.main>div.right>div>div:last-child>div:first-child>div:first-child>div,.main>div.right>div>div:last-child>div:nth-child(21)>div:first-child>div{background:#ed405d}.main>div.right>div>div:last-child>div:nth-child(2)>div:first-child>div,.main>div.right>div>div:last-child>div:nth-child(22)>div:first-child>div{background:#ff8b3d}.main>div.right>div>div:last-child>div:nth-child(3)>div:first-child>div,.main>div.right>div>div:last-child>div:nth-child(23)>div:first-child>div{background:#45c0ff}.donghua{width:1vw;height:1vw;background-color:#fff;background-position:50%;background-size:90% 90%;background-repeat:no-repeat;position:absolute;z-index:10000;margin:-.5vw 0 0 -.5vw;border-radius:50%;-webkit-animation:donghua 2.4s;animation:donghua 2.4s}::-webkit-scrollbar{display:none}.box>div.bg{width:100%;height:100%;border:5px solid #03305b;border-right:5px solid transparent;border-radius:50%;transform:translate(-50%,-50%) rotate(-45deg);box-sizing:border-box;position:absolute;left:50%;top:50%}div.box>.bg:before{content:"";position:absolute;width:5px;height:5px;z-index:1;left:85.4%;bottom:85.4%;border-radius:50%;margin-left:-.75px;margin-bottom:-.75px}div.box>.bg:first-child:before{background:#1191ff}div.box>.bg:nth-child(2):before{background:#0febe2}div.box>.bg:nth-child(3):before{background:orange}div.box>.bg:nth-child(4):before{background:#ff5110}div.box>.bg:after{content:"";position:absolute;background:#03305b;width:5px;height:5px;z-index:1;left:85.4%;top:85.4%;border-radius:50%;margin-left:-.75px;margin-top:-.75px}.box>div.border{transform:translate(-50%,-50%);box-sizing:border-box;position:absolute;left:50%;top:50%}.box>div.border>div{position:absolute;width:50%;height:100%;overflow:hidden}.box>div.border>div:nth-child(2){right:0}.box>div.border>div>div{height:100%;border:5px solid transparent;border-radius:50%;box-sizing:border-box}.box>div.border>div:first-child>div{border-left:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(224deg);transition:all 1s linear}.box>div.border>div:first-child>div:after{content:"";position:absolute;width:5px;height:5px;z-index:1;left:85.4%;top:85.4%;border-radius:50%;margin-left:-.75px;margin-top:-.75px}.box>div.border:nth-child(5)>div:first-child>div:after{background:#1191ff}.box>div.border:nth-child(6)>div:first-child>div:after{background:#0febe2}.box>div.border:nth-child(7)>div:first-child>div:after{background:orange}.box>div.border:nth-child(8)>div:first-child>div:after{background:#ff5110}.box>div.border>div:last-child>div{position:absolute;right:0;border-right:5px solid transparent;transform:rotate(145deg)}.box>div.border>div:last-child>div:after{content:"";position:absolute;width:5px;height:5px;z-index:1;left:85.4%;bottom:85.4%;border-radius:50%;margin-left:-.75px;margin-bottom:-.75px}.box>div.border:nth-child(5)>div:last-child>div:after{background:#1191ff}.box>div.border:nth-child(6)>div:last-child>div:after{background:#0febe2}.box>div.border:nth-child(7)>div:last-child>div:after{background:orange}.box>div.border:nth-child(8)>div:last-child>div:after{background:#ff5110}*{box-sizing:border-box}.bg-box,body,html{height:100%}.bg-box{background-size:cover}.logintitle{font-size:28px;position:absolute;font-weight:700;color:#fff;top:90px;width:100%;letter-spacing:8px;text-align:center;text-shadow:2px 3px 4px #444}.loginpanel{width:280px;height:270px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:34%;border-radius:10px 10px 10px 10px;padding:10px}.logintext{width:100%;text-align:center;height:40px;font-weight:700;color:#418ac5;font-size:23px}.logininput{width:100%;height:35px;line-height:35px;border:1px solid #dce3e5;margin-bottom:25px;background-color:#fff;padding:0 10px;border-radius:6px;display:flex;align-items:center;background:#f5f5f5}.logininput img{height:16px;width:16px;display:inline-block;margin-right:6px}.logininput input{border:0;outline-style:none;height:30px;width:200px;margin:0;display:inline-block;float:right;font-size:14px;color:#6c6c6c;background:#f5f5f5}.loginbutton{color:#eaecf7;background-color:#0164c9;width:100%;text-align:center;height:40px;font-weight:700;line-height:40px;color:#fff;background:#418ac5;font-size:16px;cursor:pointer;border-radius:6px;box-shadow:2px 3px 4px #237cc3}input:-internal-autofill-selected{-webkit-appearance:menulist-button;-moz-appearance:menulist-button;appearance:menulist-button;background-image:none!important;background-color:-internal-light-dark(#e8f0fe,rgba(70,90,126,.4))!important;color:fieldtext!important}