.site-box {
  margin: -34px -50px 0;
  max-width: 1000px;
}

.site {
  opacity: 0;
  position: relative;
  padding-bottom: 272%;
}

.site img {
  width: 100%;
  margin: 0;
  height: auto;
}

.site-viewport {
  background: #fff;
}

.site-header {
  z-index: 99;
}

.site-content {
  display: flex;
  justify-content: space-between;
}

.site-side {
/*   flex: 0.99; */
  width: 340px;
  display: flex;
  flex-direction: column;
}

.site-main {
/*   flex: 2; */
  width: 664px;
}

.item-abs {
  position: absolute;
}

[data-switch-on] {
  opacity: 0;
  position: relative;
}