.wareaitem.data-v-ce457564 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('../../static/index/warehouse/bg.png') no-repeat;
  background-size: cover cover;
}
.wareaitem .tp image.data-v-ce457564 {
  width: 100%;
  height: 100%;
}
.wareaitem .operationbtn.data-v-ce457564 {
  width: 22vw;
  height: 10vw;
  position: absolute;
  right: 1.5vw;
  bottom: 2vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wareaitem .operationbtn > view.data-v-ce457564 {
  width: 10vw;
  height: 4vw;
  border-radius: 1vw;
  border: 2rpx solid #D9DADC;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 1.3vw;
  color: #888D99;
  margin: 0 0.3vw;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.25s ease;
  -webkit-tap-highlight-color: transparent;
}
.wareaitem .operationbtn > view image.data-v-ce457564 {
  width: 1.6vw;
  height: 1.6vw;
  margin-right: 0.2vw;
}
.wareaitem .operationbtn .click-box.data-v-ce457564 {
  color: #888d99;
  background: rgba(255, 255, 255, 0.43);
}
.wareaitem .operationbtn .click-box-target.data-v-ce457564 {
  background: #FFFFFF;
  box-shadow: 0px 0px 3vw 0px rgba(12, 102, 209, 0.33) inset;
  color: #6c84a0 !important;
  animation: scalePulse-ce457564 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
  transform-origin: center center;
}
.wareaitem .operationbtn .grad-text.data-v-ce457564 {
  background: linear-gradient(90deg, #5b8bb3, #87a1bd);
  background-size: 200% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 0.8s linear;
}
@keyframes scalePulse-ce457564 {
0% {
    transform: scale(1);
}
25% {
    transform: scale(0.94);
}
65% {
    transform: scale(1.08);
}
100% {
    transform: scale(1);
}
}
.wareaitem .wareaitem-item.data-v-ce457564 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -2vw;
}
.wareaitem .wareaitem-item .itemact1.data-v-ce457564 {
  width: 29vw;
  height: 21vw;
  top: 23vw;
  left: 6vw;
  z-index: 31;
}
.wareaitem .wareaitem-item .itemact2.data-v-ce457564 {
  width: 26vw;
  height: 16vw;
  top: 15vw;
  left: 41vw;
  z-index: 27;
}
.wareaitem .wareaitem-item .itemact3.data-v-ce457564 {
  width: 24vw;
  height: 16vw;
  top: 28vw;
  left: 46vw;
  z-index: 55;
}
.wareaitem .wareaitem-item .itemact4.data-v-ce457564 {
  width: 17vw;
  height: 13vw;
  top: 22vw;
  left: 67vw;
  z-index: 36;
}
.wareaitem .wareaitem-item .wclik.data-v-ce457564 {
  width: 22vw;
  height: 14vw;
  top: 16vw;
  left: 44vw;
  z-index: 47;
}
.wareaitem .wareaitem-item .gifs.data-v-ce457564 {
  width: 41vw;
  height: 20vw;
  top: 21.6vw;
  left: 27.5vw;
  z-index: 29;
}
.wareaitem .wareaitem-item .ys.data-v-ce457564 {
  width: 11vw;
  height: 8vw;
  top: 24.2vw;
  left: 57.9vw;
  z-index: 28;
}
.wareaitem .wareaitem-item .wareitem1.data-v-ce457564 {
  width: 86vw;
  height: 44vw;
  top: 1vw;
  left: 10.5vw;
  z-index: 15;
}
.wareaitem .wareaitem-item .wareitem4.data-v-ce457564 {
  width: 11vw;
  height: 7vw;
  top: 30.9vw;
  left: 60vw;
}
.wareaitem .wareaitem-item .wareitem6.data-v-ce457564 {
  width: 17vw;
  height: 12vw;
  top: 28vw;
  right: -2vw;
  z-index: 35;
}
.wareaitem .wareaitem-item .wareitem5.data-v-ce457564 {
  width: 18vw;
  height: 15vw;
  top: 37vw;
  left: 73vw;
  z-index: 35;
}
.wareaitem .wareaitem-item .wareitem8.data-v-ce457564 {
  width: 26vw;
  height: 8vw;
  top: 29.7vw;
  left: 21.8vw;
}
.wareaitem .wareaitem-item .wareitem11.data-v-ce457564 {
  width: 3vw;
  height: 3vw;
  top: 24.5vw;
  left: 60vw;
  z-index: 35;
}
.wareaitem .wareaitem-item .wareitem10.data-v-ce457564 {
  width: 55vw;
  height: 27vw;
  top: 38vw;
  left: 20vw;
  z-index: 36;
}
.wareaitem .wareaitem-item > view.data-v-ce457564 {
  position: absolute;
}
.wareaitem .annotation1.data-v-ce457564 {
  top: 21.5vw;
  left: 19.5vw;
}
.wareaitem .annotation2.data-v-ce457564 {
  top: 13vw;
  left: 47vw;
}
.wareaitem .annotation3.data-v-ce457564 {
  top: 24vw;
  left: 49.3vw;
}
.wareaitem .annotation4.data-v-ce457564 {
  top: 18vw;
  left: 70vw;
}
.wareaitem .annotation5.data-v-ce457564 {
  top: 34vw;
  left: 74vw;
}
.wareaitem .annotation6.data-v-ce457564 {
  top: 24vw;
  right: 6vw;
}
.wareaitem .annotation.data-v-ce457564 {
  width: 7vw;
  height: 8vw;
  z-index: 20;
  position: fixed;
}
.wareaitem .annotation > view.data-v-ce457564 {
  position: relative;
}
.wareaitem .annotation > view.data-v-ce457564:nth-child(2) {
  width: 6.5vw;
  height: 3.2vw;
  margin: -2rpx auto 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wareaitem .annotation > view:nth-child(2) image.data-v-ce457564 {
  position: absolute;
  top: 0;
  left: 0;
}
.wareaitem .annotation > view:nth-child(2) text.data-v-ce457564 {
  position: relative;
  font-weight: 400;
  font-size: 1.1vw;
  color: #fff;
  z-index: 3;
  margin-top: -0.5vw;
}
.wareaitem .annotation > view.data-v-ce457564:nth-child(3) {
  width: 3vw;
  height: 5vw;
  z-index: 1;
  margin: -1vw auto 0;
}
.backgroundContainer.data-v-ce457564 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100vw;
  height: 100vh;
  background-image: url('../../static/index/lightbgcnew.png');
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.darkbackgroundContainer.data-v-ce457564 {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  background-image: url('../../static/index/background.png');
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}