@charset "UTF-8";
.rotate[data-v-dbf26f14] {
  transform: rotateY(180deg);
  /* 水平镜像翻转 */
}
.cube[data-v-dbf26f14] {
  width: 1rem;
  height: 1rem;
  float: left;
  -webkit-transform-style: preserve-3d;
  /*-webkit-transform: rotateX(45deg) rotateY(-45deg);*/
}
.cube1[data-v-dbf26f14] {
  width: 0.5rem;
  height: 1rem;
  float: left;
  -webkit-transform-style: preserve-3d;
  /*-webkit-transform: rotateX(45deg) rotateY(-45deg);*/
}
.styleLeft[data-v-dbf26f14] {
  position: absolute;
  width: 2rem;
  height: 0.8rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
}
.styleRight[data-v-dbf26f14] {
  position: absolute;
  width: 2rem;
  height: 0.8rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
  margin-left: -1rem;
}
.styleBack2[data-v-dbf26f14] {
  width: 0.5rem !important;
}
.styleTop[data-v-dbf26f14] {
  position: absolute;
  width: 0.8rem;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
}
.styleBottom[data-v-dbf26f14] {
  position: absolute;
  width: 0.8rem;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
  margin-top: -1rem;
}
.style[data-v-dbf26f14] {
  position: absolute;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
}
.style1[data-v-dbf26f14] {
  position: absolute;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
}
.style2[data-v-dbf26f14] {
  position: absolute;
  width: 0.5rem;
  height: 1rem;
  box-sizing: border-box;
}
.styleLeft[data-v-dbf26f14] {
  position: absolute;
  width: 3rem;
  height: 1rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
}
.styleRight[data-v-dbf26f14] {
  position: absolute;
  width: 3rem;
  height: 1rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
  margin-left: -2rem;
}
.styleTop[data-v-dbf26f14] {
  position: absolute;
  width: 1rem;
  height: 3rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
}
.styleBottom[data-v-dbf26f14] {
  position: absolute;
  width: 1rem;
  height: 3rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
  margin-top: -2rem;
}
.styleTop2[data-v-dbf26f14] {
  position: absolute;
  width: 0.5rem;
  height: 1rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
}
.styleBottom2[data-v-dbf26f14] {
  position: absolute;
  width: 0.5rem;
  height: 1rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
}
.styleRight2[data-v-dbf26f14] {
  position: absolute;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  border: 2px solid #333;
  margin-left: -0.5rem;
}

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