.sysinfo-block{display:block}.sysinfo-block .sysinfo-number{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.sysinfo-block .sysinfo-number .sysinfo-item{background-color:rgba(19,25,47,.6);border-radius:5px;width:32%;padding:10px}.sysinfo-block .sysinfo-number .sysinfo-item p{font-weight:700;color:#1890fd!important}.sysinfo-block .sysinfo-chart{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;margin-top:10px}.sysinfo-block .sysinfo-chart .sysinfo-item{background-color:rgba(19,25,47,.6);border-radius:5px;width:32%;padding:10px}.sysinfo-block .sysinfo-chart .sysinfo-item p{text-align:center;color:#fff}.sysinfo-block .sysinfo-water{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;margin-top:10px}.sysinfo-block .sysinfo-water .sysinfo-item{width:48%}.sysinfo-block .sysinfo-water .sysinfo-item p{text-align:center;color:#fff;margin-bottom:10px}.database-block{padding:20px}.database-block .block-title h3{font-size:14px;color:#fff;margin-bottom:10px}.database-block .block-body .header{height:30px!important;-webkit-box-shadow:none;box-shadow:none}.process-block{padding:20px}.process-block .block-title h3{font-size:14px;color:#fff;margin-bottom:10px}.process-block .block-body .header{height:30px!important;-webkit-box-shadow:none;box-shadow:none}#bottomLeft,#bottomRight{padding:20px}.control{color:#d3d6dd;background-color:#000;width:100%;min-height:100vh;background-image:url(../img/bigdata.1d4c943b.jpg);background-size:cover;background-position:50%}.control .control-body{padding:20px 10px;height:100%}.control .control-body .control-header{display:-webkit-box;display:-ms-flexbox;display:flex}.control .control-body .control-header .control-header-center{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex}.control .control-body .control-header .control-header-center .control-header-title{width:60%;position:relative;text-align:center;background-size:cover;background-repeat:no-repeat}.control .control-body .control-header .control-header-center .control-header-title .title-text{position:absolute;top:20px;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);font-weight:700;font-size:26px;height:30px;line-height:30px;letter-spacing:2px;display:block;width:100%}.control .control-body .control-header .control-header-center .control-header-title .title-bototm{position:absolute;top:65px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.control .control-body .react-left{cursor:pointer;font-size:12px;height:36px;line-height:36px;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}.control .control-body .react-left .react-after{position:absolute;right:-18px;top:0;height:36px;width:36px;background-color:#1890fd;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.control .control-body .react-left .text{display:inline-block;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.control .control-body .react-right{cursor:pointer;font-size:12px;height:36px;line-height:36px;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.control .control-body .react-right .react-before{position:absolute;left:-18px;top:0;height:36px;width:36px;background-color:#0f1325;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}.control .control-body .react-right .text{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}