.data-center-pack-container{position:relative;height:100%;width:100%;background-image:url(../img/bg.91107109.png);background-size:100% 100%;overflow:hidden}.data-center-pack-container .loading-container{position:absolute;top:0;left:0;z-index:100000;width:100%;height:100%;background:#05143b;display:flex;align-items:center;justify-content:center}.data-center-pack-container .loading-container .loading-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:400px;height:400px}.data-center-pack-container .loading-container .loading-container #loading-center{width:100%;height:100%;position:relative}.data-center-pack-container .loading-container .loading-container #loading-center-absolute{position:absolute;left:50%;top:50%;height:50px;width:150px;margin-top:-25px;margin-left:-75px}.data-center-pack-container .loading-container .loading-container .object{width:8px;height:50px;margin-right:5px;background-color:#fff;-webkit-animation:animate 1s infinite;animation:animate 1s infinite;float:left}.data-center-pack-container .loading-container .loading-container .object:last-child{margin-right:0}.data-center-pack-container .loading-container .loading-container .object:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}.data-center-pack-container .loading-container .loading-container .object:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.data-center-pack-container .loading-container .loading-container .object:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.data-center-pack-container .loading-container .loading-container .object:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.data-center-pack-container .loading-container .loading-container .object:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.data-center-pack-container .loading-container .loading-container .object:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.data-center-pack-container .loading-container .loading-container .object:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.data-center-pack-container .loading-container .loading-container .object:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.data-center-pack-container .loading-container .loading-container .object:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes animate{50%{transform:scaleY(0)}}@keyframes animate{50%{transform:scaleY(0)}}.data-center-pack-container .logo-container{position:absolute;left:0;top:0;width:160px;height:80px}.data-center-pack-container .logo-container .logo-img{height:100%;width:100%}.data-center-pack-container .page-name{position:absolute;left:191px;top:0;height:76px;width:288px;font-size:19px;font-family:Microsoft YaHei;font-weight:700;color:#fff;line-height:76px;text-align:center;border-bottom:4px solid #fff}.data-center-pack-container .search-bar{display:flex;position:absolute;left:30px;top:101px;width:600px;height:36px;line-height:36px}.data-center-pack-container .search-bar .name{font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#3fe3ed}.data-center-pack-container .search-bar .search-input{width:300px;height:36px}.data-center-pack-container .search-bar .search-input .el-input__inner{height:36px;background:rgba(63,227,237,.1);border-radius:4px;color:#fff;border:none}.data-center-pack-container .user-portrait{position:absolute;left:30px;top:160px;width:600px;height:170px}.data-center-pack-container .vehicle-protrait{position:absolute;left:30px;top:350px;width:600px;height:190px}.data-center-pack-container .life-cycle-container{position:absolute;left:30px;top:560px;width:600px;height:490px}.data-center-pack-container .life-cycle-container .life-top{display:flex;height:210px}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container{width:290px;height:100%;margin-right:20px;background:rgba(64,155,255,.1)}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-top-table{height:110px}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-top-table .header{display:flex;width:290px;height:30px;background:rgba(64,155,255,.2)}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-top-table .header .header-item{flex:1;font-size:12px;font-family:Microsoft YaHei;font-weight:700;color:#e3f0ff;line-height:30px}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-top-table .table-content{box-sizing:border-box;height:calc(100% - 30px);padding-top:14px;overflow:hidden}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-top-table .table-content .table-scorll{overflow-y:scroll;height:100%;width:calc(100% + 30px)}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-top-table .table-content .table-scorll .table-item{width:290px;height:12px;display:flex;margin-bottom:5px}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-top-table .table-content .table-scorll .table-item .table-column-item{box-sizing:border-box;flex:1;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#e3f0ff}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-bottom-chart{display:flex;height:calc(100% - 110px)}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-bottom-chart .left-chart{width:65%;height:100%}.data-center-pack-container .life-cycle-container .life-top .life-left-info-container .life-left-bottom-chart .right-chart{width:35%;height:100%}.data-center-pack-container .life-cycle-container .life-top .life-right-info-container{width:290px;height:100%;background:rgba(64,155,255,.1)}.data-center-pack-container .life-cycle-container .life-top .life-right-info-container .header{display:flex;width:290px;height:30px;background:rgba(64,155,255,.2)}.data-center-pack-container .life-cycle-container .life-top .life-right-info-container .header .header-item{flex:1;font-size:12px;font-family:Microsoft YaHei;font-weight:700;color:#e3f0ff;line-height:30px}.data-center-pack-container .life-cycle-container .life-top .life-right-info-container .table-content{box-sizing:border-box;height:calc(100% - 30px);padding-top:14px}.data-center-pack-container .life-cycle-container .life-top .life-right-info-container .table-content .table-item{height:12px;display:flex;margin-bottom:8px}.data-center-pack-container .life-cycle-container .life-top .life-right-info-container .table-content .table-item .table-column-item{box-sizing:border-box;flex:1;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#e3f0ff}.data-center-pack-container .life-cycle-container .life-bottom{display:flex;height:calc(100% - 210px)}.data-center-pack-container .life-cycle-container .life-bottom .left-table-container{box-sizing:border-box;width:380px;height:100%;padding-top:20px}.data-center-pack-container .life-cycle-container .life-bottom .right-pipe-container{box-sizing:border-box;width:calc(100% - 380px);height:100%;padding-top:20px}.data-center-pack-container .life-cycle-container .life-bottom .right-pipe-container .bottom-pipe-container,.data-center-pack-container .life-cycle-container .life-bottom .right-pipe-container .top-pipe-container{height:50%}.data-center-pack-container .voltage-chart-container{position:absolute;left:1270px;top:429px;width:300px;height:200px}.data-center-pack-container .temperature-chart{position:absolute;left:1590px;top:429px;width:300px;height:200px}.data-center-pack-container .soc-chart{position:absolute;left:1270px;top:639px;width:300px;height:200px}.data-center-pack-container .soh-chart{position:absolute;left:1590px;top:639px;width:300px;height:200px}.data-center-pack-container .internal-resistance-chart{position:absolute;left:1270px;top:849px;width:300px;height:200px}.data-center-pack-container .self-discharge-chart{position:absolute;left:1590px;top:849px;width:300px;height:200px}.data-center-pack-container .battery-pack-data{position:absolute;left:652px;top:422px;width:599px;height:319px}.data-center-pack-container .life-cycle-system{position:absolute;left:650px;top:759px;width:600px;height:291px}.data-center-pack-container .life-cycle-system .left-table-container{float:left;box-sizing:border-box;width:334px;height:100%;padding-left:20px}.data-center-pack-container .life-cycle-system .left-table-container .header{display:flex;height:40px;background:rgba(64,155,255,.2)}.data-center-pack-container .life-cycle-system .left-table-container .header .header-item{flex:1;font-size:12px;font-family:Microsoft YaHei;font-weight:700;color:#e3f0ff;line-height:40px;text-align:center}.data-center-pack-container .life-cycle-system .left-table-container .content{height:calc(100% - 60px);background-color:#1e345e}.data-center-pack-container .life-cycle-system .left-table-container .content .life-cycle-data-item{height:25px;line-height:25px;display:flex}.data-center-pack-container .life-cycle-system .left-table-container .content .life-cycle-data-item .data-item{flex:1;font-family:Microsoft YaHei;font-weight:400;color:#e3f0ff;font-size:12px;height:25px;line-height:25px;box-sizing:border-box;text-align:center}.data-center-pack-container .life-cycle-system .right-chart{float:left;box-sizing:border-box;width:calc(100% - 334px);height:100%}.data-center-pack-container .life-cycle-system .right-chart .header{display:flex;height:40px;background:rgba(64,155,255,.2)}.data-center-pack-container .life-cycle-system .right-chart .header .header-item{flex:1;font-size:12px;font-family:Microsoft YaHei;font-weight:700;color:#e3f0ff;line-height:40px;text-align:center}.data-center-pack-container .life-cycle-system .right-chart .header .header-item .so-change-select{width:150px;height:30px;color:#e3f0ff;line-height:40px;text-align:center}.data-center-pack-container .life-cycle-system .right-chart .header .header-item .so-change-select .el-input__inner{height:30px;background:rgba(64,155,255,.2);border:rgba(64,155,255,.2);color:#e3f0ff}.data-center-pack-container .life-cycle-system .right-chart .chart-container{height:calc(100% - 60px);background-color:#1e345e}.data-center-pack-container .battery-pack-list{box-sizing:border-box;position:absolute;left:658px;top:21px;width:1232px;height:393px;padding:40px 0}.data-center-pack-container .battery-pack-list .fisrt-pack-row{display:flex;height:42px}.data-center-pack-container .battery-pack-list .fisrt-pack-row .pack-item-one{margin:0 10px}.data-center-pack-container .battery-pack-list .sorll-pack-content-item{display:flex;box-sizing:border-box;height:70px;padding:20px 0}.data-center-pack-container .battery-pack-list .sorll-pack-content-item .pack-item-one{margin:0 10px}.title-panel-container[data-v-5599b696]{width:100%;height:100%}.title-panel-container .title[data-v-5599b696]{display:flex;align-items:center;height:50px}.title-panel-container .title .title-icon[data-v-5599b696]{display:flex;height:14px;margin:0 12px}.title-panel-container .title .title-icon .line-icon[data-v-5599b696]{width:4px;height:14px;margin:0 2px;background-color:#3fe3ed}.title-panel-container .title .title-name[data-v-5599b696]{font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#3fe3ed}.title-panel-container .content[data-v-5599b696]{height:calc(100% - 50px)}.user-portrait-container[data-v-a87bc2c0]{height:100%;width:100%}.user-portrait-container .slider-bar-container[data-v-a87bc2c0]{display:flex;height:30px;padding:0 23px}.user-portrait-container .slider-bar-container .left-one-container[data-v-a87bc2c0]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:30px;height:30px;margin-right:5px;border:1px solid #2f517e;cursor:pointer}.user-portrait-container .slider-bar-container .left-one-container .left-arrow[data-v-a87bc2c0]{width:6px;height:6px;border-top:1px solid #e3f0ff;border-left:1px solid #e3f0ff;transform:rotate(-45deg)}.user-portrait-container .slider-bar-container .bar-item[data-v-a87bc2c0]{box-sizing:border-box;width:76px;height:30px;border:1px solid #2f517e;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#e3f0ff;line-height:30px;text-align:center;cursor:pointer}.user-portrait-container .slider-bar-container .bar-item-select[data-v-a87bc2c0]{background:#338cde;font-weight:700}.user-portrait-container .slider-bar-container .right-one-container[data-v-a87bc2c0]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:30px;height:30px;margin-left:5px;border:1px solid #2f517e;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-portrait-container .slider-bar-container .right-one-container .right-arrow[data-v-a87bc2c0]{width:6px;height:6px;border-top:1px solid #e3f0ff;border-left:1px solid #e3f0ff;transform:rotate(135deg)}.user-portrait-container .user-portrait-detail[data-v-a87bc2c0]{box-sizing:border-box;height:calc(100% - 30px);padding:10px 40px}.user-portrait-container .user-portrait-detail .detail-item[data-v-a87bc2c0]{display:inline-block;width:33%;height:20px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#e3f0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-portrait-container[data-v-751c24d8]{height:100%;width:100%}.vehicle-portrait-container .slider-bar-container[data-v-751c24d8]{display:flex;height:30px;padding:0 23px}.vehicle-portrait-container .slider-bar-container .left-one-container[data-v-751c24d8]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:30px;height:30px;margin-right:5px;border:1px solid #2f517e;cursor:pointer}.vehicle-portrait-container .slider-bar-container .left-one-container .left-arrow[data-v-751c24d8]{width:6px;height:6px;border-top:1px solid #e3f0ff;border-left:1px solid #e3f0ff;transform:rotate(-45deg)}.vehicle-portrait-container .slider-bar-container .bar-item[data-v-751c24d8]{box-sizing:border-box;width:76px;height:30px;border:1px solid #2f517e;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#e3f0ff;line-height:30px;text-align:center;cursor:pointer}.vehicle-portrait-container .slider-bar-container .bar-item-select[data-v-751c24d8]{background:#338cde;font-weight:700}.vehicle-portrait-container .slider-bar-container .right-one-container[data-v-751c24d8]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:30px;height:30px;margin-left:5px;border:1px solid #2f517e;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-portrait-container .slider-bar-container .right-one-container .right-arrow[data-v-751c24d8]{width:6px;height:6px;border-top:1px solid #e3f0ff;border-left:1px solid #e3f0ff;transform:rotate(135deg)}.vehicle-portrait-container .vehicle-portrait-detail[data-v-751c24d8]{box-sizing:border-box;height:calc(100% - 30px);padding:10px 40px}.vehicle-portrait-container .vehicle-portrait-detail .detail-item[data-v-751c24d8]{display:inline-block;width:33%;height:18px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#e3f0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-panel-container{box-sizing:border-box;width:100%;height:100%;padding:8px 14px}.chart-panel-container .title{position:relative;height:24px;line-height:24px;font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#3fe3ed}.chart-panel-container .title .search-input{float:right;width:80px;height:24px}.chart-panel-container .title .search-input .el-input__inner{height:24px;background:rgba(63,227,237,.1);border-radius:4px;color:#fff;border:none}.chart-panel-container .title .search-icon{position:absolute;top:4px;right:5px}.chart-panel-container .content{height:calc(100% - 24px)}.battery-use-chart-container,.internal-res-chart-box[data-v-dbf69bde],.life-cycle-chart-container,.self-discharge-chart-box[data-v-0e1be559],.soc-chart-box[data-v-1163022e],.soh-chart-box[data-v-17190d9f],.tabs-container,.temperature-chart-box[data-v-19150097],.voltage-chart-box[data-v-26b5d67f]{height:100%;width:100%}.tabs-container .tabs-change-container{box-sizing:border-box;display:flex;height:30px;width:100%;padding:0 8px}.tabs-container .tabs-change-container .tabs-item-select{background:rgba(64,155,255,.1);border:1px solid #2f517e;border-bottom:none;font-weight:700!important;color:#409bff!important}.tabs-container .tabs-change-container .tabs-item{width:60px;height:30px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#e3f0ff;line-height:30px;text-align:center;cursor:pointer}.tabs-container .tabs-content{height:calc(100% - 30px)}.fault-list-container{box-sizing:border-box;width:100%;height:100%;padding:0 8px}.fault-list-container .list-title{color:#409bff}.fault-list-container .list-column-container,.fault-list-container .list-title{height:30px;border:1px solid #2f517e;font-size:12px;font-family:Microsoft YaHei;font-weight:700;text-align:center;line-height:30px}.fault-list-container .list-column-container{display:flex;border-top:none;border-right:none;color:#e3f0ff}.fault-list-container .list-column-container .column-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;border-right:1px solid #2f517e}.fault-list-container .list-content{overflow:hidden;width:100%;height:calc(100% - 70px)}.fault-list-container .list-content .list-scroll{overflow-y:scroll;width:410px;height:100%}.fault-list-container .list-content .list-scroll .list-inner{width:364px;height:100%}.fault-list-container .list-content .list-scroll .list-inner .data-item{display:flex;height:30px;border:1px solid #2f517e;border-top:none;border-right:none;font-size:12px;font-family:Microsoft YaHei;font-weight:700;color:#e3f0ff;text-align:center;line-height:30px}.fault-list-container .list-content .list-scroll .list-inner .data-item .column-item{flex:1;border-right:1px solid #2f517e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battery-pack-radar-container{position:absolute;right:20px;bottom:0;width:220px;height:220px}.battery-pack-data-container{position:relative;display:flex;box-sizing:border-box;width:100%;height:100%;padding:20px}.battery-pack-data-container .left-data{width:65%;height:100%}.battery-pack-data-container .left-data .title{height:16px;font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.battery-pack-data-container .left-data .content{display:flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box;height:calc(100% - 16px);padding:22px 0 0 25px}.battery-pack-data-container .left-data .content .pack-data-item{width:45%;height:13px;margin-bottom:8px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.battery-pack-data-container .left-data .content .pack-data-item-last{width:55%}.battery-pack-data-container .right-data{width:35%;height:100%;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.battery-pack-data-container .right-data .title{height:16px;font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.battery-pack-data-container .right-data .rank-info{margin-top:10px;margin-left:20px}.battery-pack-data-container .right-data .rank-number{margin-left:10px;color:#20fffa;font-size:16px;font-weight:700}.life-sys-chart-container{width:100%;height:100%}.pack-item-container{box-sizing:border-box;display:flex;width:280px;height:48px;border:3px solid #3a7ea2;border-radius:8px;cursor:pointer}.pack-item-container .pack-item-data{flex:1;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#20fffa;line-height:42px;text-align:center}.pack-item-content{position:relative;box-sizing:border-box;display:flex;width:280px;height:48px;border:3px solid #3a7ea2;border-radius:8px;cursor:pointer}.pack-item-content .pack-item-data{flex:1;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#20fffa;line-height:42px;text-align:center}.pack-item-content .pack-item-unit{position:absolute;top:-34px;display:flex;height:24px;width:280px}.pack-item-content .pack-item-unit .unit-item{flex:1}.pack-item-content .pack-item-unit .unit-item .unit-name,.pack-item-content .pack-item-unit .unit-item .unit-value{height:12px;line-height:12px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#20fffa;text-align:center}.cost-division-container,.income-breakdown-container{height:100%;width:100%}