/*!
 *  build: admin-pro 
 *  copyright: vue-admin-beautiful.com 1204505056@qq.com 
 *  time: 2024-11-5 11:51:15
 */body,div,h1,h2,h3,h4,h5,html,p{font-family:PingFang SC;font-weight:400;margin:0}h1,h2,h3{font-weight:700}.row{margin:0 auto}.row,body,html{width:100%}.wrapper{min-height:100%;height:auto!important;padding-bottom:30px;background:url(../../static/img/opr_bg.75f81e8e.jpg);background-size:100% 100%;color:#fff}.header,.wrapper{width:100%;padding-top:1px}.header{height:142px;background:url(../../static/img/opr_tp.a6f4c121.gif);background-size:100% 142px}.hd-title{width:100%;margin-top:30px;display:flex;align-items:flex-end;justify-content:center}.header img{width:309px;height:20px}.header h2{line-height:64px;font-size:60px;font-weight:800;color:#fff;background:linear-gradient(0deg,#4e97c5,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 30px}.container{min-width:1840px;margin:0 40px;display:flex;flex-direction:row}.aside{width:550px}.top-row{width:550px;height:120px;justify-content:center}.top-row,.top-row .col{display:flex;align-items:center}.top-row .col{flex-direction:column}.top-row .col h4{line-height:24px;margin-top:24px;font-size:20px;font-weight:500;color:#fff}.top-row .col p{line-height:40px;margin-top:14px;font-size:36px;font-weight:400}.col .remark{color:#f0b013}.opr-bg{width:156px;height:120px;background:url(../../static/img/lf_bg_corner.1e66edca.png) no-repeat;background-size:156px 120px}.plot-bg{background:url(../../static/img/md_bg_corner.649375a9.png) no-repeat;background-size:176px 120px;margin:0 20px}.plot-bg,.terminal-bg{width:176px;height:120px}.terminal-bg{background:url(../../static/img/rt_bg_corner.2d5385d7.png) no-repeat;background-size:176px 120px}.opacity-bg{background:rgba(37,58,135,.5);border:2px solid #0a458f;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.content{width:550px;position:absolute;top:0;left:0}.section{width:550px;color:#fff;margin-top:20px;position:relative}.section h3{width:444px;height:34px;line-height:34px;margin:20px 0 0 16px;padding-left:4px;background:url(../../static/img/opr_bg_title.8aadaa7c.png) no-repeat;background-size:444px 34px;font-size:18px;font-weight:700;text-align:left}.section .box-brd{width:20px;height:20px;position:absolute;z-index:5}.tp-lf-brd{border-left:3px solid #0084ff;left:-1px}.tp-lf-brd,.tp-rt-brd{border-top:3px solid #0084ff;top:-1px}.tp-rt-brd{border-right:3px solid #0084ff;right:-1px}.btm-lf-brd{border-left:3px solid #0084ff;left:-1px}.btm-lf-brd,.btm-rt-brd{border-bottom:3px solid #0084ff;bottom:-1px}.btm-rt-brd{border-right:3px solid #0084ff;right:-1px}.consum-content{height:428px}.consum-section .row{width:450px;margin:0 auto 22px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}.consum-section .imdflow-row{margin:4px auto 16px}.consum-section .col:nth-child(2n+2){margin-left:106px}.consum-section .col h4{line-height:22px;font-size:18px;font-weight:400;font-family:Adobe Heiti Std;margin-top:8px}.consum-section .col-dark-bg h4{margin-top:10px}.consum-section .col p{line-height:34px;font-size:30px;margin-top:7px}.consum-section .col{width:172px;height:98px}.consum-section .col-dark-bg{width:180px;height:104px;background:url(../../static/img/bg_dark_blue.3f23998f.png) no-repeat;background-size:180px 104px}.col-green-bg{background:url(../../static/img/bg_green.952a2533.png) no-repeat;background-size:172px 98px}.col-red-bg{background:url(../../static/img/bg_red.66120595.png) no-repeat;background-size:172px 98px}.col-yellow-bg{background:url(../../static/img/bg_yellow.795c27c6.png) no-repeat;background-size:172px 98px}.col-blue-bg{background:url(../../static/img/bg_blue.6c776248.png) no-repeat;background-size:172px 98px}.access-tml-content,.access-tml-section{height:334px}.main{width:700px;margin:0 20px}.bill-section h3{margin:4px 0 0}.bill-content,.bill-section{width:700px;height:472px;margin:0 auto}.bill-row,.count-row{width:680px;margin:0 auto;display:flex;align-items:center}.bill-row .col-green-circle{margin:0 10px}.bill-row .col,.count-row .col{width:220px;text-align:center}.bill-row .box{width:166px;height:166px;display:flex;align-items:center;justify-content:center;margin:28px auto 18px;font-size:20px;font-weight:700;text-align:center}.col-yellow-circle .box{background:url(../../static/img/circle_yellow.1507dfae.png) no-repeat;background-size:166px 166px}.col-green-circle .box{background:url(../../static/img/circle_green.3b16aaeb.png) no-repeat;background-size:166px 166px}.col-red-circle .box{background:url(../../static/img/circle_red.f10d5f8c.png) no-repeat;background-size:166px 166px}.bill-row p{line-height:40px;font-size:36px;text-align:center}.bill-row p span{font-size:24px}.col-yellow-circle p{color:#f0b013}.col-green-circle p{color:#3bc685}.col-red-circle p{color:#fc4c4a}.col-paid-bill{margin:0 10px}.count-row{margin-top:56px}.count-row h5{line-height:24px;font-size:20px;font-weight:700}.count-row p{margin-top:26px;line-height:40px;font-size:36px;color:#52d4e0}.plot-consum-content,.plot-consum-section{width:700px;height:438px;margin:0 auto}.plot-consum-section{margin-top:12px}.warning-section{margin-top:4px}.warning-content,.warning-section{width:550px;height:322px;overflow:hidden}.warning-section .row{width:546px;height:64px;display:flex;flex-direction:row;align-items:center;background:#142154;position:absolute;top:54px;left:2px;z-index:5}.warning-section .row h5{width:33.333%;line-height:64px;font-size:16px;color:#999;text-align:center;font-weight:700}.warning-list{width:550px;height:190px;overflow:hidden;position:absolute;top:110px}.warning-section ul{width:550px;height:190px;margin:0;padding:0 10px;z-index:1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.warning-section ul li{width:100%;line-height:38px;display:flex;align-items:center}.warning-section ul li:last-child{margin-bottom:0}.warning-section ul li p{width:33.333%;font-size:16px;color:#52d4e0;text-align:center}.warning-section .row h5,.warning-section ul li p{width:102px}.warning-section .row .imei-title,.warning-section ul li .imei{width:210px}.warning-section .row .remark-title{color:#fff}.warning-section ul li .fc-red{color:#c3031d}.terminal-section{margin-top:30px}.terminal-content,.terminal-section{width:550px;height:566px}.terminal-content .canvas{width:550px;height:254px}.access-tml-content .canvas{width:550px;height:276px}.plot-consum-content .canvas{width:700px;height:380px}[v-cloak]{display:none}body,html{font-family:Microsoft Yahei;height:100%;margin:0;background:#f8f8f8;font-size:14px}li,ul{margin:0;padding:0}li{list-style:none}#app{height:100%}iframe{height:98%;width:100%;border:none}#page{width:100%;height:100%;margin:0 auto}#list,#page{background:#fff}#list{padding:10px;overflow:hidden}.table-image{width:50px}.avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:278px;text-align:center}.avatar{width:178px;display:block}.thumbnail{width:100px}.original{width:50px}.demo-table-expand{font-size:0}.demo-table-expand label{width:90px;color:#99a9bf}.demo-table-expand .el-form-item{margin-right:0;margin-bottom:0;width:50%}.layui-btn:not(.layui-btn-lg):not(.layui-btn-sm):not(.layui-btn-xs){height:34px;line-height:34px;padding:0 8px}::-webkit-scrollbar-track-piece{background-color:#f8f8f8}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:#ddd;background-clip:padding-box;min-height:28px}::-webkit-scrollbar-thumb:hover{background-color:#bbb}.el-cascader-menus{z-index:2147483647!important}.el-form-item{margin-bottom:0}.time h2{color:#f60;margin:20px auto 30px auto}.time-line{position:relative;width:300px;margin:0 auto}.time-line-div{position:relative;min-height:85px}.time-line-div>p:first-child{position:absolute;left:0;width:100px}.time-line-div>p:nth-child(2){position:absolute;left:100px;width:15px;height:15px;top:10px;background:#5cb85c;border-radius:50%;z-index:10}.time-line-div>p:nth-child(3){position:absolute;left:130px;padding:10px;background:#317ef3;font-size:.8rem;color:#fff;border-radius:10px}.img-dotted{position:absolute;width:20px;height:100%;top:0;z-index:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAASgCAYAAABse8GPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMxNTMyRjBFOEFBMTFFODlCNDdDMjM5RTUzN0EwNEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMxNTMyRjFFOEFBMTFFODlCNDdDMjM5RTUzN0EwNEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QkY0MTA4N0U4QUExMUU4OUI0N0MyMzlFNTM3QTA0RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QkY0MTA4OEU4QUExMUU4OUI0N0MyMzlFNTM3QTA0RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnluue8AAAZlSURBVHja7NrBbVRL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);left:88px}.time-line-detail>p{margin-left:30px;margin-bottom:10px}.com-toast{width:350px;height:auto;padding:5px 0;display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002;background:#fff;border-radius:10px}.com-toast h3{line-height:28px;margin:25px;font-size:18px;color:#333;text-align:center}.com-toast p{line-height:22px;margin:0 25px 30px;font-size:16px;color:#999;text-align:center}