.el-tabs__header{margin:0}p{margin:0}body,html{height:100%;margin:0}div{box-sizing:border-box}.mapShow{padding:20px;box-sizing:border-box;width:100%;height:100%;background-image:url(../images/bg.jpg);background-size:cover}.mapShow .tittle{color:#fff;font-size:18px}.mapShow .tittle span{font-size:14px}.mapShow section{height:100%;width:100%;display:flex;justify-content:space-between}.mapShow section #customer{margin:auto}.mapShow section #bandwidth,.mapShow section #cabint,.mapShow section #customer{height:90%}.mapShow section .section-left{width:27%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.mapShow section .section-left .top,.mapShow section .section-left .bottom{height:49%;flex-shrink:0;background-color:rgba(10,78,180,0.5);box-shadow:0 1px 15px rgba(0,0,0,0.5);border-radius:4px}.mapShow section .section-left .top{padding:16px}.mapShow section .section-left .top .info-chars{display:flex;flex-wrap:wrap;height:85%}.mapShow section .section-left .top .info-chars div{width:48%;height:48%;font-style:0}.mapShow section .section-left .top .footer{display:flex;justify-content:center}.mapShow section .section-left .top .footer .gray{background-color:rgba(255,255,255,0.3)}.mapShow section .section-left .top .footer .green{background-color:#11a8ab}.mapShow section .section-left .top .footer .footer-item{display:flex;color:#fff;align-items:center;margin-right:30px}.mapShow section .section-left .top .footer .footer-item div{width:24px;height:14px;border-radius:3px;margin-right:10px}.mapShow section .section-left .bottom{padding:20px}.mapShow section .section-middle{width:44%;height:100%;background-color:rgba(10,78,180,0.5);box-shadow:0 1px 15px rgba(0,0,0,0.5);padding:20px;box-sizing:border-box;border-radius:4px}.mapShow section .section-middle .blue{background-color:rgba(29,140,248,0.8)}.mapShow section .section-middle .blue0{background-color:rgba(29,140,248,0.5)}.mapShow section .section-middle .skyblue{background-color:rgba(79,196,246,0.8)}.mapShow section .section-middle .skyblue0{background-color:rgba(79,196,246,0.5)}.mapShow section .section-middle .violet{background-color:rgba(225,78,202,0.8)}.mapShow section .section-middle .violet0{background-color:rgba(225,78,202,0.5)}.mapShow section .section-middle .yellow{background-color:rgba(230,162,60,0.8)}.mapShow section .section-middle .yellow0{background-color:rgba(230,162,60,0.5)}.mapShow section .section-middle .red{background-color:rgba(245,108,108,0.8)}.mapShow section .section-middle .red0{background-color:rgba(245,108,108,0.5)}.mapShow section .section-middle .green{background-color:rgba(0,242,195,0.8)}.mapShow section .section-middle .green0{background-color:rgba(0,242,195,0.5)}.mapShow section .section-middle .header{margin-top:30px}.mapShow section .section-middle .header .citys{text-align:center}.mapShow section .section-middle .header .citys div{display:inline-block}.mapShow section .section-middle .header .citys .city{color:#fff;width:90px;height:90px;box-shadow:1px 3px 5px rgba(0,0,0,0.5);text-align:center;margin-right:20px;box-sizing:border-box;overflow:hidden;border-radius:3px}.mapShow section .section-middle .header .citys .city .number{font-size:20px;height:55px;line-height:55px}.mapShow section .section-middle .header .citys .city .name{font-size:18px;height:35px;line-height:35px;font-weight:bold}.mapShow section .section-middle .header .citys .city div{display:block}.mapShow section .section-middle .footer{display:flex;justify-content:center}.mapShow section .section-middle .footer .footer-city{margin-right:20px;display:flex;height:35px;width:140px;color:#fff;border-radius:3px;overflow:hidden;text-align:center}.mapShow section .section-middle .footer .footer-city .number{font-size:20px;line-height:35px;width:85px}.mapShow section .section-middle .footer .footer-city .name{font-size:18px;line-height:35px;width:55px;font-weight:bold}.mapShow section .section-middle .map{height:60%}.mapShow section .section-right{width:27%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.mapShow section .section-right .top,.mapShow section .section-right .bottom{padding:20px;height:49%;flex-shrink:0;background-color:rgba(10,78,180,0.5);box-shadow:0 1px 15px rgba(0,0,0,0.5);border-radius:4px;box-sizing:border-box}.mapShow section .section-right .top div{width:100%;height:80%}.mapShow section .section-right .bottom #bandwidth{width:100%;height:70%}.mapShow section .section-right .bottom .footer{height:auto;display:flex;justify-content:center}.mapShow section .section-right .bottom .footer .gray{background-color:rgba(255,255,255,0.3)}.mapShow section .section-right .bottom .footer .green{background-color:#11a8ab}.mapShow section .section-right .bottom .footer .footer-item{display:flex;color:#fff;align-items:center;margin-right:30px}.mapShow section .section-right .bottom .footer .footer-item div{width:24px;height:14px;border-radius:3px;margin-right:10px}*{font-family:"\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "\9ED1\4F53"}.monitoring{padding:20px;box-sizing:border-box;width:100%;height:100%;background-image:url(../images/bg.jpg);background-size:cover}.monitoring .title{font-size:18px;color:#fff;margin-bottom:20px}.monitoring .title span{font-size:14px}.monitoring section{display:flex;height:100%;justify-content:space-between}.monitoring section .C-green{color:rgba(0,242,195,0.8)}.monitoring section .C-red{color:rgba(230,76,101,0.8)}.monitoring section .yellow{background-color:rgba(230,162,60,0.8)}.monitoring section .yellow0{background-color:rgba(230,162,60,0.5)}.monitoring section .skygreen{background-color:rgba(0,242,195,0.8)}.monitoring section .skygreen0{background-color:rgba(0,242,195,0.5)}.monitoring section .red{background-color:rgba(230,76,101,0.8)}.monitoring section .red0{background-color:rgba(230,76,101,0.5)}.monitoring section .skyblue{background-color:rgba(79,196,246,0.8)}.monitoring section .skyblue0{background-color:rgba(79,196,246,0.5)}.monitoring section .blue{background-color:rgba(29,140,248,0.8)}.monitoring section .blue0{background-color:rgba(29,140,248,0.5)}.monitoring section .incidentItem{width:46.5%;box-shadow:1px 3px 5px rgba(0,0,0,0.5);display:flex;color:#fff;border-radius:3px;overflow:hidden;margin-bottom:36px}.monitoring section .incidentItem .count{text-align:center;line-height:36px;font-weight:bold;font-size:20px;width:60%}.monitoring section .incidentItem .text{text-align:center;line-height:36px;font-size:14px;width:40%;font-weight:bold}.monitoring section .invadeItem{color:#fff;margin-right:40px;width:90px;height:90px;border-radius:3px;overflow:hidden;text-align:center;box-shadow:1px 3px 5px rgba(0,0,0,0.5)}.monitoring section .invadeItem .count{font-weight:bold;font-size:20px;height:55px;line-height:55px}.monitoring section .invadeItem .text{font-size:14px;height:35px;line-height:35px;font-weight:bold}.monitoring section .section-left{width:49.5%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.monitoring section .section-left .top{width:100%;height:49%;display:flex;justify-content:space-between}.monitoring section .section-left .top .safe,.monitoring section .section-left .top .business{background-color:rgba(10,78,180,0.5);box-shadow:0 1px 15px rgba(0,0,0,0.5);border-radius:4px;width:49%;height:100%;padding:20px 14px}.monitoring section .section-left .top .incident .incidentShow{display:flex;justify-content:space-between;padding:0 10px}.monitoring section .section-left .top .invade{box-sizing:border-box;padding-left:15%}.monitoring section .section-left .top .invade .invadeShow{display:flex;box-sizing:border-box}.monitoring section .section-left .bottom{width:100%;height:49%;padding:20px;background-color:rgba(10,78,180,0.5);box-shadow:0 1px 15px rgba(0,0,0,0.5);border-radius:4px;overflow:hidden}.monitoring section .section-left .bottom .equipment{height:95%;margin-top:50px;display:flex;justify-content:center}.monitoring section .section-left .bottom .equipment .text{color:#fff;margin-left:30px}.monitoring section .section-left .bottom .equipment .text p{font-size:14px}.monitoring section .section-left .bottom .equipment .text span{font-size:18px}.monitoring section .section-left .bottom .equipment .text span i{font-size:22px}.monitoring section .section-left .bottom .equipment .equipment-item{width:33%}.monitoring section .section-left .bottom .equipment .equItem{width:100%;height:100%}.monitoring section .section-right{width:49.5%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.monitoring section .section-right .top{width:100%;height:49%;background-color:rgba(10,78,180,0.5);box-shadow:0 1px 15px rgba(0,0,0,0.5);border-radius:4px;padding:20px}.monitoring section .section-right .top .p-text{color:#fff;text-align:center;margin-top:20px;font-size:14px}.monitoring section .section-right .top .header{display:flex}.monitoring section .section-right .top .header .people{margin-right:50px}.monitoring section .section-right .top .header .waring{width:30%}.monitoring section .section-right .top .header .waring .waring-top{display:flex;width:100%;justify-content:space-between}.monitoring section .section-right .top .header .waring .waring-top .left{display:flex;flex-direction:column;justify-content:space-between;margin-right:20px;width:70%}.monitoring section .section-right .top .header .waring .waring-top .left>div{width:100%}.monitoring section .section-right .top .header .machine .machine-charts{height:100%;display:flex}.monitoring section .section-right .top .header .machine .machine-charts #temperature,.monitoring section .section-right .top .header .machine .machine-charts #humidity{height:100%;width:150px;overflow:hidden}.monitoring section .section-right .top .header .machine .machine-charts #temperature>div,.monitoring section .section-right .top .header .machine .machine-charts #humidity>div{height:90px !important}.monitoring section .section-right .top .footer{padding:0 18px;margin-top:25px;display:flex;justify-content:space-between;height:50%}.monitoring section .section-right .top .footer .title{font-size:14px;margin-bottom:20px;text-align:center}.monitoring section .section-right .top .footer .icon-span{color:#fff;display:block;font-size:18px;margin-bottom:10px}.monitoring section .section-right .top .footer .icon-span i{font-size:20px;color:#f56c6c}.monitoring section .section-right .top .footer .pdu{width:60%;height:90%}.monitoring section .section-right .top .footer .pdu .pdu-chart{width:100%;height:100%}.monitoring section .section-right .bottom{width:100%;height:49%;display:flex;justify-content:space-between;flex-wrap:wrap}.monitoring section .section-right .bottom .lin-orange{background:linear-gradient(40deg, #ff6491, #ff8d72)}.monitoring section .section-right .bottom .lin-violet{background:linear-gradient(40deg, #ba54f5, #e14eca)}.monitoring section .section-right .bottom .lin-blue{background:linear-gradient(40deg, #3358f4, #1d8cf8)}.monitoring section .section-right .bottom .lin-red{background:linear-gradient(40deg, #ec250d, #fd5d93)}.monitoring section .section-right .bottom .cusmtoer{background-color:rgba(10,78,180,0.5);box-shadow:0 1px 15px rgba(0,0,0,0.5);border-radius:4px;flex-shrink:0;padding:20px 14px;width:100%;height:48%}.monitoring section .section-right .bottom .el-carousel__arrow{background-color:rgba(0,0,0,0.5);display:block !important}.monitoring section .section-right .bottom .el-carousel__indicators,.monitoring section .section-right .bottom .el-carousel__indicators,.monitoring section .section-right .bottom ul{display:none !important}.monitoring section .section-right .bottom img{height:100%}.monitoring section .section-right .bottom .header{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:0.5px solid rgba(255,255,255,0.3)}.monitoring section .section-right .bottom .header .image{width:50px;height:50px;line-height:50px;text-align:center;border-radius:50px}.monitoring section .section-right .bottom .header .image i{font-size:25px}.monitoring section .section-right .bottom .header .text{color:#fff;font-size:14px}.monitoring section .section-right .bottom .left,.monitoring section .section-right .bottom .right{display:flex;width:49%;flex-direction:column;justify-content:space-between;height:100%}