.el-col-lg-20{width:80%}.el-col-lg-4{width:20%}.el-card__header{padding:2px 33px}.text{font-size:14px}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.box-card{width:200px;height:150px}.button-box{width:680px;border-radius:50%;position:fixed;bottom:80px;right:50px;padding-right:300px;padding-top:8px;cursor:pointer;opacity:.7;z-index:888;top:130px;height:150px;left:1500px}.btn-bg-img{width:80px;height:80px;background-image:url(../img/rider.4d6687a3.png);background-size:cover;margin-left:57px}.button-box:hover{color:#fff;opacity:1}.font-box{width:200px;color:#3193ef;text-align:center}.electric-box{padding:15px}.electric-box .list-panel{border:1px solid #3e83d4}.electric-box .list-panel .filter{padding:10px}.electric-box .list-panel .list-item{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;overflow:hidden;border-top:1px solid #3e83d4}.electric-box .list-panel .list-item .list-item-icon{display:flex;align-items:center}.electric-box .list-panel .list-item /deep/ .el-button--mini{padding:3px 10px}.electric-box .list-icon{width:50px;height:50px;border-radius:50%;background:#3e83d4;margin-right:10px}.electric-box .list-title{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0 14px;margin-top:6px}.electric-box .list-title .list-title-icon{width:30px;height:3px;background:#22ac38;border-radius:5px;box-shadow:0 0 2px 2px #22ac38;margin-top:5px}.electric-box .list-title .list-title-icon-red{width:30px;height:2px;background:#e60012;box-shadow:0 0 1px 1px #e60012;margin-top:6px}.electric-box .el-collapse-item__arrow{margin-top:10px!important}.electric-box .title{display:flex;align-items:center;justify-content:center}.electric-box .title .title-name{position:absolute;top:5px;right:20px}.electric-box .slider{width:100px}.electric-box /deep/ .el-scrollbar{height:calc(100% - 60px)}.electric-box .diagram{position:relative}