.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)}.base-index .area .area-header[data-v-ecb0cfc8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.base-index .area .area-header .area-header_title[data-v-ecb0cfc8]{font-size:18px;line-height:36px;font-weight:700}.base-index .area .area-header .area-header_title .area-header-icon[data-v-ecb0cfc8]{width:2px;border:4px solid #40a9ff;margin-right:10px}.card_box[data-v-ecb0cfc8]{width:100%;margin-top:10px;margin-left:10px}.card_content[data-v-ecb0cfc8]{width:500px;height:200px;background:#fafafa;border-radius:8px;margin-right:20px;position:relative;-webkit-box-shadow:none;box-shadow:none;border:none;cursor:pointer}.card_content .title_message[data-v-ecb0cfc8]{position:absolute;top:0;left:0;width:100%;font-size:14px;line-height:36px;text-indent:1em}.card_content .blue[data-v-ecb0cfc8]{background:#ebf8ff}.card_content .danger[data-v-ecb0cfc8]{background:#fed7d7}.card_content .title_icon img[data-v-ecb0cfc8]{position:absolute;top:0;right:0}.card_text[data-v-ecb0cfc8]{font-size:14px;color:#595959;line-height:28px;padding-left:15px}.base-index .area .area-header[data-v-7c006421]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.base-index .area .area-header .area-header_title[data-v-7c006421]{font-size:18px;line-height:36px;font-weight:700}.base-index .area .area-header .area-header_title .area-header-icon[data-v-7c006421]{width:2px;border:4px solid #40a9ff;margin-right:10px}.card_box[data-v-7c006421]{width:100%;margin-top:10px;margin-left:35px}.card_content[data-v-7c006421]{width:490px;height:200px;background:#fafafa;border-radius:8px;margin-right:20px;margin-bottom:15px;position:relative;-webkit-box-shadow:none;box-shadow:none;border:none;cursor:pointer}.card_content .title_icon img[data-v-7c006421]{position:absolute;top:0;right:0}.card_text[data-v-7c006421]{font-size:14px;color:#595959;line-height:28px;padding-left:15px}.top[data-v-495aa207]{width:100%;height:5%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top .input[data-v-495aa207],.top[data-v-495aa207]{display:-webkit-box;display:-ms-flexbox;display:flex}.top .input[data-v-495aa207]{width:30%;height:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top[data-v-500f63d2]{width:100%;height:5%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top .input[data-v-500f63d2],.top[data-v-500f63d2]{display:-webkit-box;display:-ms-flexbox;display:flex}.top .input[data-v-500f63d2]{width:30%;height:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}