.serverInfoWrapper{display:-ms-flexbox;display:flex;position:absolute;height:100%;width:100%}.serverInfo{height:400px;top:20%;margin-left:30px;padding-bottom:0}.serverInfo .ant-modal-content{width:100%;height:100%;background:none}.serverInfo .ant-modal-header{display:none}.serverInfo .ant-modal-body{width:100%;height:100%;position:relative;background:rgba(1,19,67,.8);border:2px solid #00a1ff;border-radius:8px}.serverInfo .ant-modal-body p{padding-bottom:10px;border-bottom:2px solid #0d6eb0}.serverInfo .ant-modal-body a{font-size:large;color:#00a1ff}.serverInfo .ant-modal-body:before{position:absolute;top:-2px;bottom:-2px;left:30px;width:calc(100% - 60px);content:"";border-top:2px solid #016886;border-bottom:2px solid #016886;z-index:0}.serverInfo .ant-modal-body:after{position:absolute;top:30px;right:-2px;left:-2px;height:calc(100% - 60px);content:"";border-right:2px solid #016886;border-left:2px solid #016886;z-index:0}.serverInfo .ant-modal-body span{color:#aae2ff;font-size:large}.netPortInfo{height:400px;top:20%;margin-right:30px;padding-bottom:0}.netPortInfo .ant-modal-content{width:100%;height:100%;background:none}.netPortInfo .ant-modal-header{display:none}.netPortInfo .ant-modal-body{width:100%;height:100%;position:relative;background:rgba(1,19,67,.8);border:2px solid #00a1ff;border-radius:8px}.netPortInfo .ant-modal-body p{padding-bottom:10px;border-bottom:2px solid #0d6eb0}.netPortInfo .ant-modal-body a{font-size:large;color:#00a1ff}.netPortInfo .ant-modal-body span{color:#aae2ff;font-size:large}.cabinetInfo{height:400px;top:10%;margin-right:30px;padding-bottom:0}.cabinetInfo .ant-modal-content{width:100%;height:100%;background:none}.cabinetInfo .ant-modal-header{display:none}.cabinetInfo .ant-modal-body{width:100%;height:100%;position:relative;background:rgba(1,19,67,.8);border:2px solid #00a1ff;border-radius:8px}.cabinetInfo .ant-modal-body a{font-size:large;color:#00a1ff}.cabinetInfo .ant-modal-body span{color:#aae2ff;font-size:large}.cabinetInfo .ant-modal-body p{padding-bottom:10px;border-bottom:2px solid #0d6eb0}.cabinetInfo .ant-modal-body:before{position:absolute;top:-2px;bottom:-2px;left:30px;width:calc(100% - 60px);content:"";border-top:2px solid #016886;border-bottom:2px solid #016886;z-index:0}.cabinetInfo .ant-modal-body:after{position:absolute;top:30px;right:-2px;left:-2px;height:calc(100% - 60px);content:"";border-right:2px solid #016886;border-left:2px solid #016886;z-index:0}.webgl-container{width:100%;height:100%;background:url(/img/datacenter/bkface.jpg);background-size:100% 100%;position:relative}.button{position:absolute;padding-bottom:40px;border-radius:50%;height:0;width:40px;background-color:#00a1ff;opacity:.9;box-shadow:0 0 4px rgba(0,0,0,.15);z-index:1003}.button .tip{visibility:hidden;width:200%;background-color:#a5dcf6;color:#013f5e;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;left:120%;top:18%;opacity:0;transition:opacity 1s}.button .tip:after{content:"";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent #a5dcf6 transparent transparent}.button1{margin-top:10px;margin-left:10px}.button2{margin-top:60px}.button2,.button3{margin-left:10px;z-index:1001}.button3{margin-top:110px}.button:hover{cursor:pointer;opacity:1;color:#def3ff}.button:hover .tip{visibility:visible;opacity:.9}.button img{width:100%;padding:6px 6px 6px 6px}.information-operate{width:380px;left:15px;font-size:20px;background-color:rgba(1,19,67,.8);border:2px solid #00a1ff;padding:5px 5px 5px 5px;-ms-flex-pack:justify;justify-content:space-between;border-radius:10px;opacity:.9}.hiddenInfo,.information-operate{position:absolute;z-index:4;height:280px}.hiddenInfo{bottom:15px;transition:left .5s;padding:0 0;overflow:hidden;background-color:transparent;left:0;width:412px}.hiddenInfo.hidden{left:-397px}.toggleTemInfo{position:absolute;width:16px;height:20px;right:1px;bottom:130px;padding:0;margin:0;cursor:pointer;background:#139cec;transition:left .1s ease-in;text-align:center}.toggleTemInfo .icon{position:relative;z-index:10;font-size:large;font-weight:900;color:#000}.toggleTemInfo:before{left:0;bottom:-10px;transform:skewY(-20deg)}.toggleTemInfo:after,.toggleTemInfo:before{content:"";position:absolute;width:100%;height:100%;z-index:2;background-color:#00a1ff}.toggleTemInfo:after{right:0;top:-10px;transform:skewY(20deg)}.threed-spin-content{position:fixed;background-color:#c3defc;opacity:.9;z-index:1002;width:100%;height:100%;padding-top:350px;padding-right:200px}