.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);*/
}
.cube1[data-v-dbf26f14] {
  width: 50px;
  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;
}
.styleBack2[data-v-dbf26f14] {
  width: 50px !important;
}
.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;
}
.style2[data-v-dbf26f14] {
  position: absolute;
  width: 50px;
  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;
}
.styleTop2[data-v-dbf26f14] {
  position: absolute;
  width: 50px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
}
.styleBottom2[data-v-dbf26f14] {
  position: absolute;
  width: 50px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
}
.styleRight2[data-v-dbf26f14] {
  position: absolute;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #333;
  margin-left: -50px;
}

/*前面 沿着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;
}

.stage[data-v-178f03a0] {
  margin-top: 0px;
  position: absolute;
  width: 100%;
  height: 20%;
  -webkit-perspective: 2500px;
}
.magicBox[data-v-178f03a0] {
  position: absolute;
  top: 150px;
  left: 80%;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-45deg) rotateY(10deg) rotateZ(0deg);
  /*-webkit-transform: rotateX(45deg) rotateY(-45deg) rotateZ(0deg);*/
}
.magicBox1[data-v-178f03a0] {
  transform: rotateX(0deg) rotateY(-20deg) rotateZ(0deg);
}
.magicBox2[data-v-178f03a0] {
  transform: rotateX(0deg) rotateY(160deg) rotateZ(0deg);
}
.box[data-v-178f03a0] {
  width: 400px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0px;
  margin-left: -150px;
  -webkit-transform-style: preserve-3d;
}
.frontBox[data-v-178f03a0] {
  -webkit-transform: translateZ(-100px);
}
.middleBox[data-v-178f03a0] {
  -webkit-transform: translateZ(200px);
}
.middleBox1[data-v-178f03a0] {
  -webkit-transform: translateZ(100px);
}
.backBox[data-v-178f03a0] {
  -webkit-transform: translateZ(300px);
}


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

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

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

/*左面 沿着Y轴旋转270度，然后沿着X轴左移一半*/
.cube .left[data-v-ec3853b0] {
  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-ec3853b0] {
  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-ec3853b0] {
  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-ec3853b0] {
  transform: rotateX(270deg) translateY(50%);
  -ms-transform: rotateX(270deg) translateY(50%);
  -webkit-transform: rotateX(270deg) translateY(50%);
  transform-origin: bottom;
}

.stage[data-v-9d02e6f2] {
  margin-top: 20px;
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  height: 13%;
  -webkit-perspective: 2500px;
  margin-left: 200px;
}
.bigCube[data-v-9d02e6f2] {
  -webkit-transform-style: preserve-3d;
}
.magicBox[data-v-9d02e6f2] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-20deg) rotateY(-10deg) rotateZ(0deg);
  /*-webkit-transform: rotateX(45deg) rotateY(-45deg) rotateZ(0deg);*/
}
.magicBox1[data-v-9d02e6f2] {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.magicBox2[data-v-9d02e6f2] {
  transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
.box[data-v-9d02e6f2] {
  width: 600px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0px;
  -webkit-transform-style: preserve-3d;
}
.box1[data-v-9d02e6f2] {
  position: absolute;
  left: 250px;
  margin-top: 0px;
  -webkit-transform-style: preserve-3d;
}
.box2[data-v-9d02e6f2] {
  position: absolute;
  left: 500px;
  margin-top: 0px;
  -webkit-transform-style: preserve-3d;
}
.box3[data-v-9d02e6f2] {
  position: absolute;
  margin-top: 0px;
  -webkit-transform-style: preserve-3d;
}
.frontBox[data-v-9d02e6f2] {
  -webkit-transform: translateZ(100px);
}
.backBox[data-v-9d02e6f2] {
  -webkit-transform: translateZ(-100px);
}
[data-v-9d02e6f2] .el-dialog__body {
  height: 800px;
}

.temp-3d-box[data-v-369d07ff] {
  width: 100%;
  height: 100%;
}
.temp-bar[data-v-369d07ff] {
  width: 50%;
}

.tabbar-Line[data-v-222b0838] {
  width: 100%;
  height: 350px !important;
}
.rosePie[data-v-222b0838] {
  width: 30%;
}

.topContainer[data-v-68bedede] {
  margin: 0 10%;
  height: 30px;
}
.topContainer .topTitle[data-v-68bedede] {
    font-size: 20px;
    font-weight: bold;
}
.topContainer .topTxt[data-v-68bedede] {
    display: flex;
}
.topContainer .topTxt .txtLeft[data-v-68bedede] {
      z-index: 100;
      margin-left: 8%;
}
.topContainer .topTxt .txtLeft .txtValue[data-v-68bedede] {
        width: auto;
        margin-right: 5%;
}
.topContainer .topTxt .txtLeft .dateTime[data-v-68bedede] {
        float: right;
        width: 100%;
}
.activeColor[data-v-68bedede] {
  color: #fff !important;
  background: #1890ff !important;
  border-color: #1890ff;
}
[data-v-68bedede] .el-input--prefix .el-input__inner {
  border: 1px solid #409eff;
  height: 40px !important;
  line-height: 40px !important;
}
[data-v-68bedede] .el-button {
  border: 1px solid #161e25;
  background: #333650;
  color: #409eff;
}
[data-v-68bedede] .el-button + .el-button {
  margin-left: 0px;
}
[data-v-68bedede] .el-radio-button__inner {
  background: #333650 !important;
  border: 1px solid #409eff;
  color: #fff;
}
[data-v-68bedede] .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: #409eff !important;
  border-color: #409eff;
}
[data-v-68bedede] .el-radio-button:first-child .el-radio-button__inner {
  border-left: 1px solid #409eff;
}

.line-container[data-v-645a8547] {
  height: 100%;
  width: 100%;
}

.chart[data-v-56535ea4] {
  width: 100%;
}

@charset "UTF-8";
.stage[data-v-4690fe11] {
  position: absolute;
  width: 100%;
  height: 20%;
  -webkit-perspective: 2500px;
}
.stage-box[data-v-4690fe11] {
  display: flex;
}
.stage1[data-v-4690fe11],
.stage2[data-v-4690fe11] {
  position: absolute;
  width: 50%;
  height: 0%;
  -webkit-perspective: 2500px;
}
.magicBox[data-v-4690fe11] {
  position: absolute;
  top: 160px;
  left: 0;
  width: 100%;
  -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;
}
.date-select[data-v-4690fe11] {
  height: 60px;
}
.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;
}
.temp-anay[data-v-4690fe11] {
  height: 800px;
}
[data-v-4690fe11] .el-progress--circle .el-progress__text {
  color: #ddd;
}
@media screen and (max-width: 1000px) {
.stage-box[data-v-4690fe11] {
    flex-direction: column;
}
.stage1[data-v-4690fe11],
  .stage2[data-v-4690fe11] {
    width: 100% !important;
}
}
.temp-box[data-v-4690fe11] .el-form-item__content {
  width: 200px !important;
}
.temp-box[data-v-4690fe11] .el-input__inner {
  width: 50px !important;
}
.temp-box[data-v-4690fe11] .el-form-item__content .el-input-group {
  width: 50px !important;
}