hldy_app/unpackage/dist/dev/app-plus/pages/Warehouse/Warehouse.css

.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 uni-image[data-v-ce457564] {
  width: 100%;
  height: 100%;
}
.wareaitem .operationbtn[data-v-ce457564] {
  width: 20vw;
  height: 10vw;
  position: absolute;
  right: 1.5vw;
  bottom: 2vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wareaitem .operationbtn > uni-view[data-v-ce457564] {
  width: 9vw;
  height: 4vw;
  border-radius: 1vw;
  border: 0.0625rem 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 .click-box[data-v-ce457564] {
  color: #888d99;
  background: rgba(255, 255, 255, 0.43);
}
.wareaitem .operationbtn .click-box-target[data-v-ce457564] {
  color: transparent;
  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 > uni-view[data-v-ce457564] {
  position: absolute;
}
.wareaitem .annotation1[data-v-ce457564] {
  top: 20.5vw;
  left: 19vw;
}
.wareaitem .annotation2[data-v-ce457564] {
  top: 13vw;
  left: 47vw;
}
.wareaitem .annotation3[data-v-ce457564] {
  top: 23vw;
  left: 50vw;
}
.wareaitem .annotation4[data-v-ce457564] {
  top: 17vw;
  left: 68vw;
}
.wareaitem .annotation5[data-v-ce457564] {
  top: 32vw;
  left: 74vw;
}
.wareaitem .annotation6[data-v-ce457564] {
  top: 23vw;
  right: 6vw;
}
.wareaitem .annotation[data-v-ce457564] {
  width: 7vw;
  height: 8vw;
  z-index: 20;
  position: fixed;
}
.wareaitem .annotation > uni-view[data-v-ce457564] {
  position: relative;
}
.wareaitem .annotation > uni-view[data-v-ce457564]:nth-child(1) {
  width: 7vw;
  height: 2vw;
  background: #F2F3F7;
  box-shadow: 0 0 0 0 rgba(182, 186, 196, 0.35);
  border: 0.0625rem solid #FFFFFF;
  font-weight: 400;
  font-size: 1.3vw;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.wareaitem .annotation > uni-view[data-v-ce457564]:nth-child(2) {
  width: 4vw;
  height: 2vw;
  margin: -0.0625rem auto 0;
  z-index: 2;
}
.wareaitem .annotation > uni-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;
}