.tabbar-Line[data-v-2aa73eda] {
  width: 100%;
  height: 350px !important;
}

@charset "UTF-8";
.rotate[data-v-dbf26f14] {
  transform: rotateY(180deg);
  /* 水平镜像翻转 */
}
.cube[data-v-dbf26f14] {
  width: 100px;
  height: 100px;
  float: left;
  -webkit-transform-style: preserve-3d;
  /*-webkit-transform: rotateX(45deg) rotateY(-45deg);*/
}
.styleLeft[data-v-dbf26f14] {
  position: absolute;
  width: 200px;
  height: 80px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
}
.styleRight[data-v-dbf26f14] {
  position: absolute;
  width: 200px;
  height: 80px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
  margin-left: -100px;
}
.styleTop[data-v-dbf26f14] {
  position: absolute;
  width: 80px;
  height: 200px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
}
.styleBottom[data-v-dbf26f14] {
  position: absolute;
  width: 80px;
  height: 200px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
  margin-top: -100px;
}
.style[data-v-dbf26f14] {
  position: absolute;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
}
.style1[data-v-dbf26f14] {
  position: absolute;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
}
.styleLeft[data-v-dbf26f14] {
  position: absolute;
  width: 300px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
}
.styleRight[data-v-dbf26f14] {
  position: absolute;
  width: 300px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
  margin-left: -200px;
}
.styleTop[data-v-dbf26f14] {
  position: absolute;
  width: 100px;
  height: 300px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
}
.styleBottom[data-v-dbf26f14] {
  position: absolute;
  width: 100px;
  height: 300px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
  margin-top: -200px;
}

/*前面 沿着Z轴前移150px*/
.cube .front[data-v-dbf26f14] {
  transform: translateZ(50%);
  -ms-transform: translateZ(50%);
  -webkit-transform: translateZ(50%);
}

/*后面 沿着Z轴后移150px*/
.cube .back[data-v-dbf26f14] {
  transform: translateZ(50%) rotateY(180deg);
  -ms-transform: translateZ(50%) rotateY(180deg);
  -webkit-transform: translateZ(50%) rotateY(180deg);
}

/*左面 沿着Y轴旋转270度，然后沿着X轴左移一半*/
.cube .left[data-v-dbf26f14] {
  transform: rotateY(-90deg) translateX(-50%);
  -ms-transform: rotateY(-90deg) translateX(-50%);
  -webkit-transform: rotateY(-90deg) translateX(-50%);
  transform-origin: left;
}

/*右面 沿着Y轴旋转-270度，然后沿着X轴右移一半*/
.cube .right[data-v-dbf26f14] {
  transform: rotateY(90deg) translateX(50%);
  -ms-transform: rotateY(90deg) translateX(50%);
  -webkit-transform: rotateY(90deg) translateX(50%);
  transform-origin: right;
}

/*上面 沿着X轴旋转-270度，然后沿着Y轴上移一半*/
.cube .top[data-v-dbf26f14] {
  transform: rotateX(-270deg) translateY(-50%);
  -ms-transform: rotateX(-270deg) translateY(-50%);
  -webkit-transform: rotateX(-270deg) translateY(-50%);
  transform-origin: top;
}

/*下面 沿着X轴旋转270度，然后沿着Y轴下移一半*/
.cube .bottom[data-v-dbf26f14] {
  transform: rotateX(270deg) translateY(50%);
  -ms-transform: rotateX(270deg) translateY(50%);
  -webkit-transform: rotateX(270deg) translateY(50%);
  transform-origin: bottom;
}

@charset "UTF-8";
.rotate[data-v-02a76bc8] {
  transform: rotateY(180deg);
  /* 水平镜像翻转 */
}
.cube[data-v-02a76bc8] {
  width: 100px;
  height: 100px;
  float: left;
  -webkit-transform-style: preserve-3d;
  /*-webkit-transform: rotateX(45deg) rotateY(-45deg);*/
}
.style[data-v-02a76bc8] {
  position: absolute;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
}
.style1[data-v-02a76bc8] {
  position: absolute;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
}

