.draw-all.data-v-dfacf6bf {
  width: 100%;
  height: 100%;
  background-color: #eff0f4;
  overflow: hidden;
  position: relative;
}
.draw-all .carmera.data-v-dfacf6bf {
  position: absolute;
  right: 0;
  bottom: 250rpx;
  height: 600rpx;
  width: 200rpx;
  z-index: 1;
}
.draw-all .roll.data-v-dfacf6bf {
  position: absolute;
  right: 0;
  bottom: 0rpx;
  height: 1300rpx;
  width: 650rpx;
}
.compass-container.data-v-dfacf6bf {
  width: 380px;
  height: 380px;
  border-radius: 50%;
  position: absolute;
  right: -65%;
  transform: translateY(-60%);
  bottom: 270rpx;
  margin: auto;
  touch-action: none;
  z-index: 9999;
}
.compass-item.data-v-dfacf6bf {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-label.data-v-dfacf6bf {
  font-size: 25rpx;
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom, #e6e7ed, #f4f5f7);
  border: 2rpx solid #fff;
  position: relative;
}
.item-label-target.data-v-dfacf6bf {
  font-size: 25rpx;
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom, #e6e7ed, #f4f5f7);
  position: relative;
}
.item-label-second.data-v-dfacf6bf {
  font-size: 25rpx;
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.item-label-second-target.data-v-dfacf6bf {
  font-size: 25rpx;
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.all-size.data-v-dfacf6bf {
  width: 100%;
  height: 100%;
}
.targetimge.data-v-dfacf6bf {
  width: 150rpx;
  height: 130rpx;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  transition: opacity 0.8s ease;
}
/* 二级容器放在一级之下，尺寸更大一圈（视觉在后面） */
.compass-container.second.data-v-dfacf6bf {
  width: 480px;
  height: 480px;
  border-radius: 50%;
  position: absolute;
  right: -75%;
  transform: translateY(-70%);
  bottom: 172rpx;
  margin: auto;
  touch-action: none;
  z-index: 1;
}
.gesture-mask.data-v-dfacf6bf {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: transparent;
  /* 或 rgba(0,0,0,0.001) */
}