* {
  box-sizing: border-box;
}

html, body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar, 
body::-webkit-scrollbar {
  display: none;
}
.corporatedetail img{
  width: 60%;
  height: auto;
}
.mainContainer {
  overflow-x: hidden;
  touch-action: pan-y;
}
.mainContainer .swiperContainer,
.mainContainer .swiperContainer .swiper-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.mainContainer .swiperContainer::-webkit-scrollbar,
.mainContainer .swiperContainer .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.mainContainer .banner {
  display: block;
  width: 100%;
  position: relative;
}
.mainContainer .banner img {
  width: 100%;
  height: auto;
  display: block;
}
.mainContainer .pdf {
  display: block;
}
.mainContainer .history {
  position: relative;
}
.mainContainer .history p {
  margin-bottom: 0;
}
.mainContainer .historyContainer {
  display: flex;
}
.mainContainer .historyContainer a {
  color: #1890ff;
}

@media screen and (max-width: 750px) {
  .mainContainer {
    position: relative;
  }
  .mainContainer .banner {
    margin-bottom: 38px;
  }
  .mainContainer .banner img {
    content: url("https://lilithimage.lilithcdn.com/allgames-official-web/lilith/m/cn/responsibility-m-bg.webp");
  }
  .mainContainer .pdf {
    width: 100%;
    /* content: url("https://lilithimage.lilithcdn.com/allgames-official-web/lilith/m/cn/footer-m-bg.webp"); */
    height: auto;
  }
  .mainContainer .history {
    margin: 5.333vw auto;
    padding: 0 2.667vw;
    font-size: 2.93vw;
  }
  .mainContainer .picContainer {
    display: none;
  }
  .mainContainer .swiperContainer {
    position: relative;
    height: 133.33vw;
    margin-bottom: 22px;
    background-color: #fafafa;
  }

  .mainContainer .swiperContainer .swiper-wrapper {
    transition-duration: 0ms;
    padding: 5.3vw 0 5.3vw 5.3vw;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
  }

  .mainContainer .swiperContainer .swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    padding-right: 5.3vw;
  }

  .mainContainer .swiperContainer .swiper-slide-active .text {
    display: block;
  }

  .mainContainer .swiperContainer .swiper-slide-next .mobilePicture {
    transform: scale(0.75);
    display: block;
    width: 67.2vw;
    transform-origin: 0 0;
  }

  .mainContainer .swiperContainer .swiper-slide-active .mobilePicture {
    transition: 0.5s all;
  }

  .mainContainer .swiperContainer .mobilePicture {
    display: block;
    width: 67.2vw;
    transform-origin: 0 0;
  }

  .mainContainer .swiperContainer .swiper-slide-active .mobileText{
    display: block;
  }

  .mainContainer .swiperContainer .mobileText {
    display: none;
    width: 85.07vw;
    margin-top: 5.06vw;
    line-height: 4.26vw;
    font-size: 2.93vw;
    color: #131313;
  }

  .mainContainer .swiperContainer .nextIcon {
    position: absolute;
    bottom: 33.07vw;
    right: 13.07vw;
    width: 7.47vw;
    height: 7.47vw;
    outline: none;
    background: url("https://lilithimage.lilithcdn.com/allgames-official-web/lilith/m/cn/right-m.png")
      0 0 no-repeat;
    background-size: 100% 100%;
    z-index: 2;
  }
}

@media screen and (min-width: 751px) {
  .mainContainer .banner {
    display: block;
    width: 100%;
    margin-bottom: 60px;
  }
  .mainContainer .pdf {
    width: 1020px;
    height: 283px;
    margin: 48px auto;
    cursor: pointer;
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
  .mainContainer .pdf.active {
    opacity: 1;
    animation: slideTop 0.5s ease-out forwards;
  }
  .mainContainer .history {
    width: 1020px;
    margin: 48px auto;
  }
  .mainContainer .swiperContainer {
    display: none;
  }
  .mainContainer .picContainer .picWrapper {
    position: relative;
    width: 80%;
    height: 80%;
    margin: 45px auto;
    cursor: pointer;
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
  .mainContainer .picContainer .picWrapper.active {
    opacity: 1;
    animation: slideTop 0.5s ease-out forwards;
  }
  .picContainer .picContainer .picWrapper a{
    display: block;
  }
  .mainContainer .picContainer .pic {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
  }
  .mainContainer .picContainer .pic:hover {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 960px) {
  .mainContainer .picContainer .picWrapper{
    width: 1020px;
    height: 375px;
  }
}
@keyframes slideTop {
  from {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
[v-cloak] {
  display: none;
}