/*前面 沿着Z轴前移150px*/
.cube .front[data-v-02a76bc8] {
  transform: translateZ(50%);
  -ms-transform: translateZ(50%);
  -webkit-transform: translateZ(50%);
}

/*后面 沿着Z轴后移150px*/
.cube .back[data-v-02a76bc8] {
  transform: translateZ(50%) rotateY(180deg);
  -ms-transform: translateZ(50%) rotateY(180deg);
  -webkit-transform: translateZ(50%) rotateY(180deg);
}

/*左面 沿着Y轴旋转270度，然后沿着X轴左移一半*/
.cube .left[data-v-02a76bc8] {
  transform: rotateY(-90deg) translateX(-50%);
  -ms-transform: rotateY(-90deg) translateX(-50%);
  -webkit-transform: rotateY(-90deg) translateX(-50%);
  transform-origin: left;
}

/*右面 沿着Y轴旋转-270度，然后沿着X轴右移一半*/
.cube .right[data-v-02a76bc8] {
  transform: rotateY(90deg) translateX(50%);
  -ms-transform: rotateY(90deg) translateX(50%);
  -webkit-transform: rotateY(90deg) translateX(50%);
  transform-origin: right;
}

/*上面 沿着X轴旋转-270度，然后沿着Y轴上移一半*/
.cube .top[data-v-02a76bc8] {
  transform: rotateX(-270deg) translateY(-50%);
  -ms-transform: rotateX(-270deg) translateY(-50%);
  -webkit-transform: rotateX(-270deg) translateY(-50%);
  transform-origin: top;
}

/*下面 沿着X轴旋转270度，然后沿着Y轴下移一半*/
.cube .bottom[data-v-02a76bc8] {
  transform: rotateX(270deg) translateY(50%);
  -ms-transform: rotateX(270deg) translateY(50%);
  -webkit-transform: rotateX(270deg) translateY(50%);
  transform-origin: bottom;
}
@keyframes animation-02a76bc8 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.box[data-v-02a76bc8] {
  display: flex;
  /*将容器设置为伸缩盒,和设置float效果一样*/
  flex-wrap: wrap;
  /*换行*/
  margin: 0 auto;
  width: 80px;
  height: 80px;
  /*border:1px solid red;*/
  position: relative;
  /*相对*/
}
.box-moving[data-v-02a76bc8] {
  display: flex;
  /*将容器设置为伸缩盒,和设置float效果一样*/
  flex-wrap: wrap;
  /*换行*/
  margin: 0 auto;
  width: 80px;
  height: 80px;
  /*border:1px solid red;*/
  position: relative;
  /*相对*/
  animation-name: animation-02a76bc8;
  /*动画名称*/
  animation-duration: 1s;
  /*动画持续时间*/
  animation-iteration-count: infinite;
  /*循环次数infinite无限循环*/
  animation-timing-function: linear;
  /*动画的过度类型  linear线性过渡*/
}
.box[data-v-02a76bc8]:hover {
  animation-play-state: paused;
  /*当鼠标按下时暂停*/
}
.circle[data-v-02a76bc8] {
  position: absolute;
  /*绝对*/
  left: 37px;
  top: 37px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #000;
}
.box1[data-v-02a76bc8] {
  width: 40px;
  height: 20px;
  background: #ccc;
  border-radius: 20px 20px 0 0;
  /*左上角,右上角,右下角,左下角*/
  margin-top: 20px;
}
.box2[data-v-02a76bc8] {
  width: 20px;
  height: 40px;
  background: #ccc;
  border-radius: 0 20px 20px 0;
}
.box3[data-v-02a76bc8] {
  width: 20px;
  height: 40px;
  background: #ccc;
  border-radius: 20px 0 0 20px;
  margin-top: 40px;
  margin-left: -40px;
}
.box4[data-v-02a76bc8] {
  width: 40px;
  height: 20px;
  background: #ccc;
  border-radius: 0 0 20px 20px;
  margin-top: 40px;
}

.line-container[data-v-6790b0dd] {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}

