
.oper-layout {
  /* overflow: hidden; */
  position: relative;
  cursor: all-scroll;
  outline: none;
}

.ctrl {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9;
}

.ctrl i {
  --color: #ccc;
  --hoverColor: rgb(64, 158, 255);

  border: 1px solid var(--color);
  color: var(--color);
  cursor: pointer;
  padding: 2px;
}

.ctrl i:hover {
  border-color: var(--hoverColor);
  color: var(--hoverColor);
}

.content {
  perspective: 600px;
  will-change: transform;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 1080px;
  height: 200vh;
  /* transition: transform .3s linear; */
  background: url(http://4d-tjw.oss-cn-shenzhen.aliyuncs.com/images/bg.jpg) center center rgb(255, 255, 255);
}