.monitor-box{width:1200px;margin:0 auto}.monitor-box .box-card{background-color:#fff;padding:20px 0;padding-top:0;margin-bottom:20px}.monitor-box .tit{display:flex;align-items:center;height:70px;margin-left:20px;font-size:16px}.monitor-box .tit span{margin-right:20px}.monitor-box .chart-date .el-date-editor,.monitor-box .tlist .el-date-editor{position:absolute;top:10px;right:10px;width:100px}.monitor-box .tlist{display:flex;justify-content:space-between;padding:0 10px}.monitor-box .tlist li{position:relative;flex:1;border-radius:10px;text-align:center;margin-right:10px}.monitor-box .tlist li:first-child{background:linear-gradient(180deg,#f4faff,#e6f4fe)}.monitor-box .tlist li:nth-child(2){background:linear-gradient(1turn,#dbfdfb,#effffe)}.monitor-box .tlist li:last-child{margin-right:0}.monitor-box .tlist li .dlist{padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.monitor-box .tlist li .dlist .c-itm{width:126px;text-align:center;position:absolute}.monitor-box .tlist li .dlist h1{font-size:16px;color:#666;margin-bottom:10px}.monitor-box .tlist li .dlist h2{font-size:22px}.monitor-box .tlist li .dlist .mb20{margin-bottom:20px}.monitor-box .tlist li .dfoot{display:flex;justify-content:space-between;padding:10px 20px}.monitor-box .tlist li .dfoot div{display:block;cursor:pointer}.monitor-box .btn-group{display:flex;align-items:center;margin-right:20px}.monitor-box .btn{position:relative;padding:0 10px;background-color:#fff;border-radius:4px;line-height:32px;text-align:center;font-size:14px;cursor:pointer;transition:all .3s;border:1px solid #ccc}.monitor-box .btn:hover{background-color:#eff8ff;color:#246eff}.monitor-box .btn+.btn{margin-left:20px}.monitor-box .btn.on{background-color:#409eff;color:#fff;border:1px solid #409eff}.monitor-box .list{display:flex;justify-content:space-between}.monitor-box .list li{display:flex;flex-direction:column;justify-content:center;padding:0 20px;width:276px;height:120px;border-radius:4px}.monitor-box .list li:first-child{background:linear-gradient(180deg,#f2f9fe,#e6f4fe)}.monitor-box .list li:nth-child(2){background:linear-gradient(180deg,#f5fef2,#e6feee)}.monitor-box .list li:nth-child(3){background:linear-gradient(180deg,#f2f9fe,#e6f4fe)}.monitor-box .list li:nth-child(4){background:linear-gradient(180deg,#f6f7ff,#ececff)}.monitor-box .list li h1{font-size:16px;margin-bottom:24px}.monitor-box .list li h2{font-size:30px}.monitor-box .list li .num{display:flex;justify-content:space-between;align-items:center}.monitor-box .list li p{font-size:12px;padding-right:20px;color:#4e5969}.monitor-box .list li p span{font-size:14px;font-weight:700}.monitor-box .list li p.up{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAABGklEQVQoU3WRMUvDUBSFz33UOrxSLDoIurg5uAgOZkjyRBdBQRDxDzg6Cq66Cbo6+RcEJ6Hi4G3aQYROLg4ODk6iVDDGYOO7khJLGuzdzj3fcM69hMJ8GDOnkmRUt1rtvEV58WJMRYvcp7tvovka8/ufPwB++v4FgI3MrN8RrS8xJ6nug6Hn7RPR0UASkQMdBId98Mt1l61SdQClQuRErF2rNJtXFDnOlJTLtwBiARICZjP4Md0BmFTd7gK9GTM9AsRV5tfI846FaK8HiuzqIDjtGDOmgIlimTMAO1nrmRrz07DW1wBWAJzrRmNr6B1D3+8QEMZEzjjz879g5LqbotTJD9Fqlfmh+LFexhtjSovWbsdKXea/kYd/AZoYYCxrqCpTAAAAAElFTkSuQmCC) 100% no-repeat}.monitor-box .list li p.up span{color:#f53f3f}.monitor-box .list li p.down{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAABEElEQVQoU3WQMUvDUBSFv6uhBXFw6OjQQaV5umkHZx0sjaAUcXZzcBRc6yboKv4JawYTrPgDHMS1ptKhg+DSUaTaNE/yrCZRerZ77sfhnivEqmOxrHbpvTfY6/aN90fyO/uLNXR0xmS0QaXdHg/GqSvqFQj5+CxT67yk4SQxdj11B6wDlzitnfGgb1+gZd+kDqJ5toPuDyy4pSJW9Mbmcw9PnQKHZin6gOrTOdcLBcKJaaExN0s+d48mbhsilAyo6SC6D1JgEK1+33ij1hjSBKx/fzFfCG6TMp59BHKSASWqUw2OzSWZha9cNFsjr4nTqiRl0qRbnMGaekC0hR6WTcGRsomxeWUvkdN5nOAxnfEFdrhR+/V3ogkAAAAASUVORK5CYII=) 100% no-repeat}.monitor-box .list li p.down span{color:#00b42a}.monitor-box .el-dialog__body p{line-height:1.7}