.line-container[data-v-05053a45] {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}

@charset "UTF-8";
.stage[data-v-4690fe11] {
  position: absolute;
  width: 100%;
  height: 20%;
  -webkit-perspective: 2500px;
}
.magicBox[data-v-4690fe11] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-10deg) rotateY(-20deg) rotateZ(0deg);
  /*-webkit-transform: rotateX(45deg) rotateY(-45deg) rotateZ(0deg);*/
}
.magicBox1[data-v-4690fe11] {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.magicBox2[data-v-4690fe11] {
  transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
.box[data-v-4690fe11] {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -150px;
  -webkit-transform-style: preserve-3d;
}
.frontBox[data-v-4690fe11] {
  -webkit-transform: translateZ(100px);
}
.backBox[data-v-4690fe11] {
  -webkit-transform: translateZ(-100px);
}
.moveFront[data-v-4690fe11] {
  animation: frontRotate-4690fe11 10s linear infinite;
  -webkit-animation: frontRotate-4690fe11 10s linear infinite;
  -o-animation: frontRotate-4690fe11 10s linear infinite;
}
.moveMiddle[data-v-4690fe11] {
  animation: MiddleRotate-4690fe11 10s linear infinite;
  -webkit-animation: MiddleRotate-4690fe11 10s linear infinite;
  -o-animation: MiddleRotate-4690fe11 10s linear infinite;
}
.moveBack[data-v-4690fe11] {
  animation: BackRotate-4690fe11 10s ease infinite;
  -webkit-animation: BackRotate-4690fe11 10s ease infinite;
  -o-animation: BackRotate-4690fe11 10s ease infinite;
}
@keyframes frontRotate-4690fe11 {
from {
    transform: rotateY(0deg) translateZ(100px);
}
to {
    transform: rotateY(360deg) translateZ(100px);
}
}
@keyframes MiddleRotate-4690fe11 {
from {
    transform: rotateY(0deg);
}
to {
    transform: rotateY(360deg);
}
}
@keyframes BackRotate-4690fe11 {
0% {
    transform: rotateZ(0deg) translateZ(-100px);
    -webkit-transform: rotateZ(0deg) translateZ(-100px);
    -o-transform: rotateZ(0deg) translateZ(-100px);
    -ms-transform: rotateZ(0deg) translateZ(-100px);
}
25% {
    transform: rotateZ(230deg) translateZ(-100px);
    -webkit-transform: rotateZ(230deg) translateZ(-100px);
    -o-transform: rotateZ(230deg) translateZ(-100px);
    -ms-transform: rotateZ(230deg) translateZ(-100px);
}
75% {
    transform: rotateZ(-55deg) translateZ(-100px);
    -webkit-transform: rotateZ(-55deg) translateZ(-100px);
    -o-transform: rotateZ(-55deg) translateZ(-100px);
    -ms-transform: rotateZ(230deg) translateZ(-100px);
}
100% {
    transform: rotateZ(0deg) translateZ(-100px);
    -webkit-transform: rotateZ(0deg) translateZ(-100px);
    -o-transform: rotateZ(0deg) translateZ(-100px);
    -ms-transform: rotateZ(0deg) translateZ(-100px);
}
}
.battery-temp-info[data-v-4690fe11] {
  margin-bottom: 550px;
}
.container[data-v-4690fe11] {
  width: 100%;
  box-sizing: border-box;
  height: calc(100vh - 130px);
  overflow-y: auto;
  overflow-x: hidden;
}
.container .container-top[data-v-4690fe11] {
    width: 100%;
}
.container .container-top .bms-sum-info[data-v-4690fe11] {
      width: 100%;
}
.container .container-top .bms-sum-info .pic[data-v-4690fe11] {
        width: 100%;
        height: 300px;
}
.container .container-top .bms-sum-info .bms-info[data-v-4690fe11] {
        width: 100%;
        height: 300px;
}
.container .container-top .bms-sum-info .bms-soc[data-v-4690fe11] {
        width: 100%;
        height: 300px;
}
.container .container-top .bms-sum-info .bms-chart[data-v-4690fe11] {
        width: 100%;
        height: 300px;
}
.container .container-bottom .bms-i-content[data-v-4690fe11] {
    width: 100%;
}
.container .container-bottom .bms-i-content .pic-i[data-v-4690fe11] {
      width: 100%;
}
.container .container-bottom .bms-i-content .bms-soc[data-v-4690fe11] {
      width: 100%;
}
.container .container-bottom .bms-i-content .bms-i-info[data-v-4690fe11] {
      width: 100%;
}
.cell-voltage[data-v-4690fe11] {
  height: 300px;
}
.cell-temp[data-v-4690fe11] {
  width: 100%;
  height: 300px;
}
.list[data-v-4690fe11] {
  width: 100%;
}
.list .lable[data-v-4690fe11] {
    width: 40%;
    font-size: 14px;
    color: #48586f;
    text-align: center;
}
.list .text[data-v-4690fe11] {
    width: 40%;
    font-size: 18px;
    font-weight: 600;
    color: #307dcd;
    text-align: center;
}
.list .unit[data-v-4690fe11] {
    width: 20%;
    font-size: 14px;
    color: #48586f;
    text-align: center;
}
.box-border[data-v-4690fe11] {
  border: 1px solid #023d63;
}
.chart[data-v-4690fe11] {
  height: 200px;
  width: 100%;
}
[data-v-4690fe11] .el-input__inner {
  height: 35px !important;
  line-height: 35px !important;
}
[data-v-4690fe11] .el-button {
  padding: 9px 11px !important;
}
.rotate[data-v-4690fe11] {
  transform: rotateY(180deg);
  /* 水平镜像翻转 */
}
.cube[data-v-4690fe11] {
  width: 100px;
  height: 100px;
  float: left;
  -webkit-transform-style: preserve-3d;
  /*-webkit-transform: rotateX(45deg) rotateY(-45deg);*/
}
.style[data-v-4690fe11] {
  position: absolute;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
}
.style1[data-v-4690fe11] {
  position: absolute;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
}

/*前面 沿着Z轴前移150px*/
.cube .front[data-v-4690fe11] {
  transform: translateZ(50%);
  -ms-transform: translateZ(50%);
  -webkit-transform: translateZ(50%);
}

/*后面 沿着Z轴后移150px*/
.cube .back[data-v-4690fe11] {
  transform: translateZ(50%) rotateY(180deg);
  -ms-transform: translateZ(50%) rotateY(180deg);
  -webkit-transform: translateZ(50%) rotateY(180deg);
}

/*左面 沿着Y轴旋转270度，然后沿着X轴左移一半*/
.cube .left[data-v-4690fe11] {
  transform: rotateY(-90deg) translateX(-50%);
  -ms-transform: rotateY(-90deg) translateX(-50%);
  -webkit-transform: rotateY(-90deg) translateX(-50%);
  transform-origin: left;
}

/*右面 沿着Y轴旋转-270度，然后沿着X轴右移一半*/
.cube .right[data-v-4690fe11] {
  transform: rotateY(90deg) translateX(50%);
  -ms-transform: rotateY(90deg) translateX(50%);
  -webkit-transform: rotateY(90deg) translateX(50%);
  transform-origin: right;
}

/*上面 沿着X轴旋转-270度，然后沿着Y轴上移一半*/
.cube .top[data-v-4690fe11] {
  transform: rotateX(-270deg) translateY(-50%);
  -ms-transform: rotateX(-270deg) translateY(-50%);
  -webkit-transform: rotateX(-270deg) translateY(-50%);
  transform-origin: top;
}

/*下面 沿着X轴旋转270度，然后沿着Y轴下移一半*/
.cube .bottom[data-v-4690fe11] {
  transform: rotateX(270deg) translateY(50%);
  -ms-transform: rotateX(270deg) translateY(50%);
  -webkit-transform: rotateX(270deg) translateY(50%);
  transform-origin: bottom;
}
[data-v-4690fe11] .el-progress--circle .el-progress__text {
  color: #ddd;
}