.mickey {
  position: relative;
}
.mickey * {
  padding: 0;
  margin: 0;
}
.mickey > img {
  width: 100%;
  vertical-align: top;
}
.mickey .mickey-content {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 52.0833vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mickey .mickey-content > img:nth-of-type(1) {
  width: 43.2813vw;
  margin-top: 32.5521vw;
}
.mickey .mickey-content > img:nth-of-type(2) {
  margin-top: 2.7vw;
  width: 100%;
}
.mickey .mickey-content > img:nth-of-type(2) {
  margin-top: 2.7vw;
  width: 100%;
}
.mickey .mickey-content > img:nth-of-type(3) {
  width: 49.1667vw;
}
.mickey .mickey-content > img:nth-of-type(4) {
  margin-top: 3.125vw;
  width: 60.4688vw;
}
.mickey .mickey-content > img:nth-of-type(5) {
  margin-top: 4.1667vw;
  width: 56.3542vw;
}
.mickey .mickey-content .group {
  position: relative;
}
.mickey .mickey-content .group .bg {
  width: 48.6vw;
}
.mickey .mickey-content .group img:not(.bg) {
  position: absolute;
  left: 50%;
  top: 19.5313vw;
  transform: translateX(-50%);
  width: 51.9792vw;
}
.mickey .mickey-content .group img:not(.bg):nth-of-type(2) {
  top: 48.1771vw;
}
.mickey .mickey-content .group img:not(.bg):nth-of-type(3) {
  top: 77.0833vw;
}
.mickey .mickey-content .group img:not(.bg):nth-of-type(4) {
  top: 106.4062vw;
}
.mickey .mickey-content .video {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mickey .mickey-content .video > img {
  width: 52.7604vw;
}
.mickey .mickey-content .video .custom-video {
  overflow: hidden;
  border-radius: 3.9063vw;
  margin-top: -28vw;
  background: transparent;
}
.mickey .mickey-content .video .custom-video video {
  height: 49.4792vw;
}
.mickey .mickey-content .shop {
  position: relative;
}
.mickey .mickey-content .shop img {
  width: 52.6042vw;
}
.mickey .mickey-content .shop a {
  position: absolute;
  left: 50%;
  top: 0;
  background-color: transparent;
  width: 41.6667vw;
  height: 5.2083vw;
  transform: translateX(-50%);
}
.mickey .mickey-content .shop a.jd {
  top: 26.25vw;
}
.mickey .mickey-content .shop a.tmall {
  top: 37.5vw;
}
@media screen and (max-width: 768px) {
  .mickey-mb {
    width: 100vw;
    position: relative;
  }
  .mickey-mb * {
    padding: 0;
    margin: 0;
  }
  .mickey-mb > img {
    width: 100%;
    vertical-align: top;
  }
  .mickey-mb .mickey-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    transform: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .mickey-mb .mickey-content > img:nth-of-type(1) {
    width: 83.2vw;
    margin-top: 152vw;
  }
  .mickey-mb .mickey-content > img:nth-of-type(2) {
    margin-top: 6vw;
    width: 100%;
  }
  .mickey-mb .mickey-content > img:nth-of-type(3) {
    margin-top: 12vw;
    width: 94.6667vw;
  }
  .mickey-mb .mickey-content > img:nth-of-type(4) {
    width: 100%;
    margin-top: 12vw;
  }
  .mickey-mb .mickey-content > img:nth-of-type(5) {
    width: 100%;
    margin-top: 6.6667vw;
  }
  .mickey-mb .mickey-content .group {
    position: relative;
    width: 100%;
    padding: 0 5.3333vw;
    margin-top: 8vw;
  }
  .mickey-mb .mickey-content .group .bg {
    width: 100%;
  }
  .mickey-mb .mickey-content .group img:not(.bg) {
    position: absolute;
    left: 50%;
    top: 37vw;
    transform: translateX(-50%);
    width: 80vw;
  }
  .mickey-mb .mickey-content .group img:not(.bg):nth-of-type(2) {
    top: 90vw;
  }
  .mickey-mb .mickey-content .group img:not(.bg):nth-of-type(3) {
    top: 145vw;
  }
  .mickey-mb .mickey-content .group img:not(.bg):nth-of-type(4) {
    top: 200vw;
  }
  .mickey-mb .mickey-content .video {
    width: 100%;
  }
  .mickey-mb .mickey-content .video img:first-of-type {
    width: 100%;
  }
  .mickey-mb .mickey-content .video .vm {
    width: 100%;
    margin-top: -60vw;
  }
  .mickey-mb .mickey-content .shop {
    position: relative;
    width: 100%;
    margin-top: 10.6667vw;
  }
  .mickey-mb .mickey-content .shop > img {
    width: 100%;
  }
  .mickey-mb .mickey-content .shop a {
    position: absolute;
    left: 50%;
    top: 0;
    background-color: transparent;
    width: 82.6667vw;
    height: 11.3333vw;
    transform: translateX(-50%);
  }
  .mickey-mb .mickey-content .shop a.jd {
    top: 50vw;
  }
  .mickey-mb .mickey-content .shop a.tmall {
    top: 73.5vw;
  }
}