#content {
  display: block;
}
#content_m {
  display: none;
}
.content-box img{
  width: 100vw;
}
.content-box {
  position: relative;
}
.btn {
  position: absolute;
  left: 19.3vw;
  top: 23.7vw;
}
.btn img {
  width: 14.4vw;
  height: 2.6vw;
}
.swiper-box {
  width: 54.9vw;
  height: 20vw;
  margin: 0 auto;
  position: relative;
}
.swiper-box img {
  width: 14vw;
  height: 16.7vw;
}
.swiper-slide-active {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.swiper-wrapper {
  padding-left: 21.5vw !important;
  height: 16.7vw !important;
}
.swiper-slide {
  opacity: 0.5;
  transform: scale(0.8);
  height: 16.7vw !important;
}
.arrow-left {
  background: url(../img/weini/all/left.png) no-repeat left top;
  background-size: cover;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 999;
}
.arrow-right {
  background: url(../img/weini/all/right.png) no-repeat left bottom;
  background-size: cover;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 999;
}
.code-box {
  height: 8vw;
  padding: 0 35.3vw 7.5vw 35vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../img/weini/all/backimg.png) no-repeat right bottom;
  background-size: 50vw;
}
.code-box img {
  width: 6.7vw;
  height: 8vw;